读码农周刊

读书摘记

1. HTML CSS都是配置式的写法，参照后端的依赖注入，如果将这两者视为跟Spring框架中的一些XML等同的配置文件，思路就开朗了。
2. HTML的组件化即：界面的模板化和片段化。
3. JavaScript的组件化的目标是：清晰的职责，松耦合，便于单元测试和重复利用。
4. CSS的组件化的好处：传统的CSS是一种扁平的文本结构呢，变更成本非常高，比如想将结构从松散改为紧凑，需要改动很多。如果把实际使用的CSS只当做输出结果，而两娃爱有一种适合变更的方式当做中间过程，就会好很多。即sass、less。
5. 一个框架，最本质的事情是在于它的处理逻辑。
6. 依赖注入的核心理念就是通过配置来实例化所依赖的组件。使用这种模式来设计软件架构，会细绳一些性能，在跟踪调试的便利性等方面也会有所损失，但换来的是无与伦比的松耦合和可替代性。
   7、在web领域有非常经典的MVC架构，这里的v就是负责整个前端的渲染，而且是服务器的渲染，就是输出HTML。
7. 在SPA时代，传统的MVC架构已经不合适了，所以浏览器形成了自己的MVC等层次，这里的V已经变成客户端渲染了，通常会使用一些客户端的HTML模板去实现，而模型和控制器，也相应的在浏览器形成了。在这个层面的框架一般有：MVC/MVP/MVVM
8. 前端跟后端的同性基本依靠AJAX，也会有其他的一些比如Websocket之类的。
9. 我们知道，逻辑层的分层组件化是比较容易的，但任何逻辑和表现混杂在一起，就比较麻烦了，所以我们要把分层的点往前推，退到也能把单独的展现层剥离出来。
10. 在早起的浏览器与服务器的关系当中，浏览器对界面的形态和相应的业务逻辑基本没有控制权，属于别人是给什么就展示什么，想要什么都需要提前申请的尴尬界面。
11. 从企业运营的角度讲，前端的组件化跟其他任何产品一样，都是为了减少成本，提高企业的利润。