排序
用rem来做响应式开发
由于这个项目我设置了最大的宽度限制是640px,最小限制是320px,大家可以改变浏览器的分辨率或者通过手机访问看看效果。基本上在不同分辨率下都是差不多的展示效果,而且在手机移动终端下都是100%...
jquery-事件委派
一、定义 事件委派的定义就是,把原来加给子元素身上的事件绑定在父元素身上,就是把事件委派给父元素。 二、版本 从jQuery1.7开始,jQuery引入了全新的事件绑定机制,on()和off()两个函数统一...
display:flex
局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 一、Flex布局是什么? Flex是Flexible Box的缩...
详细vite创建vue3项目(vue3+ts+vite)
一、工具简介 1.1 nvm nodejs管理工具 node官网: https://nodejs.org/en/ nvm version 查看版本号 nvm install 14.15.3 安装node版本 nvm list 查看安装node列表 nvm use 14.15.3 切换选择已...
用纯CSS实现的箭头
用CSS即可绘制出各种箭头,无需裁剪图片,甚至没有用到CSS3的东西。对浏览器支持良好。 基本原理 原理非常简单,通过截取border(边框)的部分“拐角”实现,几行CSS代码即可理解: 一个梯形 当元...
vue项目rsa加密,md5加密
rsa 1.安装依赖 npm install jsencrypt 2.在main.js引入 Vue.prototype.$jsEncrypt = JsEncrypt 3.let encryptor = new JSEncrypt() // 新建JSEncrypt对象 let publickey = this.publicke...
npm 上传发布自定义组件以及使用详细流程
一、注册 NPM 账号 注册好之后记得去填的注册邮箱里面验证一下,在继续下一步,否则发布会报错。 二、打开命令行,登录 NPM 在登录之前,先确定一下 NPM 镜像,如果镜像在之前设置为...
es6 filter 过滤
两数组ab,b数组中如果存在a相同属性值,便存起来 let arr1=[{id:1,name:'网'},{id:2,name:'二位'}] let arr2=[{id:1,name:'问问'},{id:3,name:'多少'},{id:44,name:'多少'},{id:45,name:'多少'}...
Python爬虫实战:下载高清壁纸
前言 这个脚本能够从指定的网页上获取壁纸图片及其描述,并将它们保存到本地目录中。让我逐步解析这段代码的各个部分。 一:导入必要的库 import requests import re import os 这段代码导入了...
前端部署
1.将项目前端打包,形成静态文件。 npm run build 在打包的过程中,不能报错,如果报错在你本地的项目中找错,或者你之前已经打包,在修改本地的项目后又重新打包报错,可以选在删除之前已经打...
Python爬虫实战:下载随机壁纸
前言 通过上篇文章《Python爬虫实战:下载高清壁纸》获取壁纸后,略作修改,让其可以获取随机API壁纸的方法。 分析一 随机API请求会重定向到实际的图片URL,我们需要修改脚本以处理这种情况。Py...
html5笔记
localStorage 本地离线存储 浏览器关闭后数据不丢失。 <script type='text/javascript'> if (localStorage.pagecount) { localStorage.pagecount=Number(localStorage.pagecount) +1; } ...




