摘要: 在JavaScript中存在一种预编译的机制,这也是Java等一些语言中没有的特性,也就正是因为这个预编译的机制,导致了js中变量提升的一些问题,下面这两句话能解决开发当中一部份问题,但不能解决所有问题,还有一些问题是你必须通过学习预编译才能解决的。 函数声明整体提升 变量声明提升(*注意是变量声明 阅读全文
posted @ 2020-12-15 17:37 laowang666888 阅读(185) 评论(1) 推荐(0) 编辑
摘要: 概述自动垃圾回收机制就是找出那些不再继续使用的值,然后释放其占用的内存空间。垃圾回收器每隔固定的时间段就执行一次释放操作。js最常用的是通过标记清除的算法来找到哪些对象是不再继续使用的在局部作用域中,当函数执行完毕的时候,局部变量也就没有存在的必要了,因此垃圾回收器很容易做出判断并回收。但是全局变量 阅读全文
posted @ 2020-12-14 22:13 laowang666888 阅读(113) 评论(0) 推荐(0) 编辑
摘要: 防抖 当持续触发事件时,一定时间段内没有再触发事件,事件处理函数才会执行一次,如果设定的时间到来之前,又一次触发了事件,就重新开始延时 场景:暴力点击,输入获取 const delay = (function () { let timer = 0 return function (callback, 阅读全文
posted @ 2020-12-13 23:13 laowang666888 阅读(92) 评论(0) 推荐(0) 编辑
摘要: 之前在商品模块的时候遇到一个这样的问题多个规格组合在一起的时候 规格列表就会很长并且每一个规格都会有不同的价格跟会员价图片等等信息,所以会造成每一条商品数据会十分的臃肿再加上多条的话,对于商品规格数据的增删改查操作的时候页面会卡顿白屏操作甚至会加载不出来等情况 针对这一反馈我们的长列表优化就来了思路 阅读全文
posted @ 2020-12-13 17:34 laowang666888 阅读(101) 评论(0) 推荐(0) 编辑
摘要: 多个表单同时验证项目中遇到这样的多个表单同时提交,内容太多,分成两个form表单,一个是basicForm,一个是advanceForm,点击确定按钮时同时验证,验证通过提交表单,有一个不通过则不提交,代码是这样写的 addData() { try { Promise.all([ this.$ref 阅读全文
posted @ 2020-12-08 15:03 laowang666888 阅读(1722) 评论(0) 推荐(0) 编辑
摘要: 一、前言 缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离,减少延迟,并且由于缓存文件可以重复利用,还可以减少带宽,降低网络负荷。 对于一个数据请求来说,可以分为发起网络请求、后端处理、浏览器响应三个步骤。浏览器缓存可以帮助我们在第一和第三步骤中优化性能。 阅读全文
posted @ 2020-12-07 18:52 laowang666888 阅读(141) 评论(0) 推荐(0) 编辑
摘要: var Person = function (name) { this.name = name; } var p = new Person("Boring"); 以上代码在调用时,会变成如下 var p = (Person (name) { var _newObj = { //#0 construc 阅读全文
posted @ 2020-11-30 10:14 laowang666888 阅读(76) 评论(0) 推荐(0) 编辑
摘要: 先来个总结:箭头函数体内的this对象,就是定义该函数时所在的作用域指向的对象,而不是使用时所在的作用域指向的对象。下面是普通函数的列子: var name = 'window'; // 其实是window.name = 'window' var A = { name: 'A', sayHello: 阅读全文
posted @ 2020-11-29 23:46 laowang666888 阅读(193) 评论(0) 推荐(0) 编辑
摘要: 混入里面加入 import validator from '@/utils/el-validator' // 生成验证信息表单信息 rulesFn(data) { const rules = {} data.forEach(element => { if (element.required) { r 阅读全文
posted @ 2020-11-20 17:39 laowang666888 阅读(257) 评论(0) 推荐(1) 编辑
摘要: 1、安装 compression-webpack-plugin cnpm i -D compression-webpack-plugin 2、在 vue.config.js 中配置 configureWebpack: { // webpack 配置 plugins: [ new Compressio 阅读全文
posted @ 2020-11-16 23:48 laowang666888 阅读(247) 评论(0) 推荐(0) 编辑