前言
作为一个工作几年的老前端，现在前端技术更新很快，我也想借着文章重新梳理一遍前端知识，对比一下前端的更新。 文章后续知识会根据最新技术发展时不时地更新，尽量将学习结构图中的内容对应到相应的文章中。
项目开发流程
- 前端开发一般会经历以下几步：
graph TD
产品定需求 --> UI画图 --> *前端开发* --> 与后端联调 --> 测试 --> 上线
前端开发流程
- 确定技术选型，例如vue + ts + vike + vite, react + next + ts 等
- 确定技术框架以后，就开始使用脚手架（create-react-app，@vue/cli）简单搭建项目，
- 根据项目个性化添加新的技术或者插件
- http请求：axios，alova，fetch
- 路由配置： router
- 样式配置： sass
- store配置：pinia，redux
- 国际化：vue-i18n
- 常用方法插件：lodash，dayjs，moment
- 组件：element-plus，ant-design
- 图标：iconfont
- 代码格式：eslint，tslint，prettier
- 单元测试：vitest，jest
- git提交规范：husky
- 打包：vite，gulp，rollup
- 发布：docker
- 搭建好框架后，就开始愉快的进行开发啦~
- 测试相关业务代；对于公共方法，组件进行单元测试
- 打包发布
- 维护项目代码
前端学习知识树
总结
- 现在前端知识发展很快，我有时候学习也是业务需要，学得比较快且浅，希望借助写文章能够帮助我沉淀一下。
- 我也会时不时跟大家分享一下对于技术的想法。比如最近比较火的chat gpt，以及帮助程序员写代码的git copilot，我觉得我们需要顺应时代的变化，低层次的重复代码已经不再需要，因为AI 可以代替，我们应该找找自己的定位。你们有什么好的想法可以在评论区留言~~
