这是我参与「第五届青训营」伴学笔记创作活动的第三天
一、本堂课重点内容
- JavaScript 好代码的标准
- HTML/CSS/JS 各司其责
- 组件的定义解析与特征
- 组件封装基本方法
- 利用原生 JS 实现电商网站轮播图
- 过程抽象概念
- 高阶函数使用模式
- JavaScript 编程范式
- 代码写作关注事项
- left-pad 事件背后的代码规范
- 代码实践:交通灯、洗牌、分红包
二、详细知识点介绍
- 有一个好的 JavaScript 代码风格,利人利己。
- HTML用于控制网页的结构,CSS用于控制网页的样式,JavaScript用于控制网页的行为。
- 组件封装可以提高复用性,组件化逐渐成为发展的潮流。
- 介绍了如何写好 JavaScript 的代码,以及注意事项。
- 用三个案例更好的让我们理解 JavaScript
三、课后个人总结
利用原生 JS 写轮播图感觉很难,注意的事项很多,要考虑的地方也很多,但是通过这个案例,也提升不少自己的思想,虽然现在组件化已经逐渐成为主流了,但是我们可以多看源码,来提升自己的思想,这样从底层去了解,遇到一些问题,也可以去更改,要是有其他的需求还可以自己在其他人的代码上更改,更好的解决自己的需求。
关于好的 JavaScript 风格,这个我之前没怎么注意过,比如命名规范,花括号的位置以及定义变量,都是想到哪里写到哪里,这样出现 bug 而且以后看自己的代码,或者看其他人(这里指不用好的 JavaScript 风格)也是极其难懂的,现在都是搞团队开发,所以一个好的 JavaScript 风格很重要。希望自己以后多多注意,特别是命名规范,有时候自己看到自己定义的变量,都不知道这个变量是做什么的,还要往上面看,重新读一下这个代码,了解功能,才能明白这个变量是做什么的,这样费了很多时间。