12-技能清单与技术选型

6/28/2023

# 1,技能清单

  • 掌握HTML5/CSS3/ES6,可根据 UI 设计稿快速完成网页开发,并对浏览器渲染和性能调忧有一定了解。
  • 熟悉移动端布局,能够快速实现响应式网页的开发及移动web开发。
  • 熟练掌握原生JS,如闭包,原型链,作用域链,VO/AO/GO....
  • 熟练掌握vue2, vue-element-admin,vuex, vue-router, vue-cli
  • 熟练掌握vue3, vue-vben-amdin, pinia, vant3, element-plus, vue-router4....
  • 掌握掌握webpack, create-react-app, react, redux, react-router-dom, umi, antd...
  • 熟练掌握uni-app框架,可快速开发webapp应用和小程序,具备跨端项目开发经验
  • 了解微信公众号开发包括微信授权和微信jssdk调用。
  • 熟练接高德地图api, 运用于小程序与中后台
  • 熟悉并看过vue2.x的源码,尝试写过mini版本的vue...
  • 了解 Threejs,Echarts,v-charts 等可视化工具。
  • 掌握掌握HTTP/HTTPS, 熟悉npm公共包发布,熟悉前端工程化...
  • 掌握掌握node后端框架,在开发中利用 express, egg, koa 等框架实现前后端并行开发。
  • 掌握MongoDB数据库,熟练使用MongoDB原生和Mongoose进行数据库构建和操作
  • 掌握Git协作开发,分支管理,版本管理,以及对前端代码规范和代码格式检测有一定见解...
  • 熟悉 Xshell , Xftp 并使用宝塔面板配置 Nginx 以及打包部署
  • 熟练使用 Fiddler 抓包工具进行移动端的调试
  • 掌握掌握Linux掌握常用命令,容器化服务构造,结合Ngixn,Docker,K8S进行项目部署
  • 计算机基础扎实,熟悉计算机组成原理,计算机网络,数据结构和算法...
  • 具有良好的学习能力,能手能力强,之前在一周时间熟读vue3的源码,实现mini版本的vue3
  • 英语6级,可熟练阅读英文技术文档...

  • 三年开发经验,丰富的前端项目架构经验,熟悉阿里mpass,能够在项目完成数据埋点, 精准分析客户意向,大量的项目实战经验,涉及官网,CMS, BPM, OA, M 站等系统开发。
  • 参与团队技术建设,提出代码规范,提升团队开发效率;业务上,和产品经理等深入交流,根据产品规划,选择最佳技术方案。

# 2,技术选型

【官网】需求:PC官网、响应式开发(媒体查询)

  1. jQuery + Bootstrap + 前端后不分离
  2. @vue/cli + Vue2 + VueRouter3 + Vuex3 + bootstrap-vue
  3. create-react-app + React17 + ReactRouterDom5 + Redux
  4. nextjs

【webapp】长得像App交互也像(rem)

  1. jQuery + Bootstrap
  2. @vue/cli + vue2 + vue-router3 + vuex3 + vant2 (没有时间限制)
  3. vite + vue3 + vue-router4 + pinia + vant3 + typescript (今年上半年)
  4. create-react-app + react17 + react-router-dom6 + antd-mobile5 + @reduxjs/toolkit + typescript (今年上半年)
  5. create-react-app + react16.8 + react-router-dom5 + redux/mobx5 + 没有组件库 + 没有TS (没有时间限制)

【管理系统】

  1. jQuery + Bootstrap + PHP + 前后端不分离
  2. @vue/cli + vue-router3 + vuex3 + element-ui (没有时间限制)
  3. vue-element-admin (没有时间限制)
  4. vite + vue3 + vue-router4 + pinia2/vuex4 + element-plus (今年上半年)
  5. create-react-app + react17 + react-router-dom5 + redux + antd4 (没有时间限制)
  6. create-react-app + react17 + react-router-dom6 + @reduxjs/toolkit + TS (上半年)
  7. umi3 + antd-design-pro + react-intl + dva + TS (两年以内)

【小程序】

  1. 原生小程序开发(wxml、wxss、js、json)
  2. uniapp + vue2 + vuex3 + uView + sass (没有时间限制)
  3. uniapp + vue3 + vuex4 + 没有组件库 + sass (上半年)
  4. Taro3 + React17 + Hooks + Mobx5 (没有时间限制)

【App】我这里指的App不是webapp,我指的跨平台App或混合App

  1. 跨平台App:uniapp + vue2 + vuex3 + uView + sass (没有时间限制)
  2. 混合App(原生App+H5):本质上前端只负责的是H5开发(jQuery+Vue2+React17写H5页面)
Last Updated: 2/27/2023, 10:05:39 PM