- 博客(11)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 vue项目性能优化
1.v - for设置key， 更快定位数据与diff 2.模块化组件化 封装具有高度复用性模块 拆分具有高度复用性组件 组件可配置性要强 3.路由懒加载（动态加载） 首屏加快渲染 4.productionSourceMap 设为false 防止生成map文件、 定位源码 5.productionGzip 设置为true 启动gizp压缩功能， 打包体积更小 6.keep - alive 缓存组件 7.插件CDN 8.图片CDN、图片懒加载、使用css图标 9.组件按需导入 ...
2021-02-09 10:25:32
136
原创 闭包经典应用防抖，节流
防抖 输入结束后n秒才进行搜索， n秒内又输入内容就重新计时(解决搜索bug) function debounce(fun, delay) { var timer return function (args) { clearInterval(timer) timer = setTimeout(() => { fun(args) }, delay); } } function inputFun(value)
2021-02-08 15:41:08
96
原创 instanceof
function Cat() {} var cat = new Cat() console.log(cat instanceof Cat) //true console.log(cat instanceof Object) //true console.log([] instanceof Array) //true console.log([] instanceof Object) //true console.log({} instanceof Object) /
2021-02-03 15:28:14
64
1
原创 apply，call
概念 call(obj,参数1，参数2）:两个参数,前者将代替Function类里this对象，后者（多个元素）作为参数传递给被调用的函数。 apply（obj，[参数1，参数2]），同上，不同点是第二个参数是数组。（将数组的每个元素作为一个个参数传递给被调用的函数，性质与call（）方法一样） 使用场景 function Class10(){ this.minus = function(a,b){ alert(a - b); } } function Class11(
2021-01-28 18:04:01
52
原创 构造函数，原型，原型链
原型链顶端的原型对象：Object.prototype //任意函数都可以使用new关键字进行调用 通过new使得普通的函数变成了构造函数 //一般情况下构造函数的首字母需要大写 //new关键字做了四件事。 //1-开辟了一块内存空间 创建了一个新对象 //2-让this指向这个空对象 //3-调用构造函数 给对象添加属性和方法 //4-返回这个新对象 ...
2021-01-27 13:32:51
71
原创 基础知识
针对数组遍历的方法 forEach map filter reduce reduceRight some every 针对对象遍历的方法 for in 1.url地址栏转对象 var url = 'https://www.baidu.com/s?rsv_bp=1&tn=baidu&wd=fewfge' function queryURLParamer(url) { let obj = {} if (url.indexOf('?') < 0) return var ary = ur
2021-01-21 14:11:22
108
原创 js构造函数
一般变量放构造函数里, 常量放prototype中 function Car(opt) { this.brand = opt.brand this.color = opt.color this.displacement=opt.displacement } Car.prototype = { price: '50000', yougai:'上汽提供', brand :'北京' } function Per(opt) { this.name =
2021-01-13 10:38:59
75
原创 js 函数实参形参和arguments
如果实参和形参数量相等，那么形参和argments之间有种映射关系，形参变量值改变对应位置的arguments[i]也随之改变，反之亦然。``` function test(a, b, c) { c=8 console.log(arguments[2]) //8 } test(1,2,3) 如果实参比形参少，那么多余的形参和argments之间就没有了映射关系，即多余形参值得改变，对应位置的arguments[i]的值仍为undefined，反之亦然。 function test
2021-01-12 18:05:34
301
原创 js函数声明、立即执行函数
哪个可以输出1，2，3，4，5 考点：立即执行函数 关于foo2。函数声明后边不可以跟执行符号，没有参数会报错；有参数虽然不报错，但也不执行
2021-01-12 16:58:55
667
1
原创 js预编译
GO步骤： 1.创建GO（Global Object）对象； 2.寻找变量声明作为GO的属性名，并赋值为undefined； 3.寻找函数声明，放入作为GO的属性，并赋值为其函数体。AO步骤： 变量提升，函数被覆盖 创建AO（Activation Object）对象，又叫执行期上下文； 1.寻找形式参数和变量声明作为AO的属性名，并赋值为undefined； 2.传入实际参数的值； 3.在函数体内寻找函数声明，放入作为AO的属性，并赋值为其函数体。 4.执行函数 ...
2021-01-12 16:49:38
58
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人