1. 熟练 DIV+CSS 页面布局、重构。熟悉网页开发流程、切图以及 HTML 页面代码优化等技术。
2. 熟练 H5+CSS3,熟练掌握 javascript 语言,熟练使用 jQuery、bootstrap 等前端框架,熟悉 w3c 标准。
3. 熟练运用浏览器兼容技术,熟悉响应式布局和弹性盒布局,百分比自适应布局。
4. 熟悉 ECMA 标准,熟练掌握 DOM、BOM 操作,熟悉面向对象 JS 编程。 熟练 AJAX/JSON,熟悉正则表达
式、JS 面向对象。
5. 熟悉 Vue 框架,使用 webpack 搭建 vue-cli 脚手架开发单页面项目,并且打包项目以及 MVC、MVVM
设计模式与模块化开发流程。熟练使用 git 版本控制器以及熟练使用 Sublime、Photoshop 等相关开发工
具,熟练 webpack 编译工具。
6. 熟悉常见的 UI 框架如:Bootstrap、Element-UI、Vant、Ant-design 等。
7. 熟悉微信小程序、uni-app 开发流程。
8. 了解 NodeJs,了解 Express 框架开发。
1. 参与公司项目中的 Web 前端的代码设计、开发和实现;
2. 使用 uni-app 等最新网络技术开发 PC/Mobile 端应用;
3. 探索应用前端领域的新技术与新架构;
4. 与后端开发人员一起研讨技术实现方案,制定服务接口等;
5. 与 UI 设计人员、产品以及后端开发人员配合,高质量完成 Web 前端开发工作;
6. 熟悉 webpack 项目环境配置,负者模块开发、打包等流程;
7. 与团队一起解决疑难技术问题;
项目一
项目描述
优联校园是一款大学生校园生活软件,为在校大学生提供社团活动,二手交易,学生兼职,学生互帮等服务。后
台管理系统主要用的技术栈有 Vue + vuex + vue-router + webpack + ES6 + mock + Axios + Element-ui。
项目职责
1. 使用 Element-ui 来完善整体后台页面;
2. 使用 vue-router 来配置路由,实现组件间页面的跳转;
3. 使用 Axios 来请求数据并渲染页面;
4. 使用 vuex 来存储数据,以方便各个组件之间互相调用;
5. 抽离公共组件并封装到项目组件库中;
6. 根据需求文档和后端相互配合完成业务逻辑;
项目二
项目描述
校园会议室预订系统是一个旨在为用户提供方便便捷的会议室预订功能的平台,包括用户端和管理端,易用简便,
使用的技术栈有 Vue3 + Ant Design Vue + Pinia + Vue Router + Axios + TypeScript。
项目职责
1. 利用 JWT + 双 token 实现用户登录和登录状态的无感刷新;
2. 对 Ant Design Vue 的 table 和 pagination 组件进行二次封装,提高项目代码的可维护性和组件复用率;
3. 利用 Pinia 实现状态管理,用户头像上传实时更新展示;
4. 利用防抖节流优化搜索框功能,限制请求发送频率,减小发送请求开销;
5. 利用路由懒加载,gizp 对页面性能进行优化;
6. 使用 Vue Router 实现路由跳转和导航守卫;
项目三
项目描述
本项目是将老项目重构为 Vue3 的生活服务类的移动端项目,涵盖了洗车、加油、充电、新能源车、年检代办、
购车分期、道路救援、销量排行、车型对比、违章缴费等功能模块。作为此项目的负责人,负责项目重构设计、
技术选型与搭建,以及任务分配安排。同时负责洗车模块与购车分期模块的开发,封装了多个复杂组件,如地图、
签名板等。
项目职责
1. 采用分层架构的思想,明确定义每一层的职责,使项目结构清晰、易于理解与维护;
2. 弃用 Options API,并采用更灵活的 Composition API 结合 setup 特性进行开发,合理地将逻辑单独抽取
为 hook,解决原先大组件的逻辑分散,难以理解和维护的问题;
3. 对 axios 进行了二次封装,降低代码耦合度,实现可以创建不同的 请求实例 和 拦截器 的需求;
4. 通过命令参数模式来注入环境变量,实现多环境适配(开发、测试、预发、生产),能够根据项目启动命令自动
区分不同环境,解决了原先手动切换环境繁琐和易错的问题;
5. 注重 规范开发 和 性能优化 ,在 2.0 版本,打包速度提升 10 倍, 体积减少 15M,首屏加载速度提升 1 倍;
6. 使用 Echarts 图标来统计峰值阶段的数值情况,并导出表格便于分析;
项目四
项目描述
该项目是一个后台管理系统,用于运动类商户(如太极拳、八段锦……)的管理。主要模块包括,企业管理、门店
管理、员工管理、课程管理、班级管理、事项管理等。我参与需求讨论,并负责员工管理模块和课程管理 模块,
封装各类复用组件以提高开发效率。
技术选型:React、TypeScript、Ant DesignesignPro。
项目职责
1. 对大图片上传进行压缩优化,减少等待时间,提升上传速度 5 倍,从而优化用户体验。
2. 优化了视频大文件上传,实现了分片上传和秒传,提升了 10 倍 的上传速度。
3. 规范统一前后端字段,通过配置 OpenAPI 快速生成 Mock 测试接口,提升了开发效率。
4. 使用 Jenkins 自动化部署,实现了自动化构建、测试 和 部署 项目。
5. 利用 ESLint 、Prettier 、 TypeScript 和 StyleLint 等技术,保证了代码规范和项目质量。
项目五
本项目是个技术岗位招工平台,里面包含老板、找工作的工人,通过该小程序可以联系到对应工作的老板,以达
到线上找工作的流程。本项目采用了
在这个项目中我主要负责页面的ui搭建以及对接接口一些逻辑,通过和后台开发人员以及产品经理的交流,心里已经有了一个大致的框架流程,这款小程序是给学校做的招聘类小程序,主要通过前端发布一些实际的工作工种,客户可通过点击查看来选择自己心仪的工作。
这款软件是一款对接各个加油站的一个集合,通过访问第三方加油站数据接口来在地图首页展示相应的油品、油价,供客户选择充值,我主要负责此款小程序的界面搭建、前后端数据交互等。
这款作品是uniapp写的app端和网页端,主要是用户看网剧然后解锁付费剧情,已成功上架googleplay,我主要负责对接三方接口规范书写前端ui页面,优化前端访问速度,减少用户等待时间。