xik_why_fe

虽然 ServiceWorker 和 PWA 正在成为现代 Web 应用程序的标准，但浏览器资源缓存变得比以往任何时候都复杂。 本文涵盖了浏览器缓存的重点内容。...

原链接 ：https://www.kochan.io/nodejs/pnpms-strictness-helps-to-avoid-silly-bugs.html pnpm...

我们在如何写一个 Babel 插件 中，了解了 Babel 插件的写法。Babel 插件处理的对象是 AST，那 Babel 究竟是如何调用插件的，插件是如何生效的呢。在分...

本文正在参加「金石计划 . 瓜分6万现金大奖」。 众所周知，函数节流（throttle）是 JS 中一个非常常见的优化手段，可以有效的避免函数过于频繁的执行。 举个例子：一...

昨天，是我在字节的最后一天。 去年入职的时候，我就在想，自己会在字节待多久，一年？还是两年？毕竟“字节一年，人间三年”。现在答案揭晓了，一年零两个月。不过还好，超过了七个月...

马上就要2022年了，92年的小🐵紫就要步入30+的行列了。一转眼，也到了三十而立的年纪。反观自己，到了这个时候，更多的是迷茫、彷徨、焦虑、无措，但也在不断地跌跌撞撞中，...

本文以剖析webpack-dev-server源码，从零开始实现一个webpack热更新HMR，深入了解webpack-dev-server、webpack-dev-mid...

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替...

ECMAScript Modules 简称 ESM，也叫 JavaScript modules，是 2015 年 6 月随着 ES6(ES2015) 正式发布的模块化解决方...

大家好，我是卡颂。 你是否很讨厌Hooks调用顺序的限制（Hooks不能写在条件语句里）？ 你是否遇到过在useEffect中使用了某个state，又忘记将其加入依赖项，导...

CSS3新增了box-shadow，用于设置盒子的阴影，今天玩了一下~~~~~~~~~~~~~~~~...

我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，...

本文将介绍 CSS 中一个比较有意思的新增伪元素 ::marker，合理使用，让文字序号变得更加的有意思！...

如果页面中有渲染时的卡顿，先不要去减去不必要的重新渲染。更重要的是利用分析工具找到渲染慢的原因，解决它之后，再去看是否有不必要重新渲染的问题。...

useCallback和useMemo不一定能提升性能。抽象（以及性能优化）都伴随着代价。采用AHA编程法则，直到确实需要抽象或优化时才去做，这样可以避免承担了成本却不能获...

node 应用开发中，我们不可避免的需要使用或拆分为 npm 模块，经常遇到的一个问题是： 新开发或修改的 npm 模块，如何在项目中试验？ 新同学一般会有以下几种方式：...

1. 尝试用如下命令进行修复 2. 正确姿势...

可以看到，子类Son继承到了父类Father构造函数中的属性，但是并未继承到父类原型链·Father.prototype上的方法show。 Son的多个实例对象不会互相影响...

JavaScript深入系列第十一篇，通过bind函数的模拟实现，带大家真正了解bind的特性 bind 一句话介绍 bind: bind() 方法会创建一个新函数。当这个...