前端开发

实现思路 实现这一类布局和交互难点主要有以下几点： 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收起”按钮 单独看这个布局，即使借助 J

Element-ui的表格组件固定某列: 但可能会出现如下现象： 需要在样式中加上.el-table__fixed-right { height: 100% !important; }

element-ui自带的东西很好用，但是不可否认的是， 当需求变更的时候，组件的修改也是真的烦。 element-ui里table自带的文字超过内容自动隐藏，鼠标移入该元素时候tips展示全部内容：

js根据出生日期计算年龄及根据年龄计算出生日期，js根据出生日期计算年龄及根据年龄计算出生日期，js根据出生日期计算年龄及根据年龄计算出生日期

数组置顶 获取要置顶元素的索引 index, 删除当前元素，并在原数组前面加上该数组 列表排序 效果是更改排序，实则是交换相邻两个元素的位置 列表序号 element-ui <el-table>

在当前页实现禁止分享按钮已屏蔽，但如果该配置是写在入口文件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导致页面打包