跟着月影学 JavaScript | 青训营笔记

32 阅读2分钟

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

一、本堂课重点内容

  1. JavaScript 好代码的标准
  2. HTML/CSS/JS 各司其责
  3. 组件的定义解析与特征
  4. 组件封装基本方法
  5. 利用原生 JS 实现电商网站轮播图
  6. 过程抽象概念
  7. 高阶函数使用模式
  8. JavaScript 编程范式
  9. 代码写作关注事项
  10. left-pad 事件背后的代码规范
  11. 代码实践:交通灯、洗牌、分红包

二、详细知识点介绍

  • 有一个好的 JavaScript 代码风格,利人利己。
  • HTML用于控制网页的结构,CSS用于控制网页的样式,JavaScript用于控制网页的行为。
  • 组件封装可以提高复用性,组件化逐渐成为发展的潮流。
  • 介绍了如何写好 JavaScript 的代码,以及注意事项。
  • 用三个案例更好的让我们理解 JavaScript

三、课后个人总结

利用原生 JS 写轮播图感觉很难,注意的事项很多,要考虑的地方也很多,但是通过这个案例,也提升不少自己的思想,虽然现在组件化已经逐渐成为主流了,但是我们可以多看源码,来提升自己的思想,这样从底层去了解,遇到一些问题,也可以去更改,要是有其他的需求还可以自己在其他人的代码上更改,更好的解决自己的需求。

关于好的 JavaScript 风格,这个我之前没怎么注意过,比如命名规范,花括号的位置以及定义变量,都是想到哪里写到哪里,这样出现 bug 而且以后看自己的代码,或者看其他人(这里指不用好的 JavaScript 风格)也是极其难懂的,现在都是搞团队开发,所以一个好的 JavaScript 风格很重要。希望自己以后多多注意,特别是命名规范,有时候自己看到自己定义的变量,都不知道这个变量是做什么的,还要往上面看,重新读一下这个代码,了解功能,才能明白这个变量是做什么的,这样费了很多时间。