- 唠叨下
呃,其实隔了好久好久才开始看这个曾经下载好的vue的视频,之前呢是因为一直在家挺懒的,没有什么动力去看。
然后今天突然感觉如果再不去看的话可能我的寒假就荒废了,总不能没点输入吧,然后就想着在这几天开始看吧。
我也是挺奇怪的,竟然在过年前最忙的时候开始看,真的是把我整不会了~不唠叨了,总结去了。
- 唠叨完了
既然已经唠叨完了,那就讲讲今天的工程化概念。
其实工程化就是我们前端项目的像后端一样工程化开发,像vue、react这些框架就是工程化的框架,而后端像php的thinkphp,java的springboot这些也是工程化开发的。
像我第一次接触前端的工程化,确实挺难的。之前我都是使用demo形成的开发,也就是很垃圾的开发方式,虽然也是前后端分离,但是这种开发实在太水了。
就像课程老师讲的那样,首先三件套用起来,要美化样式就bootstrap拷贝一些,需要请求就jquery来一下ajax,然后需要一些很方便的组件库就把layui那一套拿过来。其实我只用过layuimini这个后台模板,其实的也不熟悉。
其实这样的开发方式很乱,也很垃圾,这样的话会导致其他人看你的代码看不懂, 东写一下西写一些,完全不符合前端开发。
而目前的前端工程化开发要遵循四个规范,模块化、组件化、规范化、自动化 这四个规则是工程化开发必须要遵循的,除了对自己好,对看你的代码的人也好!
<这里我就放一张在课程的截图,对于这四个现代化的一些解释>
图片链接:http://imgtu.aiyunkj.com/2022/01/26/6bb92e672030e.jpg
最后呢,说一下前端工程化的解决方案,就是使用webpack来解决工程化开发,其实这个啥意思我也不知道,也是后面几节课的重点~
组件树
组件树,将一个页面划分为多个组件,每个组件再进一步细分,而一些可以公用的组件可以进行复用。这就是组件化开发,将一个页面当作
组件的划分,每一个部分都为一个组件的集合,而一些公公组件也可以复用。
Comments NOTHING