JSDOM编程艺术 - Ch6 - 笔记 - 实例-图片库改进By检查

实例-图片库改进By检查假设

1. 结构化程序设计要求：函数只有一个入口，一个出口。

当检查当前浏览器是否理解JS相应函数，以及检查网页是否存在相应元素时，会有多个return false,即产生了多个出口。但如果取消这些如果不存在--就return
false的出口，改写为如果存在--就执行--的代码，会导致核心代码被层层括号掩盖，不利于阅读和理解。相较之下，把所有出口放在JS代码的开头部分，是一个可以接受的实现方式。

 

2. 优化-检查

增加检查，有助于JS减少对标记的依赖和假设。但是JS代码会变长。实际工作中，需要自己根据具体情况来决定是否真的需要这些检查。它针对的是HTML文档有可能不在你控制范围的情况。理想情况下，JS不应该对HTML文档的内容和结构做太多的假设。

 

3. 优化-键盘访问-最好不使用onkeypress事件处理函数

（1）键盘访问事件处理函数onkeypress，为了助于键盘使用者，应该允许onkeypress事件与onclick事件触发同样的行为。但键盘上的任意一个键都会触发onkeypress，需要谨慎使用。

（2）大部分时候onclick可以支持键盘访问----Onclick事件的触发：①点击鼠标②tab+enter。可以等同于onactive.

 

4. HTML-DOM & DOM Core

(1)HTML-DOM代码通常比DOM-Core更短，但是只能用于处理Web文档。

(2)DOM-Core的方法针对所有①的标记语言文档，不限于html②支持DOM的程序设计语言，不限于java
script。

 

Tips:

Console.log调试

如果用 console.log
代替 alert document.write 输出对象信息，可以在控制台展开这对象查看具体信息。可以直接看到对象信息，而不会显示 [object Object]令我们一头雾水。