陈新科的博客

每当进入一个新的项目或行业时，最重要的是先参与相应的行业群或创业群，了解最新的动态。创业时，也需要加入一些创业交流群，与同频的人进行交流。不诚信的人和不良企图的人已经被拉黑了，群内严禁发广告，每天都要花很多时间清理广告。在这个创业交流群里，我们共同寻找同频的人，只有聪明的人才开始交流。我创建了一个全国创业的群，让大家可以在里面分享自己的项目，并寻找合作资源。此时，你就需要加入最新的创业交流群，与各行各业的老板进行交流。因此，我创建了一系列的创业交流群，欢迎大家加入。

本代码已发布npm，下载可以直接使用wvc 项目名称。

1.ESLint插件2.图片压缩3.代码压缩4.项目拆包分包5.前端离线化等等一系列优化操作以及详细的注释，方便同学们学习当时写这套代码的原因是因为公司老项目各方面性能太慢，所以决定升级脚手架也可用于公司老项目直接嵌套进来直接使用。

我们一次拿到所有数据但是只渲染10条数据,只要把页面填满就行.等用户拉动滚动条到达底部时我们就填加渲染数据30条.初次渲染，脚本执行由2200毫秒优化到75毫秒左右，渲染由600多毫秒优化到19多毫秒。因为我们多个页面需要用到懒加载，所以我们提取成公共方法mixin。因为vue是单页面应用所以一定要记得销毁滚动事件监听。代码注释很详细，具体看注释即可。利用列表懒加载（虚拟列表）

可以使用`terser-webpack-plugin`的`terserOptions`的`compress`属性，将`console.log`设置为`false`即可。具体如下：

Webpack是一个现代化的代码打包工具，它将多个JavaScript文件打包成一个或多个文件，其中包含所有的依赖项。它通过减少网络请求的数量来提高网站的性能。Webpack还支持许多其他的资源，如图片，样式和字体等。Webpack最初是为Node.js开发的，但它可以用于其他任何类型的Web应用程序或Node.js项目。Webpack基于模块化开发的理念，它支持所有主要的模块化开发规范，包括CommonJS，AMD，ES6模块。

公司的一个平台为方便第三方平台接入页面，需要写成可以单页面引入的方式。涉及到跨域访问页面，以及页面多余属性的隐藏。

打包之后还可以由运维人员修改配置。方便部署人员配置md5加密。public文件打包不会乱。所以新建pas.js文件。

堆内存中的对象不会随方法的结束而销毁，即使方法结束后，这个对象还可能被另一个引用变量所引用（方法的参数传递时很常见），则这个对象依然不会被销毁，只有当一个对象没有任何引用变量引用它时，系统的垃圾回收机制才会在核实的时候回收它。相比于堆来说存取速度会快，并且栈内存中的数据是可以共享的，例如同时声明了var a = 1和var b =1，会先处理a，然后在栈中查找有没有值为1的地址，如果没有就开辟一个值为1的地址，然后a指向这个地址，当处理b时，因为值为1的地址已经开辟好了，所以b也会同样指向同一个地址。

1、mouseenter：在鼠标光标从元素外部首次移动到元素范围之内时触发，这个事件不冒泡。2、mouseleave：在位于元素上方的鼠标光标移动到元素范围之外时触发，这个事件不冒泡。3、mouseover：在鼠标指针位于一个元素外部，然后用户将其首次移入另一个元素边界之内时触发。4、mouseout：在鼠标指针位于一个元素上方，然后用户将其移入另一个元素时触发。又移入的另一个元素可能位于前一个元素的外部，也可能是该元素的子元素。

在一些后台管理系统，我们可能需要根据用户角色进行一些操作权限的判断，很多时候我们都是粗暴地给一个元素添加 v-if / v-show 来进行显示隐藏，但如果判断条件繁琐且多个地方需要判断，这种方式的代码不仅不优雅而且冗余。背景：在类电商类项目，往往存在大量的图片，如 banner 广告图，菜单导航图，美团等商家列表头图等。在开发中，有些提交保存按钮有时候会在短时间内被点击多次，这样就会多次重复请求后端接口，造成数据的混乱，比如新增表单的提交按钮，多次点击就会新增多条重复的数据。

(不建议 用index 作为 key，和没写基本上没区别，因为不管你数组的顺序怎么颠倒，index 都是 0, 1, 2 这样排列，导致 Vue 会复用错误的旧子节点，做很多额外的工作)校验时，先去校验公共库查找是否有对应校验，有则使用，没有则查看是否要多处使用，如果可复用，则进行抽离。1：作用域不大临时变量可以简写，比如：str，num，bol，obj，fun，arr。1.相同的卡片布局，首先整合数据，尽量使用循环方式去增加，避免变更多处的问题。2：循环变量可以简写，比如：i，j，k等。

当组件被缓存时，会自动触发组件的 deactivated 生命周期函数。当组件被激活时，会自动触发组件的 activated 生命周期函数。默认情况下，vue切换动态组件时无法保持组件的状态。include 属性用来指定：只有名称匹配的组件会被缓存。vue 提供了一个内置的组件，专门用来实现动态组件的渲染。循环遍历标签页，其中的if判断用于解决切换页面闪烁问题。这里用到vue的混入，方便多个页面直接引用相关代码。keep-alive 对应的生命周期函数。

【代码】如何优雅的封装element侧边栏（复制即用）

/xx是每个页面的标头第一个名字不一样所以需要动态传，扩展参数是所有的数据数组"2021年","2020年","2019年",......];// 所有数组数据// 年份=》key值});});}

v-if=”clearShow”，初始化数据为true，在change事件触发的函数里设置clearShow为false，即移除了该input标签，然后在回调函数中再设置clearShow为true，这时的文件上传框就是清空的了。再上传同名文件也不会受影响了。change事件触发条件是文件上传框内容改变才可以，每次上传完文件默认是不清空上一次上传的内容的，这样上传同名文件就不会触发change事件。网上现有的方法就是重置input上传文件的标签的dom结构，在vue里我的实现方法就是v-if去控制。

1、第一次登录的时候，前端调后端的登陆接口，发送用户名和密码2、后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token3、前端拿到token，将token存储到localStorage和vuex中，并跳转路由页面4、前端每次跳转路由，就判断 localStroage 中有无 token ，没有就跳转到登录页面，有则跳转到对应路由页面5、每次调后端接口，都要在请求头中加token。

需求：多选框需要动态改变背景色。

然后需要保存行和列的信息，然后在 tableCellStyl对象里判断，等于哪一行哪一行就变色，否则就是白色。