Heim  >  Artikel  >  Web-Frontend  >  微信站前端开发注意点?

微信站前端开发注意点?

WBOY
WBOYOriginal
2016-06-07 08:45:001708Durchsuche

在微信站的开发中,前端开发需要注意的点有哪些?开发的流程与网页开发有何不同?有哪些坑?

回复内容:

微信Web前端开发大多可以参考移动端的开发规则和经验,还有一些个人总结的经验如下,从上到下开始说:
1.微信在界面顶部有自己本身的功能及标题栏,所以如果是专门为微信设计的Web界面,顶部最好不要再有功能或标题栏,否则会显得多余臃肿。
微信站前端开发注意点?
2.注意字体字号的选择,界面元素大小可以用em而不是px定义,界面元素一定要自适应屏幕。
微信站前端开发注意点?
此页面表格元素未自适应
微信站前端开发注意点?
此为自适应后的效果
3.界面文案一定要简洁,明确,文字太多可能会出现下图这种丑陋的情况。
微信站前端开发注意点?
4.移动端界面承载内容的面积有限,所以一定要以最简洁的方式呈现出最重要的内容,不要有其他多余的东西。
微信站前端开发注意点?
5.移动端比较适合当下的极简扁平化设计,太多华丽纹理雕琢的设计在移动端反而不会有很好的效果。
=========================
P.S.
1.Android和IOS的微信内置浏览器内核不一样,一些老版本的安卓可能不支持一些HTML5和CSS3的新特性。
2.不要在页面中引入过多未压缩的媒体元素(图片、音视频等),否则可能导致应用内存溢出导致闪退。 微信内置的X5内核浏览器对css3的兼容性不够好,flexbox的很多属性在微信里面基本上残废了,还有就是如果用:before,:after之类的伪元素写animation动画,基本上也是不兼容。
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn