从事前端开发负责人、大前端开发负责人、混合开发负责人,精通前端、移动端、混合开发等技术。
技术能力:1、vue2、vue3、react16、react18 等前端框架。
2、移动端跨端开发、微信小程序开发、uni-app 开发流程,并且独自搭建 uni-vue3-vite-ts 项目模板工程,并用做工程脚手架。
3、拥有部署 npm 私服、搭建项目模板、组件库、函数库、代码规范等架构经验。
4、flutter 混合开发、iOS 平台开发、桌面端掌握 electron 开发,个人 github 上有 开源的更改本地 host 桌面应用程序。
5、精通使用 nodejs 各种模块、基础 sql 语句,剧本 node.js 后端开发经验,熟悉 express、koa 等框架。
6、html、css、javascript 基础,es5、es6 等新语法、可快速高校的开发项目。等等
智慧作业 PC 端项目:
一、项目简介:提供给学校选题组卷、布置作业、批改作业、生成定制化报告的网站系统。
二、项目指责:搭建项目基础、组件库、函数库、代码规范等。完成选题组卷、试卷的解析 展示、项目性能优化等。
三、技术栈:vue3+TS+Naive UI
四、技术难点实现: 1、接口下发题型公式、前端封装自定义指令去进行解决,然后使用 mathjax 插件展示 相关的公式。 2、多个模块公用一套基本的模板 UI、将相关 UI 组件进行封装,满足多个模块进行调用。 3、使用图片懒加载、预加载、防抖、节流、动态组件、动态路由等方式对性能进行提升、 对打包后的代码进行分包处理。 4、使用 pinia 对试题篮模块进行状态管理、试题篮的试题数目状态反应成 EChart 表格、 图形。
前端报错、性能、用户行为等监控:
一、项目简介:基于 vue2、、vue3、js 的跨平台插件,为前端提供【行为、异常、请求、 资源等】监控手段。
二、项目职责:独立完成整体项目的搭建、技术选型、代码规范、代码结构等一切。
三、技术栈:vue2、vue3、TS、Node、Rollup、shell、PowerShelll 脚本打包。
四、技术难点实现: 1、整体项目使用 pnpm 进行管理、采用 MonoRepo 架构进行开发,将核心代码库 code、vue2、vue3 作为子模块集成到 MonoRepo 架构进行管理的 vue2、vue3 项目中。 2、错误日志搜集,采用宏任务队列的方式进行批量发送。 3、错误、行为、请求等日志上报、采用先 navgator.sendBeacon、image.src、在 fetch 请求方式保证日志能正常上报。 4、项目采用发布/订阅模式进行依赖的收集和派、等等
uni-app 任务中心混合开发模块、适配手机 app、小程序、h5:
一、项目简介:toc 产品功能模块提供给用户(学习老师、家长)布置自定义作业、寒假作 业、阅读作业等模块、提供 uni 端附件能力支撑。
二、项目指责:整体前端 uni 项目从头搭建、全程设计 uni 模板项目、项目难点攻克。
三、技术栈:uni+Vue3+TS+vite
四、技术难点实现: 1、①文件的自动引入项目功能。②全局状态管理二次封装,方便引用。③uni 端路由器 封装,更符合 vue3 的开发规范。④网络工具类封装、h5 夸端兼容、uni 端登录逻辑,用户 信息的存储、相关 cookie 的写入。⑤、prettier、stylelint、eslintrc 引入,保证代码一致 性等。2、总结完成一套 uni 端附件上传以及附件的展示、压缩流程。 对 iOS 原生相机拍摄的 heic.格式图片进行格式转换,以及压缩,避免上传超市问题。 安卓、苹果原生图片的压缩,从 3M 大概压缩到 300kb 左右,压缩到 70%-90% 音频附件的录制、保存、选择、播放封装。 视频的调用原生能力选择、播放流程。 3、整理了一套 uni 到原生、uni 到 h5、h5 到 uni、原生到 uni 等同学流程机制,以及 相关协议实现方案的利弊。安卓和 iOS 根据不同业务形式,采用通信或者插件的方式。等等。
智慧作业 PC 端项目: 一、项目简介:提供给学校选题组卷、布置作业、批改作业、生成定制化报告的网站系统。 二、项目指责:搭建项目基础、组件库、函数库、代码规范等。完成选题组卷、试卷的解析 展示、项目性能优化等。 三、技术栈:vue3+TS+Naive UI 四、技
uni-app 任务中心混合开发模块、适配手机 app、小程序、h5: 一、项目简介:toc 产品功能模块提供给用户(学习老师、家长)布置自定义作业、寒假作 业、阅读作业等模块、提供 uni 端附件能力支撑。 二、项目指责:整体前端 uni 项目从头搭建、全程设计 uni
ra2 后台项目: 一、项目简介:提供给公司运营、产品、客服等相关人员的功能管理后台。 二、项目指责:搭建项目基础、组件库、函数库、代码规范等。完成各个业务模块功能搭建。 三、技术栈:vue2+Element UI 四、技术难点实现: 1、使用图片懒加载、预加载、防抖、