JavaScript Dom编程艺术 1 - 5章个人总结(共12章)

欢迎来到章学勤的Blog~

 

首先把 京东上的样子与书名等放上去:

    JavaScript Dom编程艺术 1 - 5章个人总结(共12章)_第1张图片

 

第一章:

    讲述了JavaScript的简史,描述了JavaScript的起源。

 

第二章:

    讲述了JavaScript的语法与alert的使用。

 

第三张:

   什么是dom?

    d:document

    o:obeject   ( js的对象有三种类型, 用户自定义对象, 内建对象, 宿主对象 )

        用户自定义对象是由辰煦媛自行创建的对象;

        内建对象是诸如 Array,Math, Date等;

        宿主对象是由浏览器提供的对象。

    m:model  (说是map也未尝不可)

        代表某种事物的表现形式

   

    DOM把一份文档表示为一棵树使用 parent, child, sibling(兄弟)等记号表明家族成员之间的关系。

        根元素是<html>, html代表整个文档。

   

    3.4    节点

        文档是由节点构成的集合,只不过此时的节点是文档树上的树枝和树叶而已。

         节点有三种: 元素节点: 如 <body>,<ul>等。    文本节点: 如<p>里面的字就是文本节点</p>, 属性节点: 如 <p title="这是属性节点"></p>

    然后是dom提供的五个方法: getElementById, getElementsBytahName, getElementsByClassName, getAttribute, setAttribute

 

第四章

    使用JavaScript创建图片库

    样子如下:

JavaScript Dom编程艺术 1 - 5章个人总结(共12章)_第2张图片

JavaScript Dom编程艺术 1 - 5章个人总结(共12章)_第3张图片

本章说明了几个用法:  childNodes,nodeType, nodeValue, firstChild, lastChild

 

第五章:平稳退化,向后兼容, 渐进增强,

    观点:永远不要坚信你的JavaScript能够成功;

    平稳退化:保证即使某些功能无法使用,但基本的操作应该要依旧能够完成;如 上章的图片库, 不支持js时点击链接无法实现本页面切换, 但要保证能够在本页面跳转,为 用户显示图片内容, 不要因为js而让用户连内容都无法看见, 会影响在搜索引擎上的排行;

    向后兼容:对js中用到的一些函数等, 应该用if 等进行检测;

   渐进增强:内容就是一切; 让js对于html的标签依赖降低, 最好能分离开来;渐进增强的例子如css:即使不支持css,页面的内容也能显示出来, 只是难看了一点罢了。

       

你可能感兴趣的:(JavaScript,基础,笔记,章学勤)