随笔分类 -  移动端

代码运行
rem适配echarts/swiper
摘要：1、rem适配时swiper横向滚动swiper-slide会自动定高度，导致css样式高100%无效 解决： 将observe应用于Swiper的父元素。当Swiper的父元素变化时，例如window.resize，Swiper更新。 启动动态检查器(OB/观众/观看者)，当改变swiper的样式 阅读全文
posted @ 2021-01-30 11:16 蓝精灵61 阅读(910) 评论(0) 推荐(0)
什么是webApp？与原生APP的区别
摘要：1、webApp指： 使用html5开发的移动web应用，是基于浏览器运行的,几乎可以不加修改的运行在PC/Android/IOS等 优势：一套代码多处运行 劣势：某些底层功能缺失，运行速度不如原生App 2、原生App指： iOS: Object-C 或者 swift Android: java 阅读全文
posted @ 2020-07-09 19:52 蓝精灵61 阅读(3534) 评论(0) 推荐(1)
移动端 1px边框
摘要：底部1px虚线边框： .line { width: 100%; height: 100px; position:relative; border-left:1px dashed red; border-right:1px dashed red; } .line:after { content:''; 阅读全文
posted @ 2020-07-02 15:23 蓝精灵61 阅读(166) 评论(0) 推荐(0)
iphoneX 适配
摘要：body{ font-size: 12px; min-height:568px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-family:PingFangSC,Microsoft Yahei,Helvetica N 阅读全文
posted @ 2020-05-20 15:01 蓝精灵61 阅读(136) 评论(0) 推荐(0)
移动端滚动监听
摘要：滚动监听： window.onscroll = function () { var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; console.log(scrollTop) } 兼容：在ios设 阅读全文
posted @ 2019-01-07 10:53 蓝精灵61 阅读(2073) 评论(0) 推荐(0)
audio google play()
摘要：<audio id="music" src="" preload loop="loop" autostart="true"></audio> google浏览器报错： 设置： （1）chrome://flags/#autoplay-policy 阅读全文
posted @ 2018-11-09 11:38 蓝精灵61 阅读(330) 评论(0) 推荐(0)
js页面路径拼接字符串进行参数传递
摘要：页面路径拼接字符串进行参数传递： 参数传递页面： 参数接收页面 阅读全文
posted @ 2018-08-20 15:49 蓝精灵61 阅读(9834) 评论(0) 推荐(0)
移动端判断手机横竖屏状态
摘要：移动端判断手机横竖屏状态 阅读全文
posted @ 2018-07-20 16:10 蓝精灵61 阅读(1571) 评论(0) 推荐(0)