文章标题

JS之高程读书笔记（一）

---

    写在前面的话：    公认的前端开发核心包括三个部分：html,css,**JS**。为啥子将JS部分加着重呢，因为从学习前端开始，越发觉得JS部分确实是前端的核心竞争力。举个例子：

下图是freeCodeCamp中前端部分的课程设置：


从图中我们可以很清晰的看出， Basic JS部分的推荐学习时间为10小时，算法部分为50小时，而HTML5 and CSS部分的推荐学习时间为5小时。就freeCodeCamp课程中我所做过的其他部分而言，JS也是功能实现的核心。夸张的说，就算一个从没接触过前端的人，照着w3cschool里的手册都能写个网页出来（求大神不要打脸，just夸张而已）。so,如果不想自己的地位轻易被代替，还是认真学JS吧。

---

    完整JS的实现包含三部分：1.ECMAScript，2.DOM ,3.BOM（ps:为啥又是三个！）。下面分别说明一下：        1.ECMAScript:首先她只是门语言，和浏览器没有任何关系。就像汉语一样，写在书上和打在pad上没有任何区别；其次，其实现依赖于宿主环境（browser只是其中一种，还有node,Adobe Flash等），宿主环境也会对其进行扩展（ps:造成需要兼容不同浏览器的罪魁祸首？）；其组成部分包含语法，类型，语句，关键字，保留字，操作符，对象等；        另起一行说些我认为重要的：**ECMAScript本身不包含输入输出，不包含输入输出，不包含输入输出**，就像我给了你一台电脑，结果你拆开了发现就有一个机箱，没有键盘，没有鼠标，连显示器都没有，别说LOL，看个片都不行。内心崩溃一下就好了，赶紧买外设去吧。        2.DOM全称document object model/map，文档对象模型，你所需要的外设之一。        首先说一个事实吧：静态网页的编辑可以不依赖IDEA这类工具，记事本也是可以完成的。回想一下记事本是用来干嘛的？编辑文本/文档的。浏览器运行时读取的就是你编辑好的文档,文档的概念大体就叙述清楚了吧。        再来说说object/对象的概念，个人认为对象是事物高度抽象后的产物。拿语言类书最常用的“人”来说吧，白种人是人，黑人是人，黄种人也是人，马云，王健林，你我都是人。你见了林志玲和凤姐都知道她们是人，区别就是年龄，体型，外貌，气质。。。（差别好大啊）。嗯，虽然如此她俩也都是人。像年龄，体型，外貌这些就是所谓的属性，而吃喝拉撒就是方法。文档对象也是类似的概念，他将所有文档的一些公共属性和方法整合，继而对文档进行操作。        最后再说说model/map（ps:其实个人认为还是用map好些），这就涉及到定位。文档已经存在了，我想改点东西，我总不能为了那点东西再写一遍吧。记得小时候做作业流行用涂改液，（用眼）先找到要改的地方，涂上一层，再写上东西。DOM为我们提供了寻找，更改元素的方法。M就是这只眼（“你是我的眼”）。DOM绘制了一份树状图如下：        ![这里写图片描述](http://img.blog.csdn.net/20160831162210373)        具体的方法咋们以后再说。        3.BOM浏览器对象模型，其基本概念类似于DOM，主要是对浏览器对象进行操作，鉴于现在所学有限，以后再说。        JS的实现基本说完了，以上为本人读高程后的一些体会，如有错漏请各位大神指正。

---

    写在后面的话：    写博客果然比单纯的读书打码要难好多啊，又不想纯粹摘抄原文，知易行难，确实没有说错。继续努力吧。