- 博客(13)
- 收藏
- 关注
RSS订阅
原创 防抖和节流的区别以及实现
作⽤：本质上是优化⾼频率执⾏代码的⼀种⼿段 如：浏览器的 resize 、 scroll 、 keypress 、 mousemove 等事件在触发时，会不断地调⽤绑定 在事件上的回调函数，极⼤地浪费资源，降低前端性能为了优化体验，需要对这类事件进⾏调⽤次数的限制，对此我们就可以采⽤ throttle （防抖）和 debounce （节流）的⽅式来减少调⽤频率定义： •节流: n 秒内只运⾏⼀次，若在 n 秒内重复触发，只有⼀次⽣效 •防抖: n 秒后在执⾏该事件......
2022-03-15 08:49:23
1047
1
原创 es6常用开发技巧
1.如何隐藏所有指定的元素const hide = (el) => Array.from(el).forEach(e => (e.style.display = 'none'));// 事例: 隐藏页面上所有`<p>`元素hide(document.querySelectorALL('p'))2.如何检查元素是否具有指定的类？页面DOM里面的每个节点上都有一个 $\color{#FF0000}{classList}$对象，程序员可以使用里面的方法新增、删除、修改、查
2022-05-07 15:44:56
399
原创 详解事件代理（事件委托）以及应用场景
事件代理（也称事件委托）事件代理，俗地来讲，就是把⼀个元素响应事件 （ click 、 keydown ......）的函数委托到另⼀个元素 前⾯讲到，事件流的都会经过三个阶段： 捕获阶段 -> ⽬标阶段 -> 冒泡阶段，⽽事件委托就是在冒泡阶段完成事件委托 会把⼀个或者⼀组元素的事件委托到它的⽗层或者更外层元素上，真正绑定事件的是外层元 素，⽽不是⽬标元素 当事件响应到⽬标元素上时，会通过事件冒泡机制从⽽触发它的外层元素的绑定事件上，然后在外层元 素上去执⾏函数应用场景如果我们有⼀
2022-04-11 22:22:54
5342
1
原创 vue的指令总结
v-textv-text是一个渲染文本的指令 不能解析标签 会把标签当成字符串渲染在页面上v-htmlv-html 也是一个渲染内容的指令 但是v-html会解析标签 标签不在页面上显示v-showv-show 是一个控制元素显示隐藏的指令 他是通过css样式（display:none）控制dom的显示隐藏v-ifv-if 也是一个控制元素显示隐藏的指令 但是v-if本质上控制的是 dom的删除和增加 意思就是v-if的值如果是false则会从文档中直接删除domv-else-ifv-else-i
2022-04-02 23:02:38
117
原创 css样式重置
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, .
2022-04-02 22:54:15
95
原创 数组的常用方法总结
1. join()join（’参数‘）把数组的元素以传入的参数为分割符，转换成字符串。let arr = [1,2,3,4,5];let str = arr.join(',');console.log(str) // -> '1,2,3,4,5';2.push()和pop()push(): 可以接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度。pop()：数组末尾移除最后一项，减少数组的 length 值，然后返回移除的项。let arr = ['张
2022-03-28 18:24:36
202
原创 vuex中数据固化插件
数据持久化：刷新页面，vuex里面数据丢失、清空。有时候我们需要把一些数据固话到本地，即使刷新也不能清空，例如：登陆状态、token等。这是就需要用到vuex数据持久化//需要先下载插件npm install vuex-persistedstate --save 或者使用yarn add vuex-persistedstate --save//在vuex初始化时导入插件import persist from 'vuex-persistedstate'//并使用export .
2022-03-28 18:14:40
703
原创 关于vue-cli3的打包优化
在开发过程中vue项目打包是需要做一些性能优化的，这里写了关于我知道的要做的优化的部分，废话不多说直接上代码了，仅供参考 欢迎提出意见const UglifyJsPlugin = require('uglifyjs-webpack-plugin')const path = require('path')// 开启Gzip需要的依赖 yarn add compression-webpack-plugin -Dconst CompressionWebpackPlugin = require('com
2022-03-21 08:29:03
809
5
原创 js加减乘除精确运算方法
因为计算机数字是浮点型，所以在计算过程中通常得到的并不是一个准确的数据，所以在做一些数组运算的时候比较头疼，我们这里就来写一下精确运算的方法首先是加法 （这里以两个数据相加为例）function add(arg1, arg2) { arg1 = arg1.toString(), arg2 = arg2.toString(); // 将传入的数据转化为字符串 var arg1Arr = arg1.split("."), // 将小数的数据从小数点的位置拆开 arg
2022-03-10 15:04:04
465
原创 常用的错误码介绍
1**：请求收到，继续处理2**：操作成功收到，分析、接受3**：完成此请求必须进一步处理4**：请求包含一个错误语法或不能完成5**：服务器执行一个完全有效请求失败100——客户必须继续发出请求101——客户要求服务器根据请求转换HTTP协议版本200——交易成功201——提示知道新文件的URL202——接受和处理、但处理未完成203——返回信息不确定或不完整204——请求收到，但返回信息为空205——服务器完成了请求，用户代理必须复位当前已经浏览过的文件206——服务器已经完成
2022-03-09 16:09:43
3989
转载 史上最全常用正则表达式大全
很多不太懂正则的朋友，在遇到需要用正则校验数据时，往往是在网上去找很久，结果找来的还是不很符合要求。所以我最近把开发中常用的一些正则表达式整理了一下，在这里分享一下。给自己留个底，也给朋友们做个参考。一、校验数字的表达式// 1. 数字：^[0-9]*$// 2. n位的数字：^\d{n}$// 3. 至少n位的数字：^\d{n,}$// 4. m-n位的数字：^\d{m,n}$// 5. 零和非零开头的数字：^(0|[1-9][0-9]*)$// 6. 非零开头的最多带两
2022-03-08 15:44:54
320
1
原创 promise封装小程序Api请求
在项目中我们使用请求 需要通过api封装为什么封装api因为在项目中 请求使用的地方会有很多 不利于后期维护 如果我我们讲api封装出来 只需要维护api文件就可以了这里以uniapp封装api来写小程序为例第一步先在项目目录中创建一个utils文件夹 在该文件夹下创建一个js文件为请求的封装 代码如下// 封装请求const http = ({url, method='get', data=''}) => { return new Promise((resolve, .
2022-03-08 15:38:36
160
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人