
课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
我们在前文中给大家简单介绍了软件开发代码规范化操作都有哪些注意事项等内容,而今天我们就在来了解一下,软件开发其他方面都有哪些规范。
一、图片
1)大小
中国普通家庭的宽带基本能达到8Mbps,实际速率大约为500—900KB/s,全国3G/4G用户占有比超过了50%,为了保证图片能更好地加载展示给用户看,约定:
PC平台单张的图片的大小不应大于200KB。
移动平台单张的图片的大小不应大于100KB。
透明PNG图片可使用压缩工具压缩后提供。
2)质量
上线的图片都应该经过压缩处理,压缩后的图片不应该出现肉眼可感知的失真区域。
60质量的JPEG格式图片与质量大于60的相比,肉眼已看不出明显的区别,因此保存JPEG图的时候,质量一般控制在60,若保真度要求高的图片可适量提高到80,图片大小控制在200KB以内。
JPG图片必须压缩,一般80%品质即可,保证文字清晰。
JPG图片必须使用渐进式图片:使用Photoshop的“存储为Web所用格式”时候,勾选“连续”。
3)跨域
图片跨域问题的解决:设置图片crossOrigin属性为”Anonymous“。
二、CSS
1)分类
重置(reset)和默认(base)(tags):消除默认样式和浏览器差异,并设置部分标签的初始样式,以减少后面的重复劳动。
统一处理:建议在这个位置统一调用背景图(这里指多个布局或模块或元件共用的图)和清除浮动(这里指通用性较高的布局、模块、元件内的清除)等统一设置处理的样式。
布局(grid)(.g-):将页面分割为几个大块,通常有头部、主体、主栏、侧栏、尾部等。
模块(module)(.m-):通常是一个语义化的可以重复使用的较大的整体!比如导航、登录、注册、各种列表、评论、搜索等。
元件(unit)(.u-):通常是一个不可再分的较为小巧的个体,通常被重复用于各种模块中!比如按钮、输入框、loading、图标等。
功能(function)(.f-):为方便一些常用样式的使用,我们将这些使用率较高的样式剥离出来,按需使用,通常这些选择器具有固定样式表现,比如清除浮动等。
皮肤(skin)(.s-):如果你需要把皮肤型的样式抽离出来,通常为文字色、背景色(图)、边框色等,非换肤型网站通常只提取文字色。
状态(.z-):为状态类样式加入前缀,统一标识,方便识别,她只能组合使用或作为后代出现(.u-ipt.z-dis{},.m-listli.z-sel{})。
2)命名规则
ClassName的命名以上面的前缀开头,且全部字母为小写,单词之间统一使用横杠“-”连接。
若这六类前缀不能满足需求,则可以另外定义一个或多个大类,但必须符合单个字母+”-“为前缀的命名规则,即.x-的格式。
这么设计可让同样的ClassName在不同的模块或元件中重复使用,互不干扰;在多人协作或者分模块协作的时候效果尤为明显。
三、工程师规范
1)自测联调
对自己的代码进行全面的多设备测试和兼容性测试。
如果自测过程中发现别人写的代码有问题,及时反馈。
2)总结分享
分享内容可以包含:架构思想、协作心得、设备特性介绍、新技术应用、调研展示、遇到的问题和解决方案等。
分享对象不限于:交互、视觉、前端及所有感兴趣的人。
3)变更维护
如果未经过需求变更和设计变更,原则上不允许直接进行开发变更。
变更前应了解变更原因,变更后应该及时通知相关人员。
希望这辈子,最让你无悔的事情就是来达内学习!学习向来不是件易事,但无论过程多么艰难,希望你依然热爱生活,热爱学习!永远记得,达内将与你一同前行!现在扫码,立即领取万元课程礼包,助力0基础快速入行,为你梳理行业必备技能,全方位了解岗位发展前景!
【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!更多内容请在707945861群中学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。