levi_m

简单回顾了之前的单测，增加了生成覆盖率报告的脚本，同时走读了一些具体细节，根据报告补充了一些单测，满足提交的要求

最近在做个人next小项目，ui框架使用的是shadcn/ui，感觉shadcn里的表单操作很优雅，就想着把公司项目里antd form组件也改造一下，使操作体验和shadcn里的form一样。

总算给自己找了一个相对合理的理由，哈哈。既然有人这么想，跟随一起探索下哈。 Antd 4.X 版本是利用 webpack 基于 ES modules的 treeshaking 实现的按需加载。 根据入口文件，递归查询相关依赖，然后通过各种 loader 和各种 plugin ，…

按需加载，顾名思义，意思就是比如有一段code，仅在被使用的时候才会加载，这样可以解决在访问一个页面时，一次性加载过大size的静态资源问题。按需加载，就得拆分静态资源，比如js、css。

这里所述的组件库动态加载和 webpack 构建项目的懒加载是不同的，此文将以 babel-plugin-import 插件为主，讲解组件库按需加载方案的实现原理。

audio 元素没有自带的固有视觉样式，除非如果声明了 controls 属性，则会显示浏览器的默认控件。 默认控件的 display 的默认值为 inline。将该值设为 block 通常会对定位和布局有好处，除非你想将控件放在文本块或类似元素中。 你可以使用作用于整个控件的…

随着全球化程度的提高，为不同地区和地域的广泛受众编写React应用程序意味着要让它可以跨语言访问。 通过国际化功能，React Intl库提供了将文件文本正确翻译成其他语言的机制。 在本指南中，我们将

CSS Modules 和 styled-componnets 是解决 CSS 不足的两种不同思路的解决方案。前者基于工程化，是在编译时；后者属于 CSS-in-JS，是运行时方案。哪种方案更好呢？

最近在项目里使用了 styled-components 来写 CSS，感觉有一些好处，但也遇到了一些问题，本文简单记录一下这一个多月的使用感受。