前端与JavaScript | 青训营笔记

这是我参与第五届青训营伴学笔记创作活动的第三天

一、组成部分

1.核心（ECMAScript）：描述了该语言的语法和基本对象。

2.DOM：Document Object Model（文档对象模型）：描述处理网页内容的方法和接口。 html加载到浏览器的内存中，可以使用js的DOM技术对内存中的html节点进行修改，用户从浏览器看到的是js动态修改后的页面。

3.BOM：Brower Object Model（浏览器对象模型与浏览器进行交互的方法和接口。

二、组件封装基本方法

1.结构设计

2.展现效果

3.行为设计：API(功能）；Event（控制流）

三、解耦 1.控制元素抽取成插件

2.插件与组件之间通过依赖注入方式建立联系

四、总结

1.组件设计的原则：封装性、正确性、扩展性、复用性

2.实现组件的步骤：结构设计、展现效果、行为设计

3.三次重构：插件化；模板化；抽象化（组件框架）