JavaScript | 青训营笔记

34 阅读2分钟

一、本堂课重点内容:

1.JavaScript 好代码的标准
2. HTML/CSS/JS 各司其责
3. 组件的定义解析及特征
4. 组件封装基本方法\

二、详细知识点介绍:

1.写好JavaScript的好代码原则有:各司其职、组件封装、过程抽象。HTML、css和JavaScript各司其职应当避免不必要的由JS直接操作样式,可以用class类来表示状态,而且纯展示类应保证零JS方案。
2.组件封装的基本方法分为结构设计、展现效果、行为设计。我们可以重构、解耦、和抽象化来进行改进。组件封装的原则是封装性、正确性、扩展性和复用性。实现组件的步骤是结构设计、展现效果和行为设计,也可以通过三次重构。过程抽象是用来处理局部细节控制的一些方法,函数式编程思想的基础应用。

三、实践练习例子:

image.png

image.png 两版的代码,因为我们项目不是一个人在做,要对接,我们要避免不必要的由JS直接操作样式。

四、课后个人总结:

代码不去练习,不去继续探索就会生疏遗忘,现在的我的JS属于一张白纸,本次课程学起来还是很吃力的,因为之前做过的很多案例,没有深入的一个自我的分析和实践,导致现在自身毛病百出。JS需要学习的对象事件还是很多的,我也要孜孜不倦脚踏实地地去落实每一个案例,然后分析总结。也还是很感谢此次的JS课程案例让我明白公司做大项目对接一些需要注意的事项,优化自己的代码,分析自己的思路与别人。