我在2年之前，写过一篇中小型项目的前端架构浅谈。随着能力的上升，以及在阿里巴巴工作的经验，是时候写一篇大型项目的前端架构分析了。 本篇文章不会更多侧重于具体技术实现，而是尝试从更高角度出发，分析为什么要这么做，这些设计能解决什么问题，成本和收益如何。 由于作者能力有限，可能会有…

这三个函数都会改变this的指向，call和apply更适用于在函数运行时改变this；而bind会返回一个新的函数，新函数的this由bind传入的参数决定，所以bind更适用于返回一个新函数，这个函数在将来才会执行，比如DOM添加事件。 在Lambda演算（一套数理逻辑的形…

当我们需要在数据变化时执行异步或开销较大的操作时，应该使用 watch，使用 watch 选项允许我们执行异步操作 ( 访问一个 API )，限制我们执行该操作的频率，并在我们得到最终结果前，设置中间状态。这些都是计算属性无法做到的。 在列表数据进行遍历渲染时，需要为每一项 i…

在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。

1. 你熟悉的es6 JavaScript 的对象（Object），本质上是键值对的集合（Hash 结构），但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。为了解决这个问题，ES6 提供了 Map 数据结构。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符…

1）设计理念上的区别：Vue使用的是可变数据，而React更强调数据的不可变。所以应该说没有好坏之分，Vue更加简单，而React构建大型应用的时候更加棒 Vue2.x 已经不鼓励组件对自己的 props 进行任何修改了。 所以现在我们只有 组件 <--> DOM 之间的双向绑…

v-show为false时，通过js设置display为none;为true时，设置display:''; 这样为了让js设置的display属性失效。 v-if是通过js手动添加或删除dom元素。 所谓数据双向绑定，就是指视图层和数据层相互影响，比如input框输入数据，存储…

昨天去面试了4399公司前端岗位，这应该是我第二次面试吧，没有进入二面，有点难受。面试完个人感觉挺良好的，但回去总结发现面试官问的问题我很多都回答错了。。。还是得继续努力，希望能早日拿到心仪的offer。下面总结一下这次面试的题目。 no-cache：不使用本地缓存。需要使用缓…

二月份前后一个月的时间，有幸获得天猫、蚂蚁金服、百度和NAVER China的面试机会，对于普通院校毕业的我，能够收到大厂面试机会已经很兴奋了，然后就幻想着收到offer的场景，或许是兴奋冲昏了头脑，没有好好审视自我，竟然觉得面试通过的把握还是有的，毕竟有2年工作经验嘛。 刷面…