小黄同学加油鸭

随着互联网的高速发展，信息安全问题已经成为企业最为关注的焦点之一，而前端又是引发企业安全问题的高危据点。在移动互联网时代，前端人员除了传统的 XSS、CSRF 等安全问题之外，又时常遭遇网络劫持、非法调用 Hybrid API 等新型安全问题。当然，浏览器自身也在不断在进化和发…

本文作者抱着学习的态度，体验了快手这款独角兽产品，从而试着了解中国三四线及农村用户的核心需求。

本文所有的内容都是根据前言中的内容进行讲述。 人物：小蓝、小红、小黑。 对称加密就是通信的双方都持有同一个密钥，加密和解密都是使用这一个密钥进行的。举个例子： 小蓝和小红互相写情书，但是他们不希望他们之间的信件真实内容被其他人知道。那么他们要怎么保证他们的情书不被其他人知道呢？…

在浏览器中，我们可以同时打开多个Tab页，每个Tab页可以粗略理解为一个“独立”的运行环境，即使是全局对象也不会在多个Tab间共享。然而有些时候，我们希望能在这些“独立”的Tab页面之间同步页面的数据、信息或状态。 正如下面这个例子：我在列表页点击“收藏”后，对应的详情页按钮会…

几个月前，我的任务是将我们组的 Vue.js 项目构建配置升级到 Webpack 4。我们的主要目标之一是利用 tree-shaking 的优势，即 Webpack 去掉了实际上并没有使用的代码来减少包的大小。现在，tree-shaking 的好处将根据你的代码库而有所不同。由…

本文主要记录了自己的博客在禁用缓存的情况下，从八九秒加载时间到最终 985ms 的优化实践，开启缓存的情况下能达到 138ms 的访问速度。

webpack和Link等很多工具和库的核心都是通过Abstract Syntax Tree抽象语法树这个概念来实现对代码的检查、分析等操作的。 通过了解抽象语法树这个概念，你也可以随意编写类似的工具。 一般来说每个js引擎都会有自己的抽象语法树格式，Chrome的v8引擎，F…

Webpack 迭代到4.x版本后，其源码已经十分庞大，对各种开发场景进行了高度抽象，阅读成本也愈发昂贵。但是为了了解其内部的工作原理，让我们尝试从一个最简单的 webpack 配置入手，从工具设计者的角度开发一款低配版的 Webpack。 假设某一天，我们接到了需求，需要开发…