橘子大番茄

在我最近的工作项目中，我采用了 pnpm monorepo 来管理多个基础库的开发。这种方式虽然在项目组织上提供了便利，但在调试过程中却给我带来了不小的挑战。...

H5的加载性能对用户的留存和体验非常重要，如何秉着做到“极致”的愿景推进H5的秒开优化，本文先后从加载策略优化、资源大小优化、APP协同优化等方面讲解了我们再推进H5加载性...

如何通过和 APP 的配合大幅提升 H5 页面的首屏加载速度，如何构建一套秒开系统，让 H5 拥有类似小程序的性能体验。通过接口预请求让APP打开H5的同时并行请求数据，消...

本文将揭秘如何开发自定义 ESLint 插件，帮助你打造更高效的开发环境，提升代码质量和团队协作效率。不容错过的实用指南！...

ServiceWorker 是一个运行在浏览器背后的独立线程，它拥有访问网络的能力，可以用来实现缓存、消息推送、后台自动更新等功能，甚至可以用来实现一个完整的 Web 服务...

看完本文，你将 让你的 VSCode 打字流畅度提升 114 倍 不同工程使用各自的项目配置、插件 更加美观的自定义窗口 更加智能代码提示、替换 更加清晰的代码块结构，能一...

一、前言 SEO 是 Search Engine Optimization 的缩写，即搜索引擎优化。它是一种通过调整网站的内容、结构、外部链接等方面的优化手段，来提高网站在...

凌晨2点，Dan仍坐在电脑桌前，表情严肃。 作为React社区最知名的布道者，此时正遭遇一场不小的变故 —— 他拥有38w粉丝的推特账号被影子封禁了。 在RSC（React...

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第2天，点击查看活动详情 前言 很高兴遇见你~ 日常开发中，我们可能需要反编译 apk 去查看或分析一...

汉字字体包的体积通常比较大，通过font-display、woff2、font-spider、字体包切片等手段优化中文字体包。...

定义图标，append到svg里。...

前言 本文章是在最近开发微信小程序的过程中发现的一些问题与优化方案，具有一定的参考意义。 问题一 canvas画布触摸，页面跟随滑动： 最近开发小程序的时候， 使用到了ca...

什么？今天我被 Leader 拉进小黑屋了！“有很多用户吐槽咱的页面太卡了”，本文将从笔者近期参与的一个实际业务需求出发，总结性能优化思路，讲述我在 React 中后台场景...

探寻 Axios 源码，解读 Interceptor 拦截器的设计与实现，让 Fetch API 支持拦截器功能。...

学习一个门技术，就要搞清楚技术发展的来龙去脉，而不是一头扎进最新的源码，不管不顾的学容易被绕晕，事倍功半。特别是 react 有这么多版本，网上的文章也是各个版本的解读都有...

Proxy作为vue3的核心api之一，它的作用相当于vue3的顶梁柱，响应式及双向绑定都利用Proxy的特性来完成的。现在熟悉vue3的谁不知道大名鼎鼎的Proxy。但P...

了解vue3源码的应该都知道内置对象Reflect，vue3底层是利用ES6的一些语法来进行构建的，核心的就包括但不限于Proxy，Reflect等方法。 平常大多情况下，...

仅需2行代码，就能让JS文件的加载耗时减少951ms（-67%），代码实现也非常简单方便，耐心看完，一定会有所收获...

我正在参加「掘金·启航计划」 `tailwindcss` 和 `UnoCSS` 都是原子化CSS模式实现的一种，为什么现在我更推荐 `UnoCSS`...