布鲁克

CDN（Content Delivery Network，内容分发网络）将源站的内容发布到接近用户的网络“边缘”，用户可以就近获取所需数据，不仅降低了网络的拥塞状况、提高请求的响应速度，也能够减少源站的负载压力。 很多同学都比较熟悉CDN的作用和功能，但是可能也会像我之前一样，…

在前端开发世界中，JavaScript 和 HTML 之间往往通过 事件 来实现交互。其中多数为内置事件，本文主要介绍 JS自定义事件概念和实现方式，并结合案例详细分析自定义事件的原理、功能、应用及注意事项。 在日常开发中，我们习惯监听页面许多事件，诸如：点击事件（ click…

在刷题之前让我们先来一起回顾一下 JavaScript 中数组的基础知识。 数组可以根据索引下标随机访问(时间复杂度为 O(1))，这个索引通常来说是数字，用来计算元素之间的存储位置的偏移量。 与其他编程语言不同，JavaScript 中的数组长度可以随时改变，数组中的每个槽位…

setTimeout和原生事件中，可以立即拿到更新结果。也就是同步 在合成事件和生命周期中，不能立即拿到更新结果。也就是所谓的“异步” 究竟是同步更新还是异步更新，取决于代码的执行环境。React定义了一个内部变量executionContext(默认为NoContext)，在…

大家好，这里是 CSS 魔法使——alphardex。 demo里不止本文创建的这一种形状，大家可以随意把玩。

经常看一些 LOL 比赛直播的小伙伴，肯定都知道，在一些弹幕网站（Bilibili、虎牙）中，当人物与弹幕出现在一起的时候，弹幕会“巧妙”的躲到人物的下面，看着非常的智能。 其实，这里是运用了 CSS 中的 MASK 属性实现的。 之前在多篇文章都提到了 mask，比较详细的一…

在上篇中，我们介绍了 JS 里的操作符重载方案，它就像 React 里使用 JSX 代替 React.createElement 那样。可以优化我们的代码，使之更加简洁和直观。 然而，它仅仅是语法糖，并不能解决性能问题。光线追踪算法的巨大运算量，需要别的优化技巧。今天我们就来讲…

“xx”(爆粗口） 这个词是最能体现本人看到本周 GitHub 热点的心情的。那一天，看到用图片处理技术还原马赛克密码的 Depix 便惊为天人，这个本周特推的项目不负我望，一周轻松破万星。当然，也要提下眼前一亮的高颜值十六进制编辑器 ImHex，也是本周 GitHub Tre…

最近两篇面试以及离职相关的文章不容错过哦。 今年面试还是比较顺的，面了五家公司(酷家乐、拼多多、字节、滴滴、蚂蚁)，都过了。 在文章里我不仅会列出面试题，还会给到一些答题建议，个人能力有限，也不能保证我回答都正确，如果有错误，希望能纠正我。 浏览器缓存分为强缓存和协商缓存，强缓…