carterwu

Rolup 是一个打包工具，类似 Webpack。 组件库打包基本都是用 Rollup。 那 Webpack 和 Rollup 有什么区别呢？为什么组件库打包都用 Roll...

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

原始类型，比如通讯录Contact （1）新增字段 （2）Omit使用 （3）Pick使用 （4）统一给类型加上指定类型( 区别于简单的扩展字段），函数化 （5）Parti...

一、扇区和磁盘块的概念   物理层面，一个磁盘按层次分为：磁盘组合 -> 单个磁盘 -> 某一盘面 -> 某一磁道 -> 某一扇区 。每个磁盘有多条同心圆似的磁道，磁道被分...

参考：https://www.dhiwise.com/post/pnpm-vs-npm-vs-yarn-which-javascript-package-manager j...

一、基础的文件上传，服务器存储。 优化1、 前端切片，并发上传 目前现代浏览器 并发http请求数一般为6个，极大提速了上传效率。 步骤： 对文件进行切片 将切片传输给服务...

React 状态管理工具：我是这样选择的-阿里云开发者社区 知乎 - 有问题，就会有答案 2023 再看 React 状态管理库 - 掘金 序章、适用场景 在复杂度很低的场...

nginx用途和配置实践 Nginx是什么？ nginx的主要用途：动静分离，反向代理，正向代理，负载均衡。 动静分离 连前端都看得懂的《Nginx 入门指南》 - 掘金 ...

一、tsc和eslint检查不同问题 二、tsc检查 全局安装(推荐）： 项目安装：需要在项目中安装tsc，会安装在node_modules/.bin/tsc 到项目根目录...

一、技术手段 可以简单分为 （一）浏览器应用层 （图片懒加载、debounce请求等） （二）网络层 （缓存、压缩、http并发等） （三）服务端（怎么工程化打包、ssr等...

一、create atoms 创建 （1）Primitive atoms （2）Derived atoms, 又叫computed atoms。 另外，还可以自定义Deri...

参考：https://juejin.cn/post/7056394287549775879?searchId=20231228113335AE8A5D38EB3F6707F...

参考：手写简易前端框架:function 和 class 组件 - 掘金 代码仓库：https://github.com/carterwu/frontend-framewo...

参考： 原文： 2017年基于 老 react：https://medium.com/hexacta-engineering/didact-learning-how-rea...

css的四种粒度 越往下走，颗粒度越来越大，约束性变高，自由性不足。而 TailwindCSS 位于第二层。 Tailwindcss 优势 提供UI规范性的约束 在文件th...

背景 目前我们将公共组件封装到npm包里，在每个应用使用npm包的方式进行消费 问题 每次更新组件需要发布npm包，本地开发不能实时看到组件更新效果，需要重新安装npm包才...

一、MF方案的原理和特点 Module Federation | webpack 中文文档 二、MF方案的优缺点 对比第三方仓库 优点：不需要手动更新依赖包的版本。 缺点：...

一、自研的优缺点 优点： 代码控制力强，可以结合不同组件库的特性。 可以使用社区最新的生态组件，没有历史遗留负担。 缺点： 开发成本高 维护成本高 我放弃 antd 的理由...

一、antd pro 方案 总结：antd 的颗粒度是组件细粒度的；antd pro可以看做区块、page页面级别颗粒度的组件库，将业务常见的交互预设融入组件库中。 所以a...

背景知识：团队内建议统一使用pnpm 进行包管理。 pnpm install 与npm install对于node_modules的包安装影响不同。 包管理工具 —— 更推...