1. 标签和样式: html5 + css3
2. 编译工具: gulp | webpack
3. MVC框架: vue2 + axios + vue-router + vuex;
4. 样式: sass;
5. 微信小程序 wepy | mpvue;
6. App: react-native;
7. 后端 koa2 | node.js;
8. 数据库: mongodb + mongoose | mysql
9. 运维: nginx + docker
vue项目:
1. 前端 webpack + vue2全家桶开发;
2. 公共reset.scss, common.scss剥离;
3. utils 工具js 开发;
4. 公用组件components 按模块分离;
5. http请求axios控制权限和入口,并控制请求status的状态,200正常跳转,4xx, 5xx,跳转相应的页面;
6. vue-router控制页面跳转权限,懒加载不同的页面并设置不同页面的title;
7. vuex 按照不同的page分层不同的modules;
8. 前端ui库使用vant-ui;
9. mock.js | RAP;
10 koa2 设置后台,开发环境下使用 koa2-cors 允许跨域;
11. mongoose 链接 mongodb ,设置链接成功或失败的状态,最大重试次数为3次;
12. 建立Schema 控制数据的格式。
13. mongoose.method 方法匹配登录的用户名和密码是否正确;
14. mongoose.pre save前置加盐pwd。
小程序项目:
1. 框架 mpvue;
2. 公共reset.scss, common.scss剥离
3. utils 工具js 开发;
4. wxLogin模块剥离,微信进入小程序后发送请求,与后端交换code,请求成功后设置token;
5. networkCheck模块剥离,return promise 判断网络状态。
react-native项目:
1. 框架 react-native;
2. utils 工具js 开发;
3. 使用react-navigation 开发router跳转;
4. 使用react-native-scrollable-tab-view 开发tab切换,但在android 下 androidViewPage下无法自适应高度,只能每次tab切换手动计算;
5. mock.js | RAP;
6. react-native-exception-handler统一的错误捕获;
7. react-native bundle --platform 不同平台下的打包出增量更新包,由Native端合并新包。
角色 | 职位 |
负责人 | 高级前端开发工程师 |
队员 | 前端工程师 |