JQuery小技巧——程序设计规范

  • 捕获XHTML和CSS中的错误       W3C的标记验证服务可以用于对文档验证并将错误显示出来,网址是http://validator.w3.org/。  在确定标记文档正确后,可以在http://jigsaw.w3.org/css-validator/验证CSS文档。
  • ID和类命名规范        在应用程序中为ID和CSS类名添加前缀来避免命名冲突和命名空间的冲突。另外,最好为样式表中类型选择器的ID和类名添加前缀。这样有助于减少查找的范围。如,div#tmpDialog就比#tmpDialog要来的好。
  • 定义CSS时,应避免使用泛指迭的选择器。       这样可以避免CSS规则的冲突,防止多个文档合并时发生错误。如,div#tmpDialog{} 比 a {}要具体。
  • 标记语言和CSS的效率       往往编码的良好习惯和最佳的效率之间存在一些冲突,如:1.既要求开发人员有良好的编码规范如使用空行缩进等来提高代码可读性,但从效率考虑应压缩标记内容,合并多个CSS和JS文件;2.客户端缓存可以提高效率,但更新CSS和脚本文件后,客户端缓存会使浏览器继续使用原来老版本的CSS和脚本文件。对于第一个冲突,一个方法是使用良好设计的专业内容管理系统,它允许实现JS、标记和CSS文档的模块化,并组织各个模块,但最后它会自动组合并压缩这些文档。但是像我们这种没money的人,还有一个方法就是使用手动压缩的方式来压缩JS和CSS,例如用基于Web的工具:Dean Edwards's packer,http://dean.edwards.name/packer/。还可以限制文档中使用空格的数量,用两个空格替代四个空格进行缩进。    对于第二个冲突,可以通过修改JS和CSS文档的路径来强制浏览器更新文件。例如:<script type='text/javascript'  src='jquery/myjquery.js'></script>中的jquery/myjquery.js可以修改为jquery/myjquery.js?lastModified = 12/17/09。虽然引用了相同的脚本,但从技术上来说对于浏览器是不同的两个路径,它将迫使浏览器刷新缓存的文档副本。lastModified = 12/17/09在路径中被称为查询字符串QueryString的部分,以一个问号开头,之后包含一个或多个查询字符串变量。它可以将信息从一个文档传递给另一个文档。这里仅仅是使浏览器刷新已经换岑的文档版本。CSS也可以按照相同的办法进行处理。
  • Javascript规范    1.可选的分号    在JS中,每个换行处隐式地包含了一个分号,在平常编写时可能同样可以执行通过。但是一旦代码被压缩后,往往无法正确执行,因为解释器无法确定一个语句在哪里缩进。另一个问题是,在某些函数的定义之后包含一个分号。在Javascript之所以这样是因为函数也被视为一种数据类型         2.使用命名空间    建立一个字面对象来代替一个独立函数。
  • 原文地址:https://www.cnblogs.com/xiaowangba/p/6314788.html