Blog icon indicating copy to clipboard operation
Blog copied to clipboard

分享编程和生活(Sharing programming and life)

| 五柳的博客

"大贤虎变愚不测,当年颇似寻常人"

Hi,我是「五柳」,一个想要改变点东西的程序员,这里是我写博客的地方。

目前,我专注于「源码」(Vue 3、Vite)、「前端工程化」、「跨端」等技术学习和分享。如果,你觉得我的文章可以给你带来收获的话,欢迎 Star,这也将会成为我持续分享的动力,感谢~

| 构建工具

1.Esbuild 入口文件及启动过程|源码解读

2.Vite 依赖预构建,缩短数倍的冷启动时间

3.从零到一,带你彻底搞懂 vite 中的 HMR 原理

4.下一个时代的打包工具 esbuild

5.手把手带你实现一个 Webpack 的 Bundle 打包机制

6.带给你幸福感的 auto-inject-async-catch-loader

7.如何实现一个 esbuild 插件?从入门到上手

| 工程化

1.通过 Vite 的 create-app 学习如何实现一个简易版 CLI

2.使用 Verdaccio 打造一个企业级私有 npm 库

3.Vue.js——作用域 CSS 的那点事

4.刨根问底,揭开 Vue 中 Scope CSS 实现的幕后(原理)

5.Es-Module-Lexer,ES Module 语法的词法分析利器

6.从过去到现在,聊聊 Tree-shaking 是什么?

7.设置 NPM Registry 的 4 种姿势

8.现代 Monorepo 工程技术选型,聊聊我的思考

9.macOS App 自动化分发 App Store 探索与实践

10.一文带你读懂何为 macOS App 公证,以及如何自动化实现

| 浏览器

1.从浏览器输入 URL 到页面展示过程发生了什么?

2.灵魂拷问,你真的懂 JavaScript 中的变量提升吗?

| Vue3

1.揭秘,Vue3 性能优化之 Non-reactive Object

2.Vue3 Ref 语法糖,告别 .value 的写法

3.Vue3 的 SFC Style CSS Variable Injection 提案实现的背后

4.Vue3 源码相关——电子书 《 Vue3 源码解读》

5.使用 Vue3 的 complier-core 玩转模版编译

| Node

1.详解,从后端导出文件到前端(Blob)下载过程

| 跨端开发

1.跨端开发的最佳实践——Chameleon(变色龙 )

2.作为前端,你需要知道 RxJS(响应式编程-流)

| TypeScript

1.TypeScript 高级类型,你了解几个?

| 其他

1.给自己的 GitHub Profile 做个贪吃蛇游戏