- 博客(6)
- 收藏
- 关注
RSS订阅
1原创 JavaScript中函数的防抖和节流
函数防抖：一个函数频繁触发，在规定时间内，只让最后一次函数执行有效（有延迟）PS：实际使用中还是需要注意this指向1、非立即执行版（例如点击之后不会立马执行，第一次执行会在delay秒后执行）function debounce(fn,delay){ let timer=null; return function(...args){ clearTimeout(timer) timer=setTimeout(fn.bind(this,...args),delay) // 定时器回调函数thi
2020-09-30 13:55:29
258
原创 Vue项目常用优化方案
工作中使用Vue+ElementUI开发后台管理项目天天跟数据打交道，学到的东西真不多，工作又不好找，emmm，先来说说工作中用到的优化方法吧！1、路由懒加载 例：const Login = ()=> import('../../Login/Login')2、keep-alive缓存组件 常用于tab切换的时候使用3、cdn引入第三方库 这样可以减少项目加载的数据4、v-for绑定事件使用事件委托 <ul @click='handleClick'> <li v-
2020-09-14 15:01:06
578
原创 封装cookie，功能包括获取、设置、移除
封装cookie，功能包括获取、设置、移除let Cookie = {get(key) {//console.log(key)new RegExp("(^|\s)"+ key +"=([^;]+)(;|$)").test(document.cookie)return RegExp.KaTeX parse error: Expected 'EOF', got '}' at position 26: …面正则表达式的第二个子集 }̲, // 保存的数据通过对…{key}=value;expir
2020-09-14 14:40:51
119
原创 手写webpack的babel-loader、url-loader、file-loader
自定义loader//仿写babel-loader需要下载@babel/core @babel/preset-envnpm i @babel/core @babel/preset-env -Dconst path=require('path')const HtmlWebpackPlugin=require('html-webpack-plugin')module.exports={ mode:'development', entry:'./src/index.js',
2020-06-23 13:43:42
405
原创 JavaScript对象数组去重
JavaScript对象数组去重//方法一let obj =[ { key: "nn", age: 2 }, { key: "name", age: "asd" }, { key: "nn", age: 2 }]let object = {};let objres = obj.reduce((item,next) => { object[n
2020-06-23 13:38:42
216
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人