井柏然

基于 pnpm workspace 解析 Monorepo 的工作空间内模块之间的相互关系，搞懂 import xx from 工作空间的模块导入机制、代码运行原理，摘掉 ...

如果你还不清楚为什么开发Vue/React组件库时在打包过程需要external掉Vue、React！本文提供源码，通过实战案例探讨npm包开发中实例唯一性的方案，让大家掌...

一次真实的打包分析，揭开“按需引入”到底骗了我们多久 前端团队最爱说“我们用的是 lodash-es，按需引入，tree shaking 肯定没问题”，但项目打包结果却往往...

通过一个白屏问题，仔细阅读文档、分析理解，我对 Vite 打包及其对浏览器兼容的处理有了一个新的认识。本篇是一个总结，详细分析了对文档概念的理解，其中翻译了plugin-l...

背景说明 微信小程序的用户信息获取接口经过多次迭代后，目前已无法直接通过 API 获取用户的真实头像、昵称等信息。微信官方推荐的最佳实践是引导用户在个人中心或设置页面主动完...

是的在失业的这一个多月里，我开发了一个基于Vue3+Typescript+Vite+Pinia+indexedDB的3D模型场景编辑器项目...

本文在学习了文档&源码后与大家探讨一下 vite 以下功能的实现思路：开发服务器、proxy代理、预构建、hmr、插件系统...

作为一名前端开发者，我们一定都遇到过这样的需求：实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。 直觉告诉我们，这很简单，给它一个 `heigh...

App跨平台框架历史悠久，从cordova、react native、flutter，直到最近的uni-app x。江山代有才人出，每个都试图颠覆原生，但过去却一直未成功。...

WebView 一般是指移动端用以承载 H5 页面的容器控件；可以在移动应用程序中嵌入网页内容，实现内置浏览器的功能。 我们试着围绕周边知识点，从更广的角度来认识它。...

对于有出海业务的项目来说，国际化（i18n）是一个必不可少的环节。接下来我们就一起探索在大型项目中 i18n 应该如何实现首屏优化！...

最近老板不知怎的很重视各种小程序平台，感觉要靠小程序完成今年大半kpi。。。 所幸业内有人在做跨各种小程序的框架，趁机研究一番，看看到底做的怎么样。 Tips:如上表格包含...

> 于水增 ## 故事背景 事情起源于之前做的海报编辑器，自己调试时无意中发现字体渲染好慢，第一反应就是网怎么变慢了，断网了？仔细一看才发现，淦！这几个字体资源咋这么大，难...

写这篇文章主要记录一些自己在面试过程中被问到的高频问题以及自己的一些理解，因为是面试题，难免会写得比较无聊，在努力改进，本文结合目录食用更佳。...

前言 笔者百无聊赖，把项目中的react-router升级到最新版本来体验体验 令我惊讶的是，最新版本的router官网甚至连翻译都没有，也许是我没找到，官网还是全英的 因...

用过 Vue 的童鞋都知道 Vue 官方自带了 `Keep-Alive` 组件，它能够使组件在切换时仍能保留原有的状态信息，并且有专门的生命周期方便去做额外的处理。该组件在...

大家好，我卡颂。 有一句话相信大家都听过： 在前端领域，也存在同样的现象。作为前端缓存库中的佼佼者，React-Query一直拥有大量受众，官方推出的React-Query...

文章介绍useCallBack的使用方式，使用场景以及原理深度解读，还有避免useCallBack的一些坑和纠正一些常见的错误理解。...