2021 年 05 月第 2 周

Posted 2021-06-21 GoldenaArcher

2021 年 05 月第 2 周

学习笔记

这周的进度：

顺利完工，不过对「javascript 高级程序设计」中 迭代器 和 生成器 的理解还是处于懂了，没完全懂的感觉。

html

书-H5 权威指南

笔记完成：HTML5 权威指南第 11 章 表格元素 学习笔记，主要讲的就是表格的结构化：

|- table
|  |- caption
|  |- thead
|  |  |- tr
|  |  |  |- th
|  |- tbody
|  |  |- tr
|  |  |  |- th
|  |  |  |- td
|  |- tfoot
|  |  |- tr
|  |  |  |- th
|  |  |  |- td

以及一些表格合并的用法：rowspan 和 colspan，以及表格边框的使用。

CSS

书-精通 CSS

对 H5 权威指南 部分也有一定的补充说明，不过主要还是在实现 表格和表单 的优化，笔记：精通 CSS 第 9 章 表单与数据表 学习笔记

这样的话，精通 CSS 方面就只剩下 3 章就完成所有阅读了。

CSS 视频

2D 转换，关于 transform 的笔记：CSS 2D Transform 学习笔记。

感觉 CSS3 的动画特效真的挺强的，看完了真的有一种眼前一亮的感觉。

JS

书-红宝书

这次的内容是 迭代器 和 生成器。

比起书中的内容来说，笔记上的内容精简了很多，这也不是因为书上重要的就这么点东西，而是说打算和 Symbol 部分一样，之后再回来回顾一下。

笔记上就简单的记了一下 迭代器 和 生成器 分别是什么，以及简单的应用。

笔记：JavaScript 高级程序设计第 7 章 迭代器和生成器 学习笔记

JS 视频

推进的进度比较快，已经到 BOM 操作了，视频进度目前是 287/357，完成了 80%，共计是 14 周（包括这周总共 14 个每周计划）。按照这个进度来说，再有 3 周，也就是 6 月中这样就能够完成这部分的学习。

之后就在考虑是继续学习 2019 全新 javaScript 进阶面向对象 ES6 部分呢，还是开始算法的学习/复习。

学习案例在这里： BOM 操作学习案例

学习笔记在这里： BOM 操作学习笔记

总结一下这周学的视频部分的内容：

• 窗口加载事件 有两个主要的方法，分别是 window.onload 和 DOMContentLoaded，前者是所有的内容全都加载好才会执行，后者是只要 DOM 树上的内容加载好了就会开始执行。

• 定时器 有两个主要的方法，分别是 setTimeOut 和 setInterval。前者只会执行一次，后者会按照提供的一直不间断执行，一直到定时器被清除位置。

• this 指向问题

  现阶段记牢 this 的最终指向的是调用它的对象 即可

• JavaScript 执行机制

  事件池(event loop)机制

  所有非异步的任务会被在 JavaScript 执行机制 中被先执行，异步的任务会先放到 任务队列/消息队列 中

  当消息栈中的任务被执行完毕，系统就会按此读取 消息队列 中的异步任务。异步任务就结束等待状态，进入执行栈中开始执行

  主线程不断重复获取任务与执行任务的过程/机制，就被成为 事件循环

• 可以通过 location 获取 URL 的信息，从而通过 queries 进行跨页面传递信息

• navigator 对象中最重要的是 userAgent，可以通过 UA 判断是什么端打开的页面，从而进行合适的适配