最近对web的性能优化比较感兴趣，而前端代码主要在浏览器工作的。如果对浏览器的工作原理了解清楚，可以为web性能优化提供方向以及理论依据。 本文主要参考 How Browsers Work: Behind the scenes of modern web browsers 。在…

一、CSS写自适应大小的正方形代码：效果图：原理：元素的padding的百分比值四个值均根据当前元素的宽度来计算的padding只能取top或者bottom，自适应正方形其值要和宽一致，当然其他不同比

“什么？”你发出惊叫。“GraphQL 是一个服务端查询语言，Redux 是一个客户端状态管理库，这两个风马牛不相及的东西怎么能互相代替？！” 这是个好问题。坐稳扶好了，因为我将正面回答，挑战你的三观。 迁移到 React 回答之前，先听我讲一下故事背景。早在 2016 …

烟花炸裂后微粒：自身位置（x, y），自身大小（size），自身速度（rate），最大烟花半径（radius）。 config：为全局变量，以及控制参数，包括画布宽高，设定烟花属性等。 此时烟花是这样的，感觉少了点小尾巴。 现在我们每一帧都是清除了画布，如果要加上小尾巴其实也很…

本文描述了什么时候开始使用 Redux。作者描述了在构建一个真实 React APP 时，从没有使用 Redux 到使用 Redux 的过程以及收获。 首先，并不是所有的 React 应用程序都需要使用 Redux。事实上，大多数非常简单的 React 应用程序根本不能从 Re…

webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。 当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个…

在使用前端许多工具插件的时候，我们大多知道每个工具库、每个插件能做什么，不过很多同学其实并不清楚背后用到的技术，如webpack、rollup、UglifyJS、Lint等很多的工具和库的核心都是通过Abstract Syntax Tree 抽象语法树这个概念来实现对代码的检查…

更新两个小程序云开发的项目https://github.com/LookGlasses/LookMini https://github.com/SkyRecovery/SkyRecoverMini