webApp
IT博客技术分享
没有做不到的,只有想不到的!
展开
-
视频H5 video最佳实践
视频H5 video最佳实践 video的属性 <video id="video" src="video.mp4" controls = "true" poster="images.jpg" // 视频封面 preload="auto" webkit-playsinline="true" /* 这个属性是ios 10中设置可以让视频在小窗内播放...原创 2019-05-25 15:51:36 · 14148 阅读 · 0 评论 -
用H5做webApp 中界面适配的问题汇总(一)
告诫:Android 和 iOS 嵌入h5 后出现了许多问题....首先 返回按钮,如果写法不注意就会失效,还有返回按钮在手机屏幕上不好点击...h5在网页上可以滑动,但嵌入安卓后不能滑动,因为用了ionic库,只好原生又做了一套壳子,可是嵌入iOS后,三个webview 在原生的scrollerview 上面也不能滑动,并且用ionic库互动,下拉刷新等滑动效果也不是很好,不知道是ionic库的...原创 2018-09-20 16:11:55 · 2188 阅读 · 0 评论 -
用H5做webApp 中界面适配的问题汇总(二)
APP的和H5配合的混合开发模式已经是注流,那么在开发H5移动端的时候我们应该怎么做?而且做出来的产品是怎么适配个个不同的设备资源的? 首先做移动端页面时引入的meta标签,这里的个个参数都是什么意思,这个就不在这里详细说了,网上也有相应的资料可查看,这里主要说下引入适配的方案。 <meta name="viewport" content="width=device-width, hei...原创 2018-09-20 16:29:01 · 3258 阅读 · 0 评论 -
公司项目APP端 vue-vux(UI库)
1. 小红人项目主要运用了VUE框架,Vux -UI库 ,前后台分离, 2. 单位换算:html根元素 font-size:12px; 使用了rem自动转换单位 单位换算:html:font-size:10px; 750px=2倍图 750/2=375px 375/10= 37.5rem 3. 封装了 swiper轮播图组件, swiper 轮播图的封装,及调用 swiper...原创 2019-03-13 18:28:44 · 997 阅读 · 0 评论