以下规范建议是Alloyteam在日常开发过程中总结提炼的经验。该规范具有良好的项目实践。强烈建议使用字体设置，使用无衬线字体。body{font-family:"HelveticaNeue",Helvetica,STHeiTi,sans-serif;}iOS4.0+使用英文字体HelveticaNeue，之前的iOS版本降级为Helvetica。中文字体设置为ChineseHeiTiSTHeiTi。需要补充的是，iOS字体库（http://support.apple.com/kb/HT5878）中不存在中文黑体，但系统会自动使中文黑体STHeiTi兼容***系统默认的中文字体Heiti-SimplifiedorHeiti-TraditionalHeitiSCLightHeiti-SimplifiedThin（iOS7后废弃）HeitiSCMediumHeiti-简体中文HeitiTCLightHeiti-ComplicatedHeitiTCMediumHeiti-繁体中文Hei4.0之前Android下原生中文字体和英文字体选择默认sansserif字体版本英文字体Android原生使用DroidSans,中文字体原生Android会在DroidSansFallback4.0之后使用新的Roboto字体，其他第三方Android系统也一致选择默认的无衬线字体GlobalCSS样式，避免了长按弹出菜单和选中的行为textinthepicturea,img{-webkit-touch-callout:none;/*禁止长按链接和图片弹出菜单*/}html,body{-webkit-user-select:none;/*禁止textselection（如果没有textselect要求，这个是必填选项）*/user-select:none;}移动性能要考虑低端安卓手机和2G网络场景下的性能。笔记！发布前的必要检查项目。所有图像都必须经过压缩。考虑适度的有损压缩。例如，将jpg图像转换为80%质量。考虑将大图像切割成多个小图像。这在横幅图片过大的场景中很常见。加载性能优化，实现离线打开足够快的数据，考虑在localStorage中缓存数据初始请求资源数<4注意！对图像使用CSSSprites或DataURI。避免在外部CSS中使用@import。考虑嵌入小型静态资源内容。初始资源gzip的总体积<50kb。静态资源(HTML/CSS/JS/Image)是否针对压缩进行了优化？避免打包大型类库确保接入层开启了Gzip压缩（考虑提高Gzip级别，使用CPU开销来换取加载时间）注意！尝试使用CSS3而不是图像在初始首屏之外延迟加载静态资源（JS/CSS）注意！初始首屏外的图片资源按需加载（判断可见区域）注意！一页面应用（SPA）考虑延迟加载非首屏业务模块。开启Keep-Alive链路多路复用操作性能优化，实现流畅操作。避免iOS300+ms点击延迟问题。笔记！缓存DOM选择和计算避免触发页面重绘的操作Debounce持续触发事件（滚动/调整大小/touchmove等），避免高频触发执行注意！尽量使用事件代理，避免批量绑定事件使用CSS3动画代替JS动画避免在低端机上大量使用CSS3渐变阴影效果，考虑降级效果提高流畅度选择器和通配符选择器Keepitsimpleonlineperformancetesting及测评工具使用指南访问GooglePageSpeed在线测评网站，在地址栏输入目标URL地址，点击分析按钮开始检测，根据PageSpeed分析的建议进行优化，优先解决红色类别问题
