前端工程化(一)

今天开始细致的学习前端工程化,每天一篇博客更新,最多一周看完吧!!

原始的前后端开发模式,前端只需要实现样式,后端把HTML套入模板中进行逻辑开发。这样会导致如果测试时发现前端UI界面有一个地方出现了bug,那么很有可能是后端工程师在套入模板的时候马虎大意了。。即使是完全不马虎,这样一个小bug经常会需要动用前端、后端、测试等开发团队中所有人员,非常低效。

前后端分离的基本模式:

1)开发

前后端分离开发的模式,HTML模板的初始数据和异步接口的数据都可以用MOCK服务解决,前后端开发人员在编写代码之前,约定好接口的请求规范和数据结构。开发过程中,前端工程师按照规范使用MOCK服务提供的模拟数据进行开发。

2)测试

首先是前后端各自的单元测试,接着是前后端代码整合进行集成测试(专业测试工程师进行)

3)部署

需要解决的问题是静态资源和动态资源的分离部署。

将JS,CSS,图片等静态资源部署到静态文件服务器

将HTML模板文件与中间层的Node.js代码一同部署到web服务器

这样分别部署可以保证在集成测试出现bug的时候,,相关负责人修改代码后独立进行部署即可


猜你喜欢

转载自blog.csdn.net/weixin_37719279/article/details/80908755