青训营笔记3.2——跟着月影学JavaScript

81 阅读3分钟

🎯课程表

📋前言

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

今天是青训营没有课程,但是昨天的内容较多,正好今天没课,因此分为两个部分来学习,课程的内容是学习JavaScript的相关内容,通过该篇文章记录在课程中学到的知识以及重点,对此做相对应的笔记来巩固学习。

📑课程介绍

  • 本节课通过回溯2016 年 3 月的 left-pad 事件,引出编码的操作规范,持续对如何写好 JavaScript 进行讲解。
  • 本节课将串联此前讲解的好代码经验,结合具体案例讲解,就写好 JavaScript 代码进行总结与升华。

🔥课程重点

part1

  1. 代码写作关注事项
  2. left-pad 事件背后的代码规范

part2

  1. 代码实践1 - 交通灯
  2. 代码实践2 - 洗牌
  3. 代码实践3 - 分红包

📝具体笔记

1️⃣关于JavaScript

JavaScript 简介

  • JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
  • JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。

JavaScript 是脚本语言

  • JavaScript 是一种轻量级的编程语言。
  • JavaScript 是可插入 HTML 页面的编程代码。
  • JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
  • JavaScript 很容易学习。

JavaScript组成

  • ECMAScript,描述了该语言的语法和基本对象。
  • 文档对象模型(DOM),描述处理网页内容的方法和接口。
  • 浏览器对象模型(BOM),描述与浏览器进行交互的方法和接口。

课外个人笔记pdf版截图

Leftpad 事故背景

NPM 圈发生了“一个 17 行代码的模块引发的血案”。left-pad 工具模块被作者从 NPM 上撤下,所有直接或者间接依赖这个模块的 NPM 包就忧伤的挂掉了,包括 babel 这样的热门项目。 而其中的原因大概是这样:作者 Azer 写了一个叫 kik 的工具和某个公司同名了,这天公司的律师要求其删掉这个模块,把 kik 这个名字“让”给他们,作者不答应,律师就直接找 NPM 了,而 NPM 未经作者同意就把包的权限转移给了这家公司。于是,Azer 一怒冲冠,将他所有的 NPM 包全部删掉了。

代码写死,不灵活,可以使用到for循环

月影老师讲述一段项目中的真实代码

代码质量由一组不同的属性和需求组成,而这些属性和需求是由业务决定并确定了其重要性。这意味着明天可以丢弃的代码就是是低质量的代码。相反,一行代码或者一个代码工具能够适用于一个又一个产品,并能够进一步加以开发,甚至能够开源的代码就是高质量的代码。
高质量的代码不仅能提高代码的可维护性,还能加快软件的长期开发速度,不用花费过多时间来修复旧的bug和完善代码;可以使新的项目成员更快加入项目,降低他人接手的成本,有利于代码风格一致,降低团队间应用流转的难度。

文章仅为个人学习笔记,如有错误,欢迎指正。