首页 > 代码库 > 《Javascript_Dom 编程艺术》（第2版）读书笔记

《Javascript_Dom 编程艺术》（第2版）读书笔记

2024-07-09 19:30:29   223人阅读

第1章 Javascript 简史

Dom : 平稳退化、渐进增强，以用户为中心的设计


第2章 Javascript 语法

1.程序设计语言分为：解释性(javascript)和编译型(java,C++)两大类
2.变量作用域：如果某个函数中使用了var，该变量被视为一个局部变量，只存在于该函数的上下文中；反之，则是一个全局变量，如果脚本中已经存在一个与其同名的全局变量，这 个函数就会改变那个全局变量（在其后出现）的值。
3.内建对象（Array, Math, Date等），宿主对象(浏览器提供的对象)（Form, Element, Image, document(活的网页上任何一个元素)）
4.BOM DOM


第3章 DOM

1.三种DOM方法获取元素节点
document.getElementById(); document.getElementsByTagName(); document.getElementsByClassName();
2.在Javascript里，null代表没有值
3.元素的方法: getAttribute(); setAttribut();


第4章 案例研究：Javascript图片库


第5章 最佳实践

1.平稳退化，渐进增强
2. Html文档里使用onclick之类的属性没有效率也容易引发问题


第6章 案例研究：图片库改进版

addLoadEvent()收录到脚本中


第7章 动态创建标记

1.document.write(); 不推荐使用
2.innerHTML(); 插入一大段HTML内容，若要对插入的内容进行处理，需要DOM提供的精确属性和方法
3.在DOM看来，一个文档就是一个节点树
4.CreateElement(); CreateTextNode(); appendChild()：将节点连接成为文档树一部分，也可连接两个都不是文档树一部分的节点
5.DOM方法创建和插入新节点：createElement(), createTextNode();
6.parentNode.insertBefore(newElement, targetElement);
7.insertAfter() 收录到脚本中
8.Ajax 点击链接、发送请求到服务器，等待返回一整个页面，使用Ajax可以做到只更新页面中的一小部分. Ajax技术的核心是XMLHttpRequest
9.Hijax 渐进增强的Ajax
10.SEO 搜索引擎优化


第8章 充实文档的内容

1.for(variable in array) 第一次循环时，variable表示array中第一个元素的下标值； 第二次循环时，表示第二个元素的下标值； 值到最后一次循环。 "for(..in..)循环用于遍历数组下标值不为整数的数组"
2.微软直到IE7才支持abbr元素
3.Javascript脚本只应该用来充实文档的内容，要避免使用DOM技术创造核心内容


第9章 CSS-DOM

1.<p id="elem" style="color:#000; font-family:Arial, Sans-Serif;"></p>
var para = document.getElementById("elem"; alert(para.style.color); alert(para.style.fontFamily); 驼峰标识转化属性中含有的减号
2.style对象的属性值须放在单引号或双引号里，否则会被解释为变量 para.style.color = "black";
3.不该用DOM技术(Javascript)去创造重要的HTML内容，也不该用DOM技术去创造重要的样式信息，最多可以对文档的样式做补充
4.通用函数的设计


第10章 用Javascript实现动画效果

第11章 HTML5

第12章 综合示例

 

 

 


联系
我们