摘要：
项目优化策略： 1.ESLint语法报错代码换行了，ESlint与VScode代码格式化冲突如何解决？ 2.npm run build生产环境下，出现console的warning警告，去掉console 3.通过CND方式引入，webpack中的externals中声明不让第三方依赖包打包后全部合 阅读全文
摘要：
兔子序列当前项的值等于前两项的值加起来 尾调用之所以与其他调用不同，就在于它的特殊的调用位置。 我们知道，函数调用会在内存形成一个“调用记录”，又称“调用帧”（call frame），保存调用位置和内部变量等信息。如果在函数A的内部调用函数B，那么在A的调用帧上方，还会形成一个B的调用帧。等到B运行 阅读全文
摘要：
单例模式：首先我们需要理解什么是单例。单：指的是一个。例：指的是创建的实例。单例：指的是创建的总是同一个实例。也就是使用类创建的实例始终是相同的。 1 class Person{ 2 constructor(){} 3 } 4 let p1 = new Person(); 5 let p2 = ne 阅读全文
摘要：
（1）列表优化 （2）大型表单优化 （3）表格优化 渲染了四个下拉数都为1000条数据的下拉框： 用调试工具查看性能：（下图中的紫颜色的是在渲染，黄色的是JS在运算执行） 渲染了1000条的li标签，这样肯定是不好的，解决： 我们用一个长列表优化插件： npm i vue -virtual-scro 阅读全文
摘要：
场景： 当我们菜单的数据是由后端返回的，我们不确定有多少层级，通过遍历循环数据生成的菜单，而不是我们写死。我们就可以用到递归组件。 在页面级组件上，我们想要的数据结构是这样的： 先看一下组件结构： 1.页面级组件menu-page：请求拿到数据，分发给递归组件 <template> <div cla 阅读全文
摘要：
1.父组件中引用了子组件，父组件和子组件中都有li，父组件做了list-style:none，但是子组件要想去掉li的默认样式，也得加上list-style:none.,就很麻烦。可以直接在父组件的样式中： 2.组件中如果直接引入，然后通过解构的方式注入父组件的components，上面去敲组件名是 阅读全文