el-tree 或 el-tree-select 根据条件，控制节点的显示隐藏 要求el-tree-select 的节点根据节点数据状态来进行显示隐藏（状态字段为status，显示：‘1’，隐藏：‘0’）
electron-builder 打包问题，下载慢解决方案 项目使用了Electron，在第一次打包时会遇见下载慢，导致打包进度几乎停滞不前，甚至可能直接报错其实这是因为Electron 的源在国外，我们直接下载，大家都懂，这下载速度堪称龟速......
echart宽度100px原因（解决el-tabs里的echarts图表宽度不自适应，只有100px问题） 首先echart初始化的组件宽度设置了width: 100%，那么本来这个时候，echart图表会根据父级自适应宽度。但因为el-tabs标签页，一开始的状态是display：none，也就是没有宽度，这个时候ehcart获取不到父级宽度，就会默认的给一个100px的宽度
el-tree 懒加载数据，展开的节点与查询条件联动，且对查询的节点进行定位 其实这个联动，主要是搞懂el-tree的node-key和属性就行。简单来说，就是你想展开哪个节点，就把该节点node-key对应的字段放入default-expanded-keys对应的数组中。其他的就是对数据的处理把接口获取到的数据处理成你想要的样子，这是前端在很多时候都要做的事情。
解决el-table树形数据量过大，导致卡顿问题 element-ui里面的树状表格，当层级和数据过多的时候会出现点击展开和折叠的时候卡顿。这种处理方式会在展开过多时慢慢变得卡顿，所以需要提供一个逻辑，使得用户可以一键回到第一层，且卸载所有子节点。我以为是源码里的逻辑不好，debug源码，但是没有发现原因，后求助同事，得出是dom元素过多导致的。在点击展开的时候，改变display样式，因为元素位置变化，页面发生回流，且元素多，所以开销大。一次性加载所有数据的时候，折叠的元素都已经加载了，只是样式为dispaly：none；
el-date-picker 结合dayjs 快速实现周选择、月选择，并设置控件的显示格式 el-date-picker 结合dayjs 快速实现周选择、月选择，并设置控件的显示格式提供选择器，可供选择为 按月选择 或 按周选择这里给el-date-picker 按周选择，配置了周起始日为星期一。
谷歌浏览器请求 strict-origin-when-cross-origin 跨域问题，解决方法之一 项目打包部署在内网后，index.html 里通过script标签引入的其他链接资源不能正常请求，报的是跨域错误
nginx 部署vue项目，路由模式为history时，页面刷新404问题 因为打包部署后，地址栏的地址只是vue的路由，并不是真的文件目录地址。所有的路由都是依赖于SPA单页应用的index.html。所以当刷新时，按照地址栏的地址，找不到对应的文件，就产生404。
echart 仪表盘绘制（适用于需要显示当前进度的图表） 看了下echart上的例子，没有现成的，所以自己找了找配置，然后写了一个。发现是因为项目使用的echart版本是4，而官网已经是5了。在写的过程中发现，官网上调整好的代码，在项目中显示出错。这里我针对两个4、5两个版本都配置好了。项目需要显示当前设备温度的图表，如下。
前端随笔（问题记录、知识点存储），持续更新中 1.el-dialog打开后，页面布局发生偏移2.el-table 错误复用之前的表格列，导致新表格内容展示错误3.监听浏览器本地缓存的方法4.通过 iframe 简单实现多系统快捷登录（类似单点登录效果，支持跨域）5.VS Code代码提示突然没有了6. 为什么通过ref获取到的组件，有时候是个对象，有时候是数组？（为什么通过ref获取到的组件，调用不了它里面的方法？）7.为什么el-input-number 在人为清空后，用代码进行赋值会失效？（清空后赋值失效）8.js 四舍五入方法实现
关注
