基础基石:精通 HTML5 语义化标签与 CSS3 动画、弹性盒模型(Flexbox)、网格布局(Grid),具备像素级还原设计稿的能力。熟练掌握 JavaScript(ES6+),深刻理解闭包、原型链、事件循环机制,并能熟练运用 TypeScript 进行类型约束,提升代码的健壮性与可维护性。
主流框架与工程化:深度掌握 Vue.js 全家桶(Vue 3 + Pinia + Vue Router)或 React 生态(React Hooks + Redux/Zustand + React Router),具备从 0 到 1 独立搭建完整中后台或 C 端项目的能力。熟悉 Node.js 及 Webpack/Vite 等构建工具,能针对项目进行打包优化与性能调优。
全栈与跨端能力:熟悉 UniApp 或 React Native 进行跨平台移动端开发;了解 Next.js(React)或 Nuxt.js(Vue)实现服务端渲染(SSR),提升首屏加载速度与 SEO 效果。同时具备基础的 HTTP/HTTPS 协议、浏览器缓存策略及 Git 协作开发能力。
某企业(ERP)后台管理系统
技术栈:React+ TypeScript + Vite + antd
核心职责:
组件化封装:针对内部复杂的表单校验和表格操作,封装了 10+ 个可复用的业务组件,减少重复代码量约 40%,极大提升了团队协作开发效率。
性能优化:针对系统内涉及大量数据展示(上万条)的报表页面,通过虚拟滚动(Virtual Scroll)和懒加载优化,解决了页面卡顿问题,将渲染时间从 3s 降低至 500ms。
权限控制:设计并实现了基于 RBAC(基于角色的访问控制)的动态路由方案,细粒度到按钮级别的权限控制,满足了公司多角色(管理员/运营/财务)的差异化视图需求。
工程化建设:配置了 Vite 打包环境,通过 CDN 加载和代码分割(Code Splitting),将生产环境包体积减小了 30%。
广发证券(香港)官方网站 技术栈:React + TypeScript + React Router + Webpack + i18n 作为核心前端开发,独立完成官网架构与开发。实现业务展示、新闻发布、多子公司品牌整合等核心功能。攻克了响应式适配、路由懒加载性能优化、中英
广发证券(香港)经纪有限公司交易平台 技术栈:React + TypeScript + Webpack 作为核心前端开发,参与构建一站式线上证券交易平台。实现了全球多市场交易、在线开户、业务办理等核心功能,并封装了行情展示、公告通知等通用组件。通过响应式布局适配PC与移动