1 / 9
文档名称:

前端开发规范.docx

格式:docx   大小:91KB   页数:9页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

前端开发规范.docx

上传人:蓝天 2022/2/9 文件大小:91 KB

下载得到文件列表

前端开发规范.docx

文档介绍

文档介绍:前端开发规范
修订记录表
日期
修改者
版本号
修改说明
2013 年 4 月 19 H
欧金峰

2013年7月1日
欧金峰

新增SEO规范
t & color & text-align & text-decoration & text-indent 等;其他属性包括:list-style(列表样式)& vertical-vlign & cursor & z-index(层叠顺序)& zoom 等.
书写代码前,考虑并提高样式重复使用率;
充分利用html自身属性及样式继承原理减少代码量,
背景图片请尽可能使用sprite技术,减小http请求,考虑到多人协作开发,sprite按模块制作;
杜绝使用<meta http-equiv=〃X-UA-Compotible〃 content=〃IE=7 〃 /> 兼容 ie8;
用png图片做图片时,要求图片格式为png-8格式,若png-8实在影响图片质量或其中有半透明效果, 请为ie6单独定义背景:
_background:none;_filter:progid:. AlphalmageLoaderfsizingMethod^rop, src^img/);
避免兼容性属性的使用,比如text-shadow 11 css3的相关属性;
减少使用影响性能的属性,比如position:absolute 11 float;
必须为大区块样式添加注释,小区块适量注释;
代码缩进与格式:建议单行书写,.
JavaScript 书写规范
文件编码统一为utf-8,书写过程过,每行代码结束必须有分号;原则上所有功能均根据XXX项目需求 原生开发,以避免网上down下来的代码造成的代码污染(沉冗代码||与现有代码冲突11 ...);
库引入:原则上仅引入jQuery库,若需引入第三方库,须与团队其他人员讨论决定;
变量命名:,首字母须小写,如iTaoLun;
jQuery变量要求首字符为其他与原生JavaScript规则相同,如:JTaoLun;
另,要求变量集中声明,避免全局变量.
类命名:首字母大写,;
函数命名:();
命名语义化,尽可能利用英文单词或其缩写;
尽量避免使用存在兼容性及消耗资源的方法或属性,比如eval() & innerText;
后期优化中,JavaScript非注释类中文字符须转换成unicode编码使用,以避免编码错误时乱码显示;
代码结构明了,;
注重与html分离,减小reflow,注重性能.

图片格式仅限于gif 11 png | | jpg;
在保证视觉效果的情况下选择最小的图片格式与图片质量,以减少加载时间;
尽量避免使用半透明的png图片;
运用css sprite技术集中小的背景图或图标,减小页面http请求,但注意,请务必在对应的sprite psd源 图中划参考线,并保存至img目录下.