levi_m

性能优化之图片的预加载和懒加载 前言 在现代 Web 开发中，图片是提升用户体验的重要元素，但过多的图片可能导致页面加载缓慢，影响性能。...

爬虫就是通过发送一个url请求给服务器然后获取html字符串，然后分析html字符串提取有用的信息。在这个过程中我们定义了爬虫的类以及分析获取的类，这采用了组合设计模式，方...

后端说这个需求可能我实现不了，前端你想办法解决解决，因此一个pdf导出的功能，由前端从零到一实现了，后端同学终于被前端拯救了一次...

在前端开发中，我们不可避免会遇到 Blob、File、FileReader、ArrayBuffer、Base64、URL.createObjectURL() 这些概念，是时...

在古茗日常业务中，经常会给加盟商下发各种资料，例如：奶茶的配方、设备的清洗、卫生的标准等等等。这些资料都是一些内部资料，从信息安全维度不能被泄露和盗取出去。所以会给下发的资...

大数据量或多任务单次调用会存在浏览器卡顿的问题，需要对多任务或大数据量处理进行优化，可采用切片，异步线程、零碎时间调用等方式进行优化，消除卡顿现象，提高用户体验...

React 19 是 React 18 时隔两年后发布的主版本升级，涉及的新功能较多，RSC + RSA 等新功能，另外还集成了一大波 hook 和简化版的表单操作。...

MicroApp 1.0已经发布，我们将积极回应开发者的问题和反馈，并持续改进，以帮助更多开发者提高效率和改善开发体验。欢迎大家使用MicroApp并参与共建，也希望在Gi...

有时候，前端开发者会非常惊奇地发现 `window.close()` API 并不能每次都成功关闭浏览器窗口。、...

要成为一个完整的 UI 组件库，单元测试是必不可少的，不然，不要说别人不敢用了，连我自己都不敢在项目中使用！为此，之前从来没有接触过前端单元测试的我，花了 38 首歌的时间...

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

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

总算给自己找了一个相对合理的理由，哈哈。既然有人这么想，跟随一起探索下哈。 Antd 4.X 版本是利用 webpack 基于 ES modules的 treeshakin...

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

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

前言 在前端开发过程中，我们经常需要与后端进行数据交互，但在实际开发中，后端接口的开发进度可能会滞后，或者某些接口尚未完全实现，开发过程中简单的方式就是把想要的数据写死，但...

audio 元素没有自带的固有视觉样式，除非如果声明了 controls 属性，则会显示浏览器的默认控件。 默认控件的 display 的默认值为 inline。将该值设为...

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

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