1.熟练掌握HTML/HTML5/CSS3(Transform,Flex,Transition,Animation等),熟悉页面结构和常用的页面布局(Flex弹性布局,定位布局,百分比布局等)
2.熟练使用 less 和 sass 预编译器
3.熟悉JS以及ES6+新特性(箭头函数,解构赋值,Promise,async/await等),TS(类和接口,静态类型等)
4.熟练掌握Vue2,Vue3, Vue-Router,Vuex,Vue-Cli能快速开发项目
5.熟悉使用React,React-Hookls
6.熟练使用 uni-app 进行小程序开发
7.熟悉多种前端 UI 框架Element-UI,Vant,Ant-Design
8.熟练git版本控制工具
9.熟悉webpack Vite打包工具
10.熟练使用 ajax、axios 实现前后端通信、了解性能网页常见的性能优化方案
11.熟悉高德地图、echarts,moment.js,lodash,axios
项目一: 认样系统H5(Vue3)
项目描述:认样平台是针对农业监测的智慧化平台系统,载体包括PC网页后台、H5移动端,主要包括地块管理、农事记录、农事活动,农场人员等监测功能,为农作物而实施的一系列监测,以达到更高效更便捷的方式来进行农场管理的目的。
项目技术:Vue3、Vant、TypeScript、Javascript、axios、Pinia、Vite、moment.js、video.js、echarts、高德地图
项目职责:
1.通过 Html、CSS、Vant、less 进行页面布局
2.用户登录功能的实现,及用户不同权限的菜单渲染处理
3.封装并使用 axios 与后台交互,请求数据并渲染页面
4.使用echarts显示各个地块农作物空气温度、湿度、虫情等折线图、柱状图
5.使用Pinia存储数据 并在页面/组件直接获取数据进行渲染
6.封装自定义组件(日历,弹窗,下拉刷新等)
7.使用video.js实时显示各个大棚的菜园状况
项目二: 某汽车后台管理系统(React)
测试环境:https://srstest.foton.com.cn/login?code=foton
项目描述:福田远程技术支持系统是针对车辆维修的远程技术平台系统,主要包括任务管理、知识库与公告管理、人员权限配置、报表管理、系统管理等功能,系统的主要为管理员、服务商、技师、专家等角色参与,平台包括SaaS系统与移动端,管理员或服务商向技师发起任务,技师在接收任务后开始维修,技师可发起会话寻求专家的远程帮助支持。
项目技术:React、Ant design、TypeScript、Javascript、axios、lodash.js 、moment.js、Ice.js
项目职责:
1.通过 html、CSS、Ant-design、less 进行页面布局
2. 封装自定义组件(上传,弹窗,预览图片等)
3. 对路由进行单独封装,实现后端请求动态路由,提高后期可维护性
4. 使用 Ice.js 存储数据, 并在页面/组件直接获取数据进行渲染