JavaScript(二)| 青训营笔记

74 阅读1分钟

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

一、本课重点

  • 通过几个人具体实例来了解JavaScript

二、实例

1、Left-pad事件

image.png

事件本身槽点:

  • NPM模块粒度
  • 代码风格
  • 代码质量/效率

提出优化:

image.png

代码更简洁、效率提升

2、交通灯:切换状态

版本一:

image.png 版本二:

image.png 版本三:

image.png 版本四:

image.png

3、判断是否为4的幂

版本一:

image.png

版本二:

image.png

版本三:

image.png 版本四:

image.png

4、洗牌

Math.random()会使数字小的出现频率更高,结果出现概率不相等

image.png 洗牌生成器:

image.png

5、分红包

切西瓜法:每切一次都拆分大的部分

image.png

三、课后总结

本节课学习了几个JavaScript的相关实例,让我加深了对JavaScript的理解,加深了优化JavaScript代码的能力,本节课的实例对于前端学习者来说十分重要,因此课后需要多花时间进行掌握。