1. 框架选型

vue/react/angular

结合业务需要,选择合适的框架。

  1. 项目初始化工具

create-react-app
umi
next.js
vue cli
vite

  1. UI组件库

Antd
Element-plus
Antd-mobile
Vant

后续操作:重写样式、自定义主题色、按需加载、移动分辨率适配、组件二次封装、iconfont字体图表引入

  1. CSS 预处理器

Less
Sass
Styles

  1. HTTP 请求库

axios.js
request.js
fetch

二次封装: 拦截请求、统一报错、统一返回、区分环境

  1. 全局状态管理

Redux
dva
Mobx
Vuex

  1. 公用方法封装

localStorage
时间日期插件封装 day.js
滚动回顶部
获取当前机型
常用正则

  1. 打包构建部署

CI/CD
pm2
静态资源 cdn
前端服务启动入口

  1. 其他

阅读文档的能力
解决问题的思路
兼容不同浏览器
合理的布局
一点服务端的知识 node/nginx等

成为一名独立开发的前端,任重而道远呀,努力吧骚年~~