Jquery之父在《精通Javascript》一书中,一再强调要写分离式的JavaScript代码,简单而言就是把页面上各种元素的事件相应之类的全部挪出来,放在单独的js文件中。这样的好处在于便于代码的维护和支持某些不支持js的浏览器。

分离式,很cool啊,我新近设计的站点中,就采用这种方法,整个页面看不到一个js事件。但导致的结果是,有些响应点击的地方,很容易失效。仔细分析问题所在,发现是页面显示解析成功之后,加载js事件时,耗时在秒级。所以,导致在页面刷新很快时,页面元素的事件还没有来得及加载上去,从而,点击失效。

最后,我又不得不把关键性的事件挪到页面上,整个页面虽然乱点,但只要页面显示出来,相应的事件肯定已经加载好,不会出现点击失效的情况。

看来完美的设计总是不存在的,我们总需要牺牲一些东西,权衡,然后折中。不过,听说新版本的jquery已经在dom选择器的速度上有很大改进,但怕存在兼容性问题,不敢轻易试用。

Tags: ,.
首页

No Comments Now!

Be the first to comment on this entry.

请您留下评论

名称(必填)
Mail (必填),(will not be published)
网站(recommended)

Fields in bold are required. Email addresses are never published or distributed.

Some HTML code is allowed:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
URLs must be fully qualified (eg: http://www.hongzhixiong.com),and all tags must be properly closed.

Line breaks and paragraphs are automatically converted.

Please keep comments relevant. Off-topic, offensive or inappropriate comments may be edited or removed.