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

98 阅读2分钟

🎯课程表

📋前言

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

今天是青训营——前端基础班的第三节课程,课程的内容是学习JavaScript的相关内容,通过该篇文章记录在课程中学到的知识以及重点,对此做相对应的笔记来巩固学习。

📑课程介绍

  • 本节课从实践维度解读在实际编码过程中何种类型的 JavaScript 代码称之为“好代码”,并从 JS 出发,总结其他语言编码可遵循的共性原则,由浅入深。
  • 本节课将主要围绕编码三大原则的“组件封装”原则展开。组件是 Web 页面上所抽取的模版、功能与样式的单元,自从 React,Vue 等前端框架在市面上大量使用之后,组件化开发逐渐成为了前端主流开发方式。
  • 在学习编程的过程中,一个核心的任务是编写可以完成任务的函数,本节课通过由浅入深的过程案例讲解,详细解读编码三大原则的“过程抽象”原则。

🔥课程重点

part1

  1. JavaScript 好代码的标准
  2. HTML/CSS/JS 各司其责

part2

  1. 组件的定义解析及特征
  2. 组件封装基本方法
  3. 利用原生 JS 实现电商网站轮播图

part3

  1. 过程抽象概念
  2. 高阶函数使用模式
  3. JavaScript 编程范式

📝具体笔记

1️⃣关于JavaScript

JavaScript 简介

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

JavaScript 是脚本语言

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

JavaScript组成

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

课外个人笔记pdf版截图

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