在微信上做 html5 网页开发框架和普通的网页开发有何不同

来源：蜘蛛抓取(WebSpider) 时间：2016-04-10 03:11 标签： html5网页开发工具
微信 html5页面怎么制作比较好？有什么框架可以用么？
泻药，之前公司 手机新浪网的需求 都用这个
绝大多数的单页面营销页以及全部的制作工具（maka、易企秀等）实际上都可以用这个组件的功能完成。
效果：触屏焦点图、触屏Tab切换、触屏多图切换优点：1、不需要jquery2、只有6k，在同类框架中是最小的了；3、可以在一个html中多次调用；缺点：1、无法在一个tab中嵌套tab2、没有为当前选中的部分添加class（如果为选中部分添加class，可以方便添加复杂css3动画效果）3、没有在Github中发布，有了问题只能在QQ群中提问，可是QQ群提问明显比不上github的issue；QQ群信息没有人回答，而且很容易被覆盖；
给你推荐两个框架：1.2.iSlider一般微信的页面微场景，微楼书之类的，都是他们做的
百度一下 妹子ui
按照我的想法是就按320的尺寸做，然后通过适配大屏幕范围的就用zoom来放大，很容易搞定
微信里面的一般活动页面，都是单页，活动广告页为主，很少有关联性很强的产品出现。zepto.js 感觉足够满足需求，iscroll.js 模拟滚动条针对zepto 做一下扩展插件。主要解决一下：加载优化 处理，css优化 处理，图片优化 处理，脚本优化 处理，渲染优化 处理。
已有帐号？
无法登录？
社交帐号登录微信站前端开发注意点？
在微信站的开发中，前端开发需要注意的点有哪些？开发的流程与网页开发有何不同？有哪些坑？
按时间排序
微信内置的X5内核浏览器对css3的兼容性不够好，flexbox的很多属性在微信里面基本上残废了，还有就是如果用:before，:after之类的伪元素写animation动画，基本上也是不兼容。
微信Web前端开发大多可以参考移动端的开发规则和经验，还有一些个人总结的经验如下，从上到下开始说：1.微信在界面顶部有自己本身的功能及标题栏，所以如果是专门为微信设计的Web界面，顶部最好不要再有功能或标题栏，否则会显得多余臃肿。2.注意字体字号的选择，界面元素大小可以用em而不是px定义，界面元素一定要自适应屏幕。此页面表格元素未自适应此为自适应后的效果3.界面文案一定要简洁，明确，文字太多可能会出现下图这种丑陋的情况。4.移动端界面承载内容的面积有限，所以一定要以最简洁的方式呈现出最重要的内容，不要有其他多余的东西。5.移动端比较适合当下的极简扁平化设计，太多华丽纹理雕琢的设计在移动端反而不会有很好的效果。=========================P.S. 1.Android和IOS的微信内置浏览器内核不一样，一些老版本的安卓可能不支持一些HTML5和CSS3的新特性。2.不要在页面中引入过多未压缩的媒体元素（图片、音视频等），否则可能导致应用内存溢出导致闪退。
已有帐号？
无法登录？
社交帐号登录html5 微信 开发_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
html5 微信 开发
||文档简介
中国移动互联网研发培训专家|
总评分0.0|
&&h​t​m​l ​微​信​ ​开​发
阅读已结束，如果下载本文需要使用0下载券
想免费下载更多文档？
定制HR最喜欢的简历
你可能喜欢 上传我的文档
 下载
 收藏
毕业于医学院校，在医院工作，有相对丰富的护理经验
 下载此文档
正在努力加载中...
HTML5微信页面设计
下载积分：1500
内容提示：HTML5微信页面设计
文档格式：DOCX|
浏览次数：13|
上传日期： 18:37:45|
文档星级：
该用户还上传了这些文档
HTML5微信页面设计
官方公共微信资讯中心 NEWS CENTER
当前位置：&&&&&&
在微信上做HTML5 网页和普通的网页开发有何不同？
1. 在 iOS 上，Safari 里打开的页面在进入后台后会停止渲染行为和运行 js，但是在 webview （包括微信的里的 webview）里打开的页面，当应用进入后台时，并不会停止渲染行为，也不会停止运行 js，也不会触发页面可见性的变化，甚至帧率都不会降低。直到应用因内存不足被杀死之前页面都是正常运行的。正是因为这个，微信里运行的网页好像没有什么办法可以知道自己是否进入了后台。P.S. 其实帧率也不是完全不变的，webview 在进入后台时会有一个很短暂的帧率突然减小的行为，我根据这个写过一个通过分析帧率变化来判断页面是否进入后台的 demo，效果还不错。（注意，这个行为似乎不是由性能直接导致的，我在性能非常高的模拟器上跑 demo 依然是 work 的，帧率变化和真机上差不多）。但是影响帧率的因素太多了，而且我不知道原理是什么，所以没什么价值。2. 在 webview 的一个 iframe 里如果有一个 target=&_blank& 的链接，我们预期的行为是点击后在最外层页面打开链接，但是部分安卓机会直接在 iframe 里打开链接，有的 Android 4 以上的机器也有这个 bug（看标准应该算是 bug）。这个是我之前在阿里妈妈实习时知道的，当时大大们发现我们运行在 webview 里的 iframe 广告，在一些安卓机里点击时会直接在小小的 iframe 框里打开，非常坑。
&&上一篇：下一篇：&&

我要回帖

更多关于 html5网页开发工具 的文章

 

随机推荐