前端系统班 - 01. 开班

课程 01：

学习建议：

• 看一次是不够的，做一次是不够的。（概率学家乘飞机）
• 忘记是正常的，知道如何重新记起来就好，重复记忆久而久之自然会记住。
• 不要中断学习超过一周。

课程 02：

学习方法：

• C：Copy，抄代码，复制别人的代码；
• R：Run，跑代码，将抄来的代码运行起来，调试代码；
• M：Modify，改代码，修改代码来尝试得到不同结果。

分解：

1. 抄代码
   • 搜索：用谷歌，尽量不用百度。
   • 参考：抵制 w3school.com 和 w3school.com.cn，推荐 MDN（Mozilla Developer Network）。
   • 工具：使用 JS Bin 或 js.jirenuo.com。（CSS Animation / window.open）
2. 跑代码
   • 运行代码，观察运行后的结果。
3. 改代码
   • 修改、增删各种参数或属性，再次观察结果哪里有所改变，推断修改过的代码与结果之间的关联。

学习资料：

• HTML - MDN；
• CSS - 《CSS 揭秘》，CSS Tricks；
• JavaScript - 《JavaScript 高级程序设计 （第2版）》，阮一峰博客和书；
• HTTP - 《图解 HTTP》；
• 其他 - GitHub，读书看质不看量。

知识分类：

1. 工具使用知识：把软件上的按钮都试着点一遍。
2. 概念知识：占大部分学习内容，记忆重点。
3. 工程实践知识：难以直接学到，因为每个人遇到的问题是不同的，代码写的越多学到越多。
4. 经验：踩的坑多了，经验就多了，所谓“人码合一”；要善于总结，每次比上次要进步。

课程 03：

进制转换：

• 十进制基准为 10，起始是 0 次幂，每进 1 位，幂次加 1；二进制则是以 2 为基准。
• 十进制手动向二进制转换，只能凑着转换；二进制手动转换十进制，将二进制数每位对应的 2 的幂都加起来。
• 小数从小数点后一位开始，十进制是从 10 的 1 次幂为分母开始，每向后 1 位，幂次加 1；二进制是从 2 的 1 次幂为分母开始。
• 不同进制之间的小数转换，可能会使有限小数变成无限小数，这是 JavaScript 中浮点数丢失精度的原因。
• 二进制向十六进制转换时，4 个二进制数正好可以存储 1 个十六进制数。