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

    才翻这本书，看了一章多点，却有相见恨晚的感觉。这本书主要是针对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测试在多做些。也许服务部门就该搞大裁员了。貌似领导没这兴趣，貌似我又扯远了。

评论

3 楼 炫烂彩虹 2008-09-26  

可用性确实是个代价高的奢侈品，这个东西在国外已经比较的成熟。前一阵还看到了UMM（可用性成熟度模型）类似于CMM的东西。
像我们这种使用电脑水平的用户，一般去接触一个新的软件，游戏，都会把里面的设置什么的都搞一遍，什么方便了，怎么样的不舒服了，这些都是我们使用者的很直观的感觉。哪怕是一些年纪大的使用电脑水平并不高的人，如果他们使用某个软件多了，习惯某种切换方式或其它了，当他们用一个新的软件时，一旦改变了他们原有的方式，或没有更方便的方式，他们往往就会有抱怨。这大概也是抄成熟设计的原因。
不过可用性貌似国内发展的并不好，中小型企业的中小型项目，一般都不会去考虑这个东西。希望以后国内的软件能在可用性上有好的发展吧。

PS：CSS和HTML的分离，我有做过可换肤的设计哦，不过这个对我来说主要是色调的

2 楼 tedeyang 2008-09-26  

tedeyang 写道

貌似都是挺虚的. 1,js失效时保证页面可用.&nbsp;&nbsp; 实现起来代价高,却不一定用得上. 2,js与html分离. 恩,这个有必要,mvc思想在哪里都很有意义.你还忘了css吧,要把css与html也分离. 达到可换肤的层次.有兴趣参考:http://www.contentwithstyle.co.uk/Articles/17/ 3,... 4,... 5,可用性方面,ajax技术,快捷键,导航,页面设置等等,要用很大心思的. &nbsp; 貌似如果不是顶级网站,没有这么多人力物力去投入.大多抄袭个成熟的设计,达到可用的地步就完了.连腾讯的拍拍网不都是抄袭淘宝嘛,gmail虽然就是个邮箱,但其技术含量普通网站却根本做不出来.所以说,可用性是奢侈品.

呵呵,能造出奢侈品的工匠,那也是名匠了.祝你早日达到名匠的境界.

1 楼 tedeyang 2008-09-25  

貌似都是挺虚的.
1,js失效时保证页面可用.   实现起来代价高,却不一定用得上.
2,js与html分离.
恩,这个有必要,mvc思想在哪里都很有意义.你还忘了css吧,要把css与html也分离.
达到可换肤的层次.有兴趣参考:http://www.contentwithstyle.co.uk/Articles/17/
3,...
4,...
5,可用性方面,ajax技术,快捷键,导航,页面设置等等,要用很大心思的.
  貌似如果不是顶级网站,没有这么多人力物力去投入.大多抄袭个成熟的设计,达到可用的地步就完了.连腾讯的拍拍网不都是抄袭淘宝嘛,gmail虽然就是个邮箱,但其技术含量普通网站却根本做不出来.所以说,可用性是奢侈品.