`套三层来画导航栏的网页事？这本书第一版出来时，CSS布局刚冒头，序设作者硬是计第在“传统表格布局”和“CSS定位”之间塞了整整两章过渡内容。到了第2版，网页直接砍掉一半表格案例，序设把浮动和清除浮动讲透了。计第这种改法很实在——技术书就得跟着浏览器打架的网页结果走。 书里有个细节我印象极深。序设讲表单验证那一节，计第作者没上来就甩正则表达式，而是先写了一段JavaScript，用`onclick`事件去检查用户有没有填姓名。代码旁边批注：“IE6下`event`对象要写成`window.event`，别问为什么，记着就行。”这种话在正经教材里少见，可恰恰是当年做网页的人每天要踩的坑。第2版保留了这条批注，但加了一行小字：“现代浏览器已统一支持标准事件模型，此处仅作历史参考。”你看，它不装，不假装旧知识没用，也不硬说新标准万能。
说到DOM操作，第2版把`getElementById`和`getElementsByTagName`的兼容性写法压缩成一页半。作者直接给了一段能跑在IE5.5和Firefox 1.0上的函数，然后说：“别纠结为什么这么写，先抄进项目里，等你有空再研究浏览器差异。”这话听着糙，但比那些花三页讲W3C标准、最后学生连个下拉菜单都做不出来的教材强太多。我试过按书里第8章的步骤，用纯JavaScript做一个可折叠的侧边栏。代码不到四十行，没有框架，没有jQuery，就是`style.display`来回切。跑起来那一刻，比现在用React写个组件还开心。
CSS部分占了全书近三分之一。第2版把盒模型讲得极细，特别是`margin`塌陷那节。作者画了三个div嵌套的图，标出垂直外边距合并的几种情况，旁边写：“别背规则，打开Firebug，改一个值看一个效果。”这种教法现在看依然有效。我见过太多人学CSS只读不调，结果一写布局就懵。书里第11章的浮动清除案例，用了`clear:both`加空div，也提了`overflow:hidden`触发BFC。两种方法并列，不站队，只说“看你项目里哪个不惹麻烦”。
JavaScript事件处理那章有个小标题叫“别用`onclick`属性”。作者解释：行内事件把结构和行为搅在一起，改起来想哭。但他也承认，早期项目里这么写最快。这种坦诚让书不像是高高在上的规范手册，倒像隔壁工位老张在跟你聊他踩过的雷。第2版新增了JSON和Ajax基础，例子是用`XMLHttpRequest`拉一个本地txt文件，然后`innerHTML`塞进页面。代码里连`try...catch`都没写全，但注释说：“先跑通，再考虑错误处理。”这话对初学者太重要了——完美主义是学习最大的敌人。
书末附录有个HTML标签速查表，按字母排序，每个标签标了“推荐使用”“过渡使用”“已废弃”。``和`
`被划在废弃区，但旁边写：“老项目里还能见到，知道它们干什么就行。”这种处理方式比一刀切强。技术更新快，但维护旧代码的人还在。第2版没有假装旧世界不存在，它只是把新工具递到你手里，说：“试试这个，不行再换回去。” 合上书，我想起自己第一个上线的页面。没有DOCTYPE，用表格布局，图片没加`alt`。但它在IE6和Netscape里都能看。那本《网页与Web程序设计》第2版就摊在桌上，书脊已经裂了。技术会过时，但那种“先让它跑起来”的劲头，不过时。
Top
