张飞云
前端架构师
工作经历
2022/06 - 至今
前端架构师
简单简历 - 上海研发负责人,负责团队前端公共基础的建设与规划,简单简历使用低代码的方式供用户快速创建技术简历,并且快速分享以及下载。分为三个子项目: Editor,Template 以及 Store:
- Editor 简历编辑器:基于 Web 的 SPA 项目,使用 Vue3 + Typescript 及一系列 Vue 相关生态环境工具搭建,可以实现一个低代码可视化生成简历的平台。
- Template 简单简历模版:使用 Vue3 + Typescript + Tailwind.css 编写,使用 Rollup 打包,实现一个同时支持前后端渲染的简历模版组件库。
- Store 全局数据:前端多个项目,后端以及模版库都需要特定的数据结构以及数据操作,故抽取一个公共的全局数据服务,使用 Typescript + Vuex 编写。
2018/01 - 2019/12
高级前端开发工程师
简单简历 - 上海前端开发,负责整个前端应用的性能优化:
- 通过 webpack bundle analyzer 插件分析,将文件大小从 * K 优化至 * K。 详情请见:test.com/webpack
- 通过浏览器缓存(Expires 和 Cache Control),服务器端压缩,(gzip 和 brotli),新版本 HTTP协议(HTTP/2),将 DOMContentLoaded 时间,从 * 秒 减少至 * 秒。 详情请见:test.com/http优化
- 通过优化,为公司每年减少流量消耗多达 *%,节省资金 * 元。
专业技能
使用 Javascript(ES6)/ Typescript 进行前端开发,并且熟练掌握以下框架
- 使用 Vue3 以及周边工具:Vite、Vue-Router、Pinia 以及 Element-Plus 进行 Web 开发
- 使用 React 以及周边工具;Redux, React-Router, Mobx 进行 Web 开发
熟练使用 CSS3 以及周边工具
- Tailwind.css 和 Bootstrap5 作为样式库
- Sass 以及 PostCSS 作为预处理器
掌握通用的构建工具
- 使用 Webpack 完成Web 应用打包以及对应的前端性能优化的经验。
- 掌握使用 Rollup 完成组件库打包以及发布的过程。
个人项目
Vue3 EasyMDE
EasyMDE 在 vue3 中的实现,使用 Typescript 编写,Rollup 完成打包。
- Github 地址:https://github.com/vikingmute/vue3-easymde
- Star 数:450