高性能网站前端开发规范—平湖中商港科技有限公司V1.0.docVIP

高性能网站前端开发规范—平湖中商港科技有限公司V1.0.doc

  1. 1、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
  2. 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  3. 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  4. 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  5. 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  6. 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  7. 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
高性能网站前端开发规范—平湖中商港科技有限公司V1.0

版本号 文件名称 制作人 备注 V1.0 高性能网站前端开发规范 曾祥瑚 平湖中商港科技有限公司 高性能网站前端开发规范V1.0 中国商务港华东总部—平湖中商港科技有限公司 时间: 2011 年 07 月 目 录 目 录 2 一、为什么要遵循规范 3 二、目标 3 三、受众 3 四、通用规范 3 1、文件与目录命名规范 3 2、文件编码约定 3 3、id 和 class 命名规范 4 4、文件存储约定 4 5、文件压缩 4 6、使用外部JS和CSS 4 7、兼容性规范 5 五、HTML规范 5 HTML语言规范 5 HTML元素 7 六、JavaScript规范 8 JavaScript 语言规范 8 JavaScript 编码风格 9 七、CSS规范 11 1、样式文件命名规范 11 2、选择器运用规范 12 3、CSS样式命名规范 12 4、CSS书写顺序 14 5、CSS Sprite 14 6、不使用滤镜 15 7、尽量不使用hack 15 8、背景平铺规范 15 9、简写 15 一、为什么要遵循规范 国外专家对Alexa排名较前的一些网站做过测试,发现浏览一个网站的总耗时一般80%-90%花在了前端,Web的性能80%-90% 有前端决定,并且网站对有哪些信誉好的足球投注网站引擎的友好程度,也主要取决与前端。因此,我们必须深入研究前端页面的渲染规则及有哪些信誉好的足球投注网站引擎收录规则,并以此为依据,设置相关的规范,以开发出符合W3C规范、有哪些信誉好的足球投注网站引擎友好、性能极高的网站。 二、目标 开发符合W3C规范、有哪些信誉好的足球投注网站引擎友好、高性能的网站。 三、受众 开发团队中的所有前端工程师。 四、通用规范 1、文件与目录命名 文件名一律小写,必须是英文单词或产品名称的拼音,多个单词用连字符()连接。 只能出现英文字母、数字和,严禁出现中文。 出现版本号时,需要用字母 v 为前缀,小版本号用点号(.)隔开,比如 global-v.js 或 -v2.2.js。 该命名规范适用于 html, css, js, swf, php, xml, png, gif, jpg, ico 等前端维护的所有文件类型和相关目录。 js 和 css 压缩文件,统一以min 结尾,比如源码文件为.css和common-v2.2.js,压缩后为 min.css和common-v2.2.min.js 。 前端开发涉及的所有文本文件 3、id 和 class 命名 id 和 class 的命名总规则为:内容优先,表现为辅。首先根据内容来命名,比如 mainnav. 如果根据内容找不到合适的命名,可以再结合表现来定,比如 skinblue, present_tab, col_main. id 和 class 名称一律小写,多个单词用连接,比如 recommendpresents. id 和 class 名称中只能出现小写的 26 个英文字母、数字和,任何其它字符都严禁出现。 id 和 class 尽量用英文单词命名 。确实找不到合适的单词时,可以考虑使用产品的中文拼音,比如 wangwang, dating. 对于中国以及特色词汇,也可以使用拼音,比如 xiaobao, . 除了产品名称和特色词汇,其它任何情况下都严禁使用拼音。 在不影响语义的情况下,id 和 class 名称中可以适当采用英文单词缩写,比如 col, nav, hd, bd, ft 等,但切忌自造缩写。 id 和 class 名称中的第一个词必须是单词全拼或语义非常清晰的单词缩写,比如 present, col. 网页:根据频道的文件夹进行存储,例:商家报价频道,项目内对应的目录为/price/,如果创建的网页是商家报价频道的,该网页就必须存储在/price/目录下面. CSS:公共文件存储在/css/common/目录下;网页私有CSS文件需要存储到网页文件相对应的/CSS/的路径下,例:商家报价频道首页/css/ price/index.css Image:图片文件的存储与CSS文件的存储规则一样. Js:Js文件的存储跟CSS类似. 5、文件压缩   Js文件和css文件的发布文件均用“JsCompressor”工具进行压缩存储。 6、使用外部JS和CSS 全部使用外联样式link href=mystyle.css/或script src=myjs.js/script的方式。 所有CSS外联样式均放在head中,JS外联样式放在网页的底部。 禁止使用@import mystyle.css的方式,使用这种方式的结果是先加载网页再加载css。 7、兼容性规范 页面应完全兼容IE6+和Firefox浏览器,及常用的分辨率。 五、HTML规范 HTML语言规范 1、基本规范使用符合语义的标签书写 HTML 文档,选择恰当的元

文档评论(0)

pangzilva + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档