前端开发知识总纲

初期的软件开发其实是侧重于后端的，因为互联网初期的页面功能比较简单，只需要做数据的展示，然后提供基本的操作就可以了！所以整个项目的重点放在后台的业务逻辑处理上。但是随着业务和技术的发展，前端功能越来越复杂，变得越来越重要，同时前端的技术栈越来越丰富！这样我们在开发中遇到的问题就越来越多，解决这些问题的难度就越来越大，这时我们发现前端开发不能像以前那样零散的分布在整个系统架构当中了。前端也应该像后端那样，实现工程化、模块化、系统化。

前后端分离就是：软件技术和业务发展到一定程度，在项目管理工作上必须进行的一种升级，他是一个必然而不是一个偶然！说白了，就是公司部门架构的一种调整。

​ 前后端分离就是将一个应用拆成两个，前端应用和后端应用以 JSON 格式进行数据交互，这就是前后端分离的基本概念，目前最主流的实现方案是 Spring Boot + Vue，即后端使用 Spring Boot 框架进行开发，前端使用 Vue 框架进行开发。

前后端分离架构图

随着技术的不断发展，前后端分离的开发也越来越成熟，慢慢发展到目前主要基于Vue，React, Angular前端框架的前端开发架构设计

前端架构设计图

需求>开发>测试>构建打包>部署与发布>版本控制

前端知识体系框架

随着技术的发展，前端工程化的发展，前端知识体系也越来越成熟。

目前前端知识的体系知识主要范围如下图：

照明系统的项目结构图

目前照明系统应用的是vue框架，基于vue-cli的项目生成的PC项目结构。包管理工具使用了yarn，开发规范用的是eslint，babel，UI框架主要使用了ant design。项目的版本管理处用git，仓库使用GitLab，代码规范提交使用了cz-conventional-changelog等，接口对接使用YApi。产品需求使用的是蓝湖，Axure

照明项目开发流程图如下图：（vue项目）

目前物联PC端的相关项目此流程进行开发。由于小程序与APP等开发，目前大多都是多端开发，大多使用三大前端框架开发。基本上适合此开发流程