前端系统课程 - 01. 开班

学习建议

  • 看一次是不够的,做一次是不够的。(概率学家坐飞机)

  • 忘记是正常的,知道如何重新记起来就好,重复记忆久而久之自然会记住。

  • 不要中断学习超过一周。

学习方法

  • C:Copy,抄代码,复制别人的代码。

    • 搜索:用谷歌,尽量不用百度。

    • 参考:抵制 w3school.com 和 w3school.com.cn,推荐使用 MDN(Mozilla Developer Network)。

    • 工具:使用 JS Bin 或 js.jirenuo.com。(CSS Animation / window.open)

  • R:Run,跑代码,将抄来的代码运行起来,调试代码。

    • 运行代码,观察运行后的结果。
  • M:Modify,改代码,修改代码来尝试得到不同结果。

    • 修改、增删各种参数或属性,再次观察结果哪里有所改变,推断修改过的代码与结果之间的关联。

学习资料

  • HTML - MDN;

  • CSS - 《CSS 揭秘》,CSS Tricks;

  • JavaScript - 《JavaScript 高级程序设计》,阮一峰博客和书;

  • HTTP - 《图解 HTTP》;

  • 其他 - GitHub,读书看质不看量

知识分类

  1. 工具使用知识:把软件上的按钮都试着点一遍。

  2. 概念知识:占大部分学习内容,记忆重点。

  3. 工程实践知识:难以直接学到,因为每个人遇到的问题是不同的,代码写的越多学到越多。

  4. 经验:踩的坑多了,经验就多了,所谓“人码合一”;要善于总结,每次比上次要进步。

进制转换

  • 十进制基准为 10,起始是 0 次幂,每进 1 位,幂次加 1;二进制则是以 2 为基准。

  • 十进制手动向二进制转换,只能凑着转换;二进制手动转换十进制,将二进制数每位对应的 2 的幂都加起来。

  • 小数从小数点后一位开始,十进制是从 10 的 1 次幂为分母开始,每向后 1 位,幂次加 1;二进制是从 2 的 1 次幂为分母开始。

  • 不同进制之间的小数转换,可能会使有限小数变成无限小数,这是 JavaScript 中浮点数丢失精度的原因。

  • 二进制向十六进制转换时,4 个二进制数正好可以存储 1 个十六进制数。