教育背景
个人优势
- 具备8年以上Web前端研发经验，有移动端和中大型平台类项目经验和金融证券行业工作经验。
- 在研发技术上，技术栈较全面，能应对大部分研发需求，企业常见Web端产品形态均有研发经历和项目经验，例如App内嵌Web页面、响应式多端适配的产品官网和企业官网、产品运营使用的后台管理系统、前端增效的Node应用等。
- 在工作态度上，具有较强主观能动性，在工作中会主动承担业务研发之外的工作，比如团队基建类任务；具备全局观和产品思维，在评审产品需求时能提出自己的见解和建议，帮助改进产品需求。
工作经历
深圳价值网络科技有限公司华盛证券Vbrokers华盛通
华盛证券
Vbrokers
华盛通
2021年3月 - 至今(四年半)
高级Web前端开发工程师
新浪集团旗下香港科技券商公司，自主研发证券交易软件——华盛通/Vbrokers（CN：hstong.com，HK：vbkr.com），这是集“行情、资讯、社区”为一体的一站式港美股服务平台。此外，近年来面向海外市场（中东/沙特阿拉伯）已上线了股票交易软件——Sahm（sahmcapital.com），我在职期间工作表现如下：
- 完成华盛通全部旧项目前后端分离改造升级，用新技术优化华盛通产品体验；从0-1参与研发Sahm产品软件开发。参与公司出海开拓市场，先后参与了美国、新加坡、新西兰、中东市场展业，利用自己的技术研发能力完成业务研发工作，为公司出海拓展版图贡献自己的力量。
- 对技术方案能总结与分享，在职期间分享了《服务端渲染原理与落地实践》、《Web前端项目打包部署效率优化总结》、《Sahm Web项目国际化文案同步方案的发展与落地》等技术博客，为公司知识库的建设做出贡献，荣获技术中心2024年Q3/Q4季度金牌博客，获得公司周边实物和微信读书会员奖励。
- 在职期间通过“证券从业人员资格考试”，并获得公司现金奖励。
- 绩效表现：入职四年多，绩效良好，获得3次调薪资格，1次晋升资格且成功晋升。
- 担当面试官，为公司招揽优秀人才，累计为公司面试候选人53人，成功招募入职实习生1人，高级Web前端开发工程师1人。
武汉前雨信息技术有限公司小雨优学
小雨优学
2017年7月 - 2020年9月(三年)
前端开发工程师
Google前员工创办的初创公司，先后自主研发了社交与音乐领域融合的音乐翻唱、K歌软件“嗨艺吧”和K12在线教育行业软件“小雨优学”（hiyiba.com）。我入职后工作表现如下：
- 承担并完成大部分Web前端研发工作任务。全程深度参与“小雨优学”软件从立项到上架应用商店整个过程，主要职责是与产品和设计协作沟通，完成App内嵌Web页面的模块研发工作，例如答题练习、模拟考试、精品课程等功能。经历了0-1的项目落地，让我对项目研发整个周期有了深刻理解，并具备了独立完成项目搭建与开发的工作能力。
- 绩效表现：入职三年，绩效良好，每年均获得调薪资格。
- 担当面试官，为公司招揽优秀人才，累计为公司面试候选人十余人，成功招募入职，前端开发工程师1人，UI设计师1人。
项目经验
Sahm上线后吸引不少海外用户的青睐，但陆续收到用户反馈希望有PC端的Web应用。海外用户股票投资交易更倾向于在电脑大屏上操作，而不是移动端。因此，自主研发面向电脑端的股票交易平台，这是一个Web端大型SPA应用，集开户、出入金、股市行情、股票资讯、下单交易等证券功能于一体的金融投资服务平台（app.sahmcapital.com）。
- 深度参与从技术调研、立项到上线整个研发过程。
- 负责股票自选、搜索、登录、设置等业务模块开发。
- 参与技术选型，由于是大型Web应用，为了方便项目管理，使用monorepo技术对项目业务进行划分成多个模块，多个模块可以组合在一起完成整个平台的搭建，但保持有一定的独立性；使用Vue3+Naive UI作为还原设计稿的UI框架。
- 负责网络请求库：@hst/http、Sahm展业库：@hst/sahm，这两个基建库的开发维护，为项目提供统一规范的接口请求能力和公共可复用的工具类方法，提升团队工作效率。
Tradingview
Vue3
TypeScript
Pinia
Vite
Naive UI
在金融软件系统中，除了股市行情，股票下单交易等关键功能外，个股资讯、投资者教育等内容也是非常重要一部分，用户通过平台提供的内容来进行投资交易决策，内容的时效性、准确性和用户体验影响用户的留存。
- 参与技术选型，后台管理系统采用微前端架构，使用基座+子应用的架构方式，实现技术栈隔离、独立部署和并行开发。内容系统按业务域划分为资讯、投教、帮助中心3个独立子应用，每个子应用使用umijs+Ant Design框架完成业务功能开发。
- 针对内容的录入和修改，需要一个富文本编辑器，来应付复杂文本内容的输入，使用基于CKEditor5进行二次开发，实现插入股票、图片限高、插入视频等定制化功能。
- 前台用户侧，使用Nuxt.js框架完成项目搭建，借助SSR技术优化用户首屏浏览体验，使用懒加载，代码拆包等技术，对图片和组件进行按需加载，保证用户浏览内容页面时有不错的页面性能表现。
React
TypeScript
umijs
Ant Design
CKEditor5
这是海外产品Sahm官方网站，涵盖了佣金标准，投资者教育，股票资讯，帮助中心、营销活动、关于我们、App下载等内容与功能。
- 主要负责资讯，统一登录，出入金等核心业务模块开发，与产品、设计、后端等多部门紧密协作，按设计稿还原前端UI界面和实现产品交互和功能逻辑，并如期交付。
- 主导技术选型，使用Nuxt.js框架完成项目基础搭建。利用SSR技术应对SEO需求和提升首屏浏览体验，基于axios封装的网络请求库，规范团队的网络请求。
- 使用媒体查询响应式开发技术，使得整个官网的页面一套代码适配多端显示，在移动端和桌面端都有好的用户体验。
- 主导完成高级定制视频播放器、第三方登录、广告跟踪-页面来源链路标记等新技术的技术方案设计和落地。
Nuxt.js
Vue
Vant
随着团队发展壮大，前端工程化有助于提升团队开发效率和维护性，前端脚手架工具通过自动化项目初始化流程，提供了开箱即用的适配公司现状的最佳实践配置，是前端工程化不可或缺的一环。它显著提升了开发效率、降低了成本和门槛、保证了项目规范统一。
- 负责 @hst/cli 脚手架的开发和维护，帮助团队快速初始化SPA、SSR项目。
- 在华盛证券公司中使用多项目开发模式，所以项目模板的创建和更新是比较重要的基础建设。为了提高模板的更新效率，开发了hst update脚本命令，将人力更新改为脚本自动更新，提高了模板修改后更新到项目的效率。
- 在研发Sahm产品时，需要使用阿拉伯语，走流程翻译国际化文案完成后更新到项目中。为了提高同步国际化文案效率，开发了hst i18n脚本命令，通过一个命令即可完成文案更新，大幅提升工作效率。
commander
inquirer
ejs
xlsx
yamljs
作品集
作为Web前端开发工程师，利用自身技术能力开发个人简历网站，以网页形式展示简历内容是恰当的方式。经过思考，结合技术能力和项目经验，开发简历网站作为首个作品，展现简历内容与前端审美。
- 选用Next.js作为项目基础框架，实践其应用以掌握技术，弥补过往工作中未使用Next.js的经验，为企业工作中的快速落地奠定基础。
- 选用Tailwind CSS，通过实践掌握原子化CSS技术，方便未来在企业工作中需要时能快速运用。
- 使用响应式开发，让简历网页在移动端和PC端都有不错的浏览体验。
- 结合过往国际化语言适配经验，开发简历网页支持简体中文、繁体中文、英语及阿拉伯语（RTL）四种语言浏览。
- 结合过往暗黑模式适配的项目经验，利用class+var变量的方式让简历网页支持暗黑模式，提升用户浏览体验。
- 关注产品细节，适配hover、focus-visible、disabled状态的样式，提升网页交互体验和质感。
- 使用Docker容器化部署项目，启用HTTPS和HTTP/2，提升网站稳定性、安全性与网络性能。
- 为满足求职中纸质或PDF简历的需求，适配浏览器打印功能，支持直接打印或导出为PDF。
Next.js
Tailwind CSS
shadcn/ui
react-to-print
Radix UI
技能标签
HTML5
CSS3
JavaScript(ES6+)
TypeScript
Vue2/Vue3
Vuex/Pinia
React
Node.js
umijs
Ant Design
Naive UI
Vant
axios