关闭

文章标题

标签: 前端开发JavaScript读书笔记
66人阅读 评论(0) 收藏 举报
分类:

JS之高程读书笔记(一)


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

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

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的实现基本说完了,以上为本人读高程后的一些体会,如有错漏请各位大神指正。

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

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:319次
    • 积分:41
    • 等级:
    • 排名:千里之外
    • 原创:4篇
    • 转载:0篇
    • 译文:0篇
    • 评论:1条
    文章存档