willxiao

在 typescript （后面简称为 ts）中定义 interface（后面简称为“接口”） 时，常常需要对进行二次封装或调整，而 ts 在2.1版本中加入了一些程序类型...

前端 undo & redo 功能是非常常见的，通常会使用命令模式来实现。本文以一个低代码编辑器的例子，来介绍 JavaScript 是如何使用命令模式来实现 undo &...

优化目标：降低播放页 FP 耗时，减少静态资源请求数量，提升开发体验，提升构建产物质量。（文章基于 webpack@4.46.0）...

webpack官网中，有这么一句话，我不是很认同： 可以说，性能优化最重要的部分就是懂得如何分包了。因此，就来谈谈webpack中的分包。...

UUID 是软件开发中最常用的通用标识符之一。然而，在过去的几年里，其他的竞品挑战了它的存在。 其中，NanoID 是 UUID 的主要竞争对手之一。...

你知道 Radash 吗？ Radash 会取代 Lodash 吗？ 这个现代化替代品更安全、好用！...

本文着眼于梳理业界微前端技术的发展脉络、在主流产品中的应用情况，以及目前不同技术方案之间的架构和核心原理对比，只关注精华部分，不纠结于技术细节，帮大家快速建立起对微前端整体...

MongoDB 和 MySQL 都是不错的数据库，都具有优良的性能。它们的应用场景各不相同。本文将探讨这两种数据库的特性和差别。...

重新打包后发现，我们使用的Promise已经引入，而且没使用到的API也没打包到里面，体积从400多KB降到了60KB，效果明显，usage按需打包根据源代码中出现的语言特...

一般来讲一个成熟的产品，运营与产品团队需要关注用户在产品内的行为记录，通过用户的行为记录来优化产品，研发与测试团队则需要关注产品的性能以及异常，确保产品的性能体验以及安全迭...

随着互联网的高速发展，信息安全问题已经成为行业最为关注的焦点之一。这篇文章会介绍一些常见的安全问题及如何防范的内容，在当下其实安全问题越来越重要，已经逐渐成为前端开发必备的...

最近，国外网友 t3dotgg 建议 React 官方把文档中关于建议使用 Create React App 来创建新项目更换为建议使用 Vite 来创建新项目。多数网友对...

最近经常看到很多JavaScript手写代码的文章总结，里面提供了很多JavaScript Api的手写实现。 里面的题目实现大多类似，而且说实话很多代码在我看来是非常简陋...

useSelector是如何只在我们想要的时候触发更新的  一个似乎无法实现的hook的内部工作原理深入研究  当一个react context更新的时候，所有使用到该co...

TS 中的感叹号，称作『非空断言』操作符，Non-null assertion operator 中文理解： x! 将从 x 值对应的类型集合中中排除 null 和 und...

TypeScript 3.0 引入了新的unknown 类型，它是 any 类型对应的安全类型。 unknown 和 any 的主要区别是 unknown 类型会更加严格：...

Chakra-UI 是一个现代化 React UI 框架，开箱即用的主题功能，默认支持白天和黑夜两种模式，拥有大量功能丰富且非常有用的组件，内置Emotion,是CSS-I...

许多项目因为错误的原因选择在 JavaScript 中设置样式（例如使用 styled-components）。这篇文章列举了常见的误解以及针对这些问题现有的 CSS 解决...

网上看到一道 JavaScript 笔试题，感觉还挺有意思的，在此记录一番。 下面是 ES6 的实现方式，如果用 ES5 来写要在维护 this 方面多写一些代码。 吐槽一...