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

39 阅读2分钟

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

今天的课程内容是跟着月影学 JavaScript,我学习到了很多知识,收获满满的一天。

一、本堂课重点内容:
- 从实践维度解读在实际编码过程中何种类型的 JavaScript 代码称之为“好代码”,并从 JS 出发,总结其他语言编码可遵循的共性原则,由浅入深,将集中三大原则之一的“各司其职”原则。 - 将主要围绕编码三大原则的“组件封装”原则展开。组件是 Web 页面上所抽取的模版、功能与样式的单元,自从 React,Vue 等前端框架在市面上大量使用之后,组件化开发逐渐成为了前端主流开发方式。 - 在学习编程的过程中,一个核心的任务是编写可以完成任务的函数,通过由浅入深的过程案例讲解,详细解读编码三大原则的“过程抽象”原则。 - 通过回溯2016 年 3 月的 left-pad 事件,引出编码的操作规范,持续对如何写好 JavaScript 进行讲解。 - 将串联此前讲解的好代码经验,结合具体案例讲解,就写好 JavaScript 代码进行总结与升华。

二、详细知识点介绍:
- JavaScript 好代码的标准
- HTML/CSS/JS 各司其责 - 组件的定义解析及特征
- 组件封装基本方法
- 利用原生 JS 实现电商网站轮播图
- 操作平台 - 过程抽象概念
- 高阶函数使用模式
- JavaScript 编程范式 - 代码写作关注事项
- left-pad 事件背后的代码规范
- 操作平台

三、实践练习例子:
- 代码实践1 - 交通灯
- 代码实践2 - 洗牌
- 代码实践3 - 分红包

四、课后个人总结:
JavaScript是一种属于网络的解释型的脚本语言,已经被广泛用于Web应用开发。最早是在HTML网页上使用,用来给HTML网页增加各式各样的动态功能。在过去,JavaScript只是被用来做一些简单的网页效果,比方表单验证、浮动广告等,所以那时候JavaScript并没有受到重视。自从AJAX开场流行后,人们发现利用JavaScript可以给用户带来更好的体验,甚至利用这一优点开发了大型网页游戏,于是这门语言被重视了起来。