前端架构

基建

脚手架

包管理：lerna

环境变量：dotenv

命令行：commander

log：npmlog

版本检查：semver

命令行交互：inquirer

命令行loadding：spinner

gitflow 自动化

github gitee api接入

开发

技术选型

Vue技术生态: Vue2/3 + Vue-router + Vuex(Pina) + TS

React技术生态: React(Hooks) + React-Router + Mobx(Redux)

移动端适配方案：vm/vh、postcss-px-to-viewport

组件库选型：Ant-Design、Arco-Design、Element-UI(element-plus)、Vant

CSS：Less、Sass、CSS、modules

跨端技术: Electron、Flutter、Tauri

跨度工具: uni-app、taro

业务系统类型: ToB管理系统 门户网站移动端H5 小程序

可视化图标:Echarts、Antv

其他方向: webrtc、webgl、canvas、svg

构建

打包构建

代码检查 eslint

lint检查

prettier格式化

githooks: husky

Stylelint

性能优化

bundle-analyzer

webpack构建优化

开启gzip extra css

chunks分包

路由懒加载|图片处理

CDN Http2缓存

treeshaking

scop hosting

包管理I打包工具

npm yarn pnpm Webpack Vite Rollup Babel sws esbuild

部署

持续集成CICD

Github action 持续集成

Travis-CI(国外) 持续集成 收费的

Jenkins (国内)持续集成 免费的

Docker K8s KubeSphere

线上云服务

域名备案和解析

Https证书

云OSS CName域名转发

云服务ECS

云CDN

Ningx代理配置

研发流程

架构设计

技术选型

技术方案设计

数据库设计

制定计划

多人协作

code review

bug修复流程

功能代复盘

团队建设

绩效考核

面试技巧

工作汇报

晋升答辩

沟通技巧

技术分享

能力

全局思维

项目需求分析

业务拆解

核心技术应用

项目质量 进度管理

团对协调

版本管理 (git)

文档管理 需求管理

全端开发能

门户、管理后台

小程序 WebApp

案面端

移动端

工程化能力

脚手架工具使用

自动化部署的能力

Docker容器化能力

打包优化能力

浏览器调试工具

性能优化指标

打包构建优化

Gzip Http2 缓存

Nginx服务

第三方集能力

支付的集成

开发者账号

小程序发版

云服务

技术能力

框架基本使用和高阶用法

框架原理和源码

开源社区技术动态技术

视野和热情

新旧技术的过渡新技术落地

技术选型和取舍