1. 熟练使用HTML5、CSS3等前端技术,熟悉CSS预处理器的使用, 如Less,熟悉页面响应式布局
2. 熟练使用原生JavaScript,熟悉ES6/7/8新特性及其应用
3. 熟练使用Vue框架技术栈,包括Vue-router、Vuex,Axios,了解其原理,有实际的项目开发经验
4. 熟练使用Webpack打包工具,熟悉其相关配置和优化方法
5. 熟悉React框架
6. 熟悉Git的常用操作
7. 代码规范,有使用Eslint的习惯
一、基于vue的ui组件编写
负责大部分ui组件的开发、扩展、维护工作
1. 为了便于维护和避免第三方组件库的不确定性,因此开发一套适用于公司产品的UI组件库,统一风格,用于项目开发中使用
2. 确定组件的配置参数和需要暴露的参数、方法,开发出使用简单、易配置、易维护、扩展性强的组件
3. 组件使用es6新特性编写js、less实现样式,精简代码,利于后期的维护和扩展
4. 支持组件的按需引入,避免代码量增多
5. 本人负责开发的组件包括:本地文件上传组件、云文件选择组件、项目组搜索和选择组件、分页组件、表格组件、消息提示组件、loading组件等
二、fasta工具集
独立负责该项目的前端开发和后期维护工作
1. 利用组件思想,分析该项目的功能点,将每个功能点拆分为一个独立的组件,确保每个组件功能的单一性,降低了代码的维护成本
2. 利用ajax文件上传技术,封装‘本地文件上传’组件,实现本地文件的拖拽上传和选择上传功能,并支持多文件上传和限制文件类型,且该组件功能独立、完整、可高度配置,能够实现代码的重用,减小开发成本
3. 使用vue-router实现前端路由功能,axios实现ajax请求,vuex实现组件之间的通信
4. 使用es6/es7新特性编写js,减少代码量,如使用‘promise’、‘async’处里异步任务,‘import’实现模块化
5. 使用less完成样式的开发,利于后期维护
6. webpack配置按需加载,分割模块,优化页面的加载速度
三、分析工具集
独立负责该项目的前端开发和后期维护工作
1. 前端通过接收后端数据,根据数据类型,渲染出不同的表单组件,用一套代码实现108款工具
2. 根据后端数据的标记,实现表单元素的特定功能,如互斥效果、文件类型检查、错误提示功能
3. 部分数据存在特殊情况,影响表单组件的正常使用,针对这种情况,编写一段专门用于处理特殊数据的js,确保功能的正常使用,且处理数据代码和功能代码分离,降低代码耦合度
4. 使用d3.js, 完成维恩图和热图的开发工作,利用数据实现图片的展现、配置和交互功能