个人作品

yuhuo2024-03-05

亦或博客

专属前端知识库,基于 VuePress 搭建,整理和记录长期开发与学习过程中的思想结晶,包含HTML、Css、JavaScript、开发必备和开发库等系列,累计80余篇。

亦或博客open in new window

亦或演示

专属前端示例集,基于 Vue3 + Vite 搭建,整理和记录长期开发与学习过程中的实践成果,包含 Css 篇,JavaScript 篇,小游戏等系列,累计20余例。

亦或演示open in new window

small-vue

迷你版 vue3,在 vue3 源码的基础上简化,去除一些边缘情况或兼容处理代码。主要实现模块:

  • reactivity: 响应式基础,包含 reactive,ref,computed,effect 等响应式方法;
  • runtime-core: 运行时核心流程,包含虚拟节点解析、初始化、更新,双端 Diff 算法等;
  • runtime-dom: 运行时 Dom 渲染器;
  • compiler-core: 编译时核心,将 template 字符串解析为 render 函数;
  • vue: 合并编译时和运行时,作为程序主入口和测试集合;

small-vue 源码 (gitee.com)open in new window

small-vue 包 (npmjs.com)open in new window

small-webpack

迷你版 webpack,在 webpack 源码的基础上简化,只保留核心逻辑。主要实现模块:

  • webpack: webpack 打包核心;
  • loader: 包含 css-loader、style-loader、sass-loader、postcss-loader、ts-loader、json-loader、file-loader 等;
  • plugin: 包含 clean-webpack-plugin、html-webpack-plugin、mini-css-extract-plugin 等;

small-webpack 源码 (gitee.com)open in new window

small-webpack 包 (npmjs.com)open in new window

公众号文章

深度解读 JS 构造函数、原型、类与继承 (qq.com)open in new window

用 vue3 + phaser 实现经典小游戏:飞机大战 (qq.com)open in new window

Last Updated 2024/5/23 11:34:05