清月了无痕

放轻松，今天不是面试课。有人说欧巴的上一篇文章太难了，入门的话看不懂。 不要慌哈，网络安全的内容比较多，一篇文章写不完，后续会分成几篇文章，带大家手动实现一波，加深理解。 言归正传，今天欧巴要和大家分享一波硬核网站，作为一名前端工程师，不能总依靠UI小姐姐，工作上要为UI小姐姐…

include - 数组、字符串或正则表达式。只有名称匹配的组件会被缓存。 exclude - 数组、字符串或正则表达式。任何名称匹配的组件都不会被缓存。 max - 数字。最多可以缓存多少组件实例。 在 keep-alive 组件创建时，新建 catch 缓存节点，keys …

前端三大框架中，React、Angular的变化侦测都有一个共同点，就是都不知道哪些状态 (state) 发生了改变,于是就需要进行比较暴力的比对。React 采用了虚拟 DOM 比对，Angular 采用了脏检查机制。而 Vue在一定程度上知道哪些状态发生了改变，哪些节点依赖…

1. 接口模块处理 这里封装的依据是后台传的JWT，已封装好的请跳过。 这里做的处理分别是会话已失效和登陆超时，具体的需要根据业务来作变更。 最后是导出基础请求类型封装。 其中给get请求加上时间戳参数，避免从缓存中拿数据。 除了基础请求类型，还有很多类似下载、上传这种，需要特…

1. Vue 响应式原理 Dep : 用于收集当前响应式对象的依赖关系,每个响应式对象包括子对象都拥有一个 Dep 实例（里面 subs 是 Watcher 实例数组）,当数据有变更时,会通过 dep.notify()通知各个 watcher。 watcher 中实例化了 de…

作用域是每种计算机语言最重要的基础之一，当然它也是 JavaScript 最重要的概念之一。要想真正的深入了解 JavaScript，了解 JavaScript 的作用域链非常必要。现在让我们深入了解 JavaScript 作用域和作用域链的工作原理。

今年OKR定了一条KR是每一个季度进行一次前端相关技术的分享，还有十几天就到2020年了，一直忙于业务开发，没有时间准备和学习高端话题，迫于无奈，那就讲讲平时使用频率较高，却没有真正认真的了解其内部原理的 Vue.js 吧。 由于本文为一次前端技术分享的演讲稿，所以尽力不贴 V…

个人的理解，virtual dom就是真实dom的一种抽象，是 JavaScript 对真实dom的描述。现在主流前端框架几乎都有 virtual dom这个概念的原因，无非有以下这几点。 可以通过diff算法，找出最小差异，然后进行更新操作，更有效率。 应用跨平台成为需求，通…

以上是个人对常见前端手写面试题的一些总结，希望能对大家有所帮助。如果有错误或不严谨的地方，欢迎批评指正，如果喜欢，欢迎点赞。