哈哈，之前是 2020 年必读文章，到了 2021 年了，感觉这些文章还都是经典，那就改个标题吧。[手动狗头] 之前写过一篇 一年半经验如何准备阿里巴巴前端面试，给大家分享了一个面试复习导图，有很多朋友说希望能够针对每个 case 提供一个参考答案。 写答案就算了，一是精力有限…

作为一个喜欢纸质书的前端爱好者，按照这个导图也整理了一些前端推荐书单，其中有一些看过的，也有一些网评不错的。 建了一个前端买书微信群，感兴趣的同学可以加我微信 qianduanshilian，推荐书单实时更新。

这里的类型指的是值，变量是没有类型的，变量可以随时持有任何类型的值。JavaScript中变量是“弱类型”的，一个变量可以现在被赋值为 字符串类型，随后又被赋值为数字类型。 typeof是一个操作符而不是函数，用来检测给定变量的数据类型。 typeof null 为什…

其中，我们称Person为构造函数，person和student为构造函数Person的实例。 不信的话自己输出试试String.toString()，此时会输出function String() { [native code] }，这就是它的构造函数。 每个函数(包含自定义的…

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当前的页面状态，比如复选框的选中状态、输入框的输入等。…

会话跟踪是Web程序中常用的技术，用来跟踪用户的整个会话。常用的会话跟踪技术是Cookie与Session。Cookie通过在客户端记录信息确定用户身份，Session通过在服务器端记录信息确定用户身份。 由于 http 是无状态的协议，一旦客户端和服务器的数据交换完毕，就会断…

我已经将这个项目重新命名为 pjsonp 并且在 npm 上发布啦，欢迎在你的项目中使用，并在 GitHub 提交 issue 和 pull request。 这篇文章通过实现一个生产环境中可用的，Promise API 封装的 jsonp 来讲解 jsonp 的原理。 由于浏…

Vue的数据响应主要是依赖了Object.defineProperty()，那么整个过程是怎么样的呢？以我们自己的想法来走Vue的道路，其实也就是以Vue的原理为终点，我们来逆推一下实现过程。 例如const obj = {},然后再调用defineReactive(obj,'…

传递的插槽内容'hello juejin!'会被编译成dx-li子组件VNode节点的子节点。 子组件的后续渲染过程与slots类似。scoped slots原理与slots基本是一致，不同的是编译父组件模板时，会生成一个返回结果为VNode的函数。当子组件匹配到父组件传递作用…