前端开发

在当前页实现禁止分享按钮已屏蔽，但如果该配置是写在入口文件App.vue中，在跳转路由后屏蔽功能会失效。所以监听路由，如果有跳转，再进行一次屏蔽。

获取到用户点击了浏览器自带的返回。挂载完成后，判断浏览器是否支持popstate。页面销毁时，取消监听。removeEventListener 取消监听内容必须跟开启监听保持一致。

Cannot destructure property `entry` of 'undefined' or 'null' post install error, please remove node

我的页面是这样的，上面有一堆说明文字(类似前言)，接着是目录，点击目录跳到具体的详情部分(用锚点做的)，然后点击返回目录回到目录页。如果继续用锚点做返回目录页也ok，但效果肯定没有缓慢滑回来好呀

<el-select> filterable 可搜索 remote 可远程搜索 remote-method 远程搜索的方法 clearable 可清空选项 multiple 多选 value-key

array.reduce(function(accumulator, currentValue, currentIndex, array), initialValue) reduce进行数组去重

在切换select下拉框进行接口请求搜索的时候，如果频繁切换会给后台造成很大的压力，所以需要前端用记忆函数来存储已经搜索过的项目。memoize

防抖（JS的事件多次触发，只执行最后一次） 节流（控制高频事件执行次数） input输入信息进行搜索，如果每敲一个字符就请求后台接口，给后台的压力太大了，所以做好防抖，即让程序只执行最后一次的事件

响应式原理api的改变 diff算法，渲染算法的改变 建立数据 data 支持碎片 methods 生命周期钩子 — Lifecyle Hooks 计算属性 - Computed Properties

vue页面白屏的原因及优化 路由懒加载，组件懒加载 CDN 资源优化 gzip 加速优化 vue.config.js中关闭map文件，能减少好多map文件 SSR服务端渲染 首页加骨架屏

vue路由懒加载及组件懒加载 为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问题 懒加载简单来说就是延迟加载或按需加载，即在需要的时候的时候进行加载 异步组件实现懒加载 ESimport

element-ui el-tooltip 超出部分显示省略号，鼠标悬浮显示详情 组件本身就是悬浮提示功能，在对它进行二次封装时，要对它进行优化，实现超出的文本加提示，没超出的不给予提示

element-ui 正则表单验证 validate 座机号正则 手机号正则 邮箱正则 金钱格式正则 密码正则 不包含特殊字符 ip正则 只能是数字和字母 id正则 必须是数字 必须是正整数

在vue文件引用filter过滤器用法 在vue中全局引用filter过滤器用法 filter 过滤器（多参数）传参

vue 不生效打包样式 用深度选择器＞＞＞ （ /deep/ ）解决vue调用第三方组件库覆盖样式不生效问题 穿透方法实际上违反了scoped属性的意义。而且在vue中过多使用scoped导致页面打包

使用element中的popup问题 z-index es6中import的每个模块都是单例的，同一个对象被所有引用共用 引用npm包的某个文件时时，要注意引用其源码和编译后库的区别

element-ui Form表单校验 xxx is required 解决方法 去掉 required 即可，统一使用rules处理表单校验

row-key 必须为唯一标识，如有重复，点击后会造成页面卡死、失效的现象 elementUI table的row-key

element-ui Cascader 级联选择器 获取到选中的节点 获取对应的NODE节点，节点里存储了相应的数据信息 版本

子组件调用父组件的方法并获取到父组件方法的返回值 vue之$emit返回值 在父组件方法里面写一个回调函数，然后通过回调将参数传给子组件