专业技能

  • 深入理解 Vue.js 及其核心生态(Nuxt、Vue Router、Pinia 等),熟悉 PrimeVue、Radix Vue 等主流 UI 组件库,掌握 PostCSS、Sass 等 CSS 预处理器,以及 UnoCSS 等原子 CSS 框架;
  • 熟悉 Rollup、Vite 等现代构建工具,熟练使用 Git 版本控制,拥有良好的代码管理习惯;
  • 熟悉 Node.js 等 JavaScript 运行时环境,能够进行简单的后端开发;
  • 热爱开源并持续为开源社区做贡献。

项目经历

vuejs/language-tools核心贡献者2024.08 - 至今

https://github.com/vuejs/language-toolsTypeScriptVolar.jsVue.js

Vue.js 官方语言工具,为 VSCode、WebStorm 等代码编辑器提供语言服务器支持。

持续为 Vue.js 的核心功能贡献类型相关的特性与修复,如:

  1. 使用解构属性(Destructured Props)时的嵌入提示;
  2. 指令及其参数与修饰符的智能提示和类型检查;
  3. $attrs $el 等模板内特殊变量、useCssModule 等可组合项的自动类型推导;
  4. 对全局组件使用前往定义(Goto Definition)时跳过类型声明文件,直接导航到组件文件等。

以及大量的错误修复与代码重构,致力于为用户提供更好的开发体验。

plain-shiki创建者2024.08 - 至今

https://github.com/KazariEX/plain-shikiTypeScriptCSS

使用 Shiki + CSS Custom Highlight API,对纯文本容器中的代码文字进行高亮显示。

搭配 contenteditable="plaintext-only" 可实现最轻量的代码编辑器。

采用 Diff 算法确保正确的最小化更新,显著优化编辑大段代码时的性能。

maestrale创建者2023.11 - 至今

https://github.com/KazariEX/maestraleTypeScriptNuxtVue.js

响应式数据驱动的游戏数值模拟工具,主要用于模拟碧蓝航线中舰船面板属性的计算、编队配置等。

基于 Vue Reactivity API 封装数据结构,实现核心与视图的解耦。

设计互相嵌套与引用、包含响应式属性的数据的序列化算法,确保用户数据的持久化存储。