20条移动前端H5页面开发规范,h5开发必看文档 – 25学堂 – manbetx万博2018_365bet官网网址是什么_体育bet官方网站_manbetx万博2018_365bet官网网址是什么_体育bet官方网站

13。

善用背景颜色属性

如果你是用H5工具编辑案例,以ih5为例,在需要使用单纯色做背景或者其它的情况下,可以利用图形工具里面的背景色属性或者舞台与页面的背景属性。

▲ih5平台页面属性面板

14。

开发们都喜欢的H5音频规范

格式:mp3,单轨,最好30秒以内,文件大小控制在100k以内最佳。

由上图可得,mp3文件较大主要是由于比特率过高,一般H5背景音乐比特率选择64kbps已经足够了。

利用AdobeAudition、格式工厂或者一些音乐播放软件可以剪辑和压缩音乐。

要注意,作为无限循环的背景音乐,截取时一定要注意头尾得连接得上,而且要淡入淡出。

15。

视频3分钟以内,用H。

264格式

①视频时长:3分钟以内。

近年比较火的全屏视频,视频长度均为3分钟以内,比如薛之谦史上最疯狂的广告(腾讯出品,2分51秒),都是为了避免跳出率过高。

②格式:MP4,H。

264。

H。

264编码后生成的视频文件,体积较小,画质也不错。

蓝光技术(Blu-ray)和几乎所有的高清摄像机都采用这种格式。

③在保证基本清晰度的前提下,用格式工厂等软件进行压缩。

视频宽度同样是640px,尺寸越小,体积才越小。

16。

不滥用Web字体

一般浏览器只支持一些默认字体,中文如宋体、微软雅黑、华文细黑,英文如Helvetica、Arial、Georgia、Times。

H5用了其他字体,需要下载,解析,重绘当前页面,应尽量减少使用,或者直接将文字转成图片再导入。

不过在ih5中,如果你用中文字体组件输入文字,其实是自动将文字转成图片,就不需要担心这个问题。

17。

善于复用元素

H5在制作的过程中经常会用到同一个元素,比如按钮、箭头等,我们可以直接在iH5编辑舞台里复制或直接填写被复用的元素的连接,这样就不用重复插入图片,节省案例内存,提高流畅度。

▲图片属性面板记录着资源位置

18?


bck体育扫码下载_bckbet会员登录_bckbet注册