摘要：
基于cli3.0的vue项目性能优化中首页加载优化我使用到的优化方案 1.在vue.config.js中设置 productionSourceMap：false，可以使得打包过后的文件不包含未压缩的.map文件，减少压缩后代码体积 2.vue.config.js中设置如下代码，使得首页不预先加载其他 阅读全文
摘要：
1. 双向绑定详解 参考地址:https://juejin.im/post/5f11672fe51d45348e27b3ff 2.computed 的实现原理 1)为什么需要computed? template 使用大量复杂的逻辑表达式处理数据,使得代码维护性差,且相同数据重复计算对性能开销大 2) 阅读全文
摘要：
第 1题：输出以下代码的执行结果并解释为什么 var a = {n: 1}; var b = a; a.x = a = {n: 2}; console.log(a.x) console.log(b.x)答案为：undefined {n:2} 首先，a和b同时引用了{n:2}对象，接着执行到a.x = 阅读全文
摘要：
第 1 题：（携程）算法手写题 已知如下数组： var arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10]; 编写一个程序将数组扁平化去并除其中重复部分数据，最终得到一个升序且不重复的数组 v 阅读全文
摘要：
首先作为前端我们必不可少的工作就是写业务代码（技术leader和管理层例外，这两个岗位也是我们奋斗的目标），如果我们因为写重复的业务代码而导致跳槽，那么很大概率换了工作也是不停的写业务代码，关于这点我搜集了几点建议如下大家互相勉励： 1.编码前多思考：可读性、可维护性、封装性、性能、安全； 2.了解 阅读全文
摘要：
第 1 题：（滴滴、饿了么）写 React / Vue 项目时为什么要在列表组件中写 key，其作用是什么？ 1. 更准确 因为带key就不是就地复用了，在sameNode函数 a.key b.key对比中可以避免就地复用的情况。所以会更加准确。 2. 更快 利用key的唯一性生成map对象来获取对 阅读全文
摘要：
1.iOS手机input框无法输入问题？ *:not(input,textarea) { -webkit-touch-callout: none; -webkit-user-select: none; } input{ -webkit-user-select: text !important; } 阅读全文
摘要：
React的生命周期和Vue的生命周期很多的相似部分，可以说是大致的结构都是类似的，下面我们先看看React中常用的生命周期图 1.constructor() 组件挂载之前调用的构造函数 1）组件不需要为state赋予初始值或者不需要绑定事件的情况下不需要为组件添加构造函数或者不需要使用props中 阅读全文
摘要：
1.flex布局实现 2.flex margin 3.使用子绝父相，trandfrom 4.使用子绝父相，margin 5.子绝父相，margin 6.grid 7.table(不推荐，有页面性能问题，回流) 阅读全文
摘要：
一. 首先要明确页面加载到完全渲染结束的过程， 浏览器是流式的布局模式，浏览器会将html解析成DOM，css解析成CSSOM，DOM和CSSOM会形成渲染树（renderTree），renderTree形成之后，浏览器能计算出各个节点在浏览器的位置，将节点渲染到浏览器上面 1.根据文档渲染DOM树 阅读全文