如果你完成了小米官网的仿写，那微软官网的仿写应该两天可以弄完，截止到现在则一共花了一周零四天（算上 HTML 两天）。
在写的过程中还可以根据面试题来思考，比如一个元素垂直水平居中，有几种写法，把这几种方法都用上一遍。
调试台
前面有一个操作一直没说，不知道有多少人在写页面的过程中会自己发现: 浏览器打开一个网页按 F12 或者右键审查元素会打开调试台，在里面可以看到这个元素的样式（还有其他的部分先不说）。你可以仿写完后看看和他们写的有什么区别。
如下图：现在是在「查看器」内，左边是这个网页的元素，中间是选中的元素的 CSS 样式，现在被选中的是 「body」 元素，右边是这个元素的盒模型。
调试台
仿写了这两个官网后，静态页面应该是没什么问题的了，下面学习 JS 。
教材
这里推荐学习《JavaScript 高级程序设计》，后面也会按照这本书的知识点来写，也会有一些 ES6 常用知识点，善用搜索引擎即可解锁他们的用法。
初学者先学习前面七章即可，第一遍看不太懂是正常的，多看几遍，同样配合 mdn 或者 w3s ，在上面找到对应的知识点，在他们的在线编辑器上把书上的代码多敲几次。
没有基础的二进制那一块看不懂也可以跳着看。
原型的知识如果看不懂也没必要一下子就要求自己理解。
目标是学完这七章可以掌握 JS 基础用法，同时你也可以找前端面试题来帮助学习理解 JS
下载《JavaScript 高级程序设计》 提取码: cf4e
基础知识导图
建议学完了那七章后再来看这张图，这里面会有 es6 的比较基础的内容，书上没有，需要自己搜索学习。
JS.png
网友评论