《ppk 谈 javascript》系列学习（一）

最新推荐文章于 2021-06-04 07:30:51 发布

原创最新推荐文章于 2021-06-04 07:30:51 发布 · 233 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #CSS #腾讯 #浏览器 #Ajax #ViewUI

本书探讨了前端开发中JS失效时如何确保页面的可读性和理解性，并强调了JS行为层与HTML结构层分离的重要性。同时介绍了:hover选择器与JS事件的关系及<noscript>标签的工作原理。

才翻这本书，看了一章多点，却有相见恨晚的感觉。这本书主要是针对WEB前端开发和可用性设计方面的。是我目前的兴趣，虽然我在工作中目前还是一打杂，用的并不多，而且貌似在看得见的将来中还是一打杂。扯远了。我做JS也有很长时间了，但从不曾仔细总结归纳什么，有很多东西产生过疑惑，却都是只知其然不知其所以然。而这本书很好的解释了我的那些疑惑。下面的东西罗列了下自己使用中感受较深，或根本不知道的内容。算给自己提个醒，也算是为以后查询方便吧。

1、JS失效时，仍要保证页面的可阅读和可理解
貌似参与过的WEB项目，没一个达到此要求。但这却是可用性和可访问性的必要条件。当然作者所处是的前端开发的位置，而我们一些项目用到了buffalo这样的进行与后端数据传输层面的JS框架，还有那美丽动人的EXT-JS框架，这种情况下如果用户的浏览器不支持JS，那麻烦大啦。对于前端来讲可有很多方式来针对JS失效时保持页面的阅读和可用性。那在后端JS出现失效时，要怎么进行好的补救呢。。。思考中，期待书中后面章节的解答。

2、JS行为层与HTML结构层的分层。
知道HTML、CSS、JS的分离的必要性，不过今天看了个从HTML中移除事件处理程序的例子：


      <a href="somepage.html" id="nifty">do nifty</a>

     //在单独的JS文件中
      document.getElementById('nifty').onclick = doNifty;

看来行为层和结构层的分离还得要加强啊
想起来公司的几个项目都是超大的报表，每一填写栏目都复制粘贴文本框输入事件，现在想想觉得好傻。

3、与CSS的:hover选择器等效的JS事件并不是mouseover和mouseout,而是微软的专有事件mouseenter和mouseleave 只能用在IE中。
我自从发现:hover后，就再不用JS写页面的此类事件。但原来事件是有好处的，事件可以允许键盘选择HTML元素。而CSS是做不到这点的。这个就又扯出了一点，可访问性。

4、<noscript>标签的工作方式：
（1）不支持JS的浏览器不能识别此标签。未知标签会被忽略，直接显示标签内容。
（2）支持JS的浏览器，检查是否启用JS，启用了则隐藏此标签，未启用则显示标签内容。
作者通过对浏览器的分析，认为可完全不用此标签，以其它方式解决JS失效问题。不过作者写此书是在06年（中文版竟然到今年04月才出头版，晚了两年啊，又一个时代过去了），鉴于对目前浏览器的情况，此标签更加可以不用了，HTML5标准里面已经取消了此标签。

5、可访问性。
范围很大很广啊，作者都说了要想出影响网站可用性情况几乎不可能。但就想上面3点所描述，键盘能否方便操作，能否产生对用户有意义的东西。想到了公司做过的产品，在可用性方面其实很差。不过还好公司有个服务部门，专门处理用户在使用中的各项问题。可是如果公司的软件在可用性方面下功夫，做的更细致些，易用性更好些，BUG测试在多做些。也许服务部门就该搞大裁员了。貌似领导没这兴趣，貌似我又扯远了。