熟练 Html 语义化布局,熟练掌握 Css,熟悉 Less,Scss 预处理语言
熟练使用 Es6+语法、TypeScript 进行项目开发
熟练 Vue3 全家桶、Nuxt 开发,深入理解 Vue 全家桶原理
有丰富的微前端架构、前端优化经验,深入理解其原理
熟练 Webpack、vite,熟悉 rollup、gulp 构建工具,深入理解 Webpack、vite 原理熟练 React 全家桶、Next、React-Native 开发,了解 React 原理
熟练Harmony,各类小程序,公众号,uni-app 开发
了解 node.js,掌握 express、koa、mysql、nginx 的使用,了解数据结构与算法
南沙片区综合监管平台
项目描述:数字化管理平台,主要功能包括大屏,运输调度,工程监管,任务督办,数据接入,项目管理等技术栈: monorepo + qiankun + webpack5 + vue3 + typescript + pinia + echarts
项目亮点:
工程化: 编写脚本同时可运行或打包主应用和多个子应用;配置自动引入第三方的api 和组件;提高开发效率;配置 gitlab CI/CD,可以进行持续交付、持续部署;封装 webpack 插件,将所有的图片转为webp格式性能优化:优化打包与启动时间,主子应用非首次启动、打包在 10s 内;优化打包后文件大小,从15M到4M;优化分包策略,将文件过大的包进行拆分,避免阻塞其他内容请求
停车百事通小程序
项目描述:为用户提供线上预定车位,查询全国停车场价格和距离,室内导航、会员余额充值、抵用券活动等技术栈:uni-app 工程化 + vite + Vue3 全家桶 + TypeScript + pinia + Less
项目亮点:
样式个性化:根据业务和需求,封装 30+公共组件,抽取样式变量,实现主题切换工程化:编写脚本根据环境和平台动态切换 appId 和其他配置
性能优化:对小程序的启动性能和渲染性能进行优化,每个页面都达到秒级渲染;封装vite 插件,压缩图片,减少重复压缩,提高压缩效率;自动将打包后的静态资源上传至 cdn 服务器