随笔分类 - 移动端
摘要：场景：XDialog组件的遮罩的透明度是background: rgba(0, 0, 0, 0.6);而期望是75%的透明度； 项目构成：vue，vux 最终实现效果： 思路：首先想到了修改组件下weui-mask的样式，把background: rgba(0, 0, 0, 0.6);改成 back
阅读全文
摘要：场景：在h5移动端，实现分享朋友，分享朋友圈。 插曲：一开始我认为是不能做到分享的，主要是我从微信小程序的角度出发的，想着微信小程序都做不到分享朋友圈功能，那h5就更不能实现了，导致出现了错误的判断。那么我就来总结一下实现都步骤吧！ 开发环境：vue-cli2,vux,axios 注意：一定要去看s
阅读全文
摘要：滴滴团队开发的vue框架cube-ui star 5736 https://didi.github.io/cube-ui/#/zh-CN 有赞Vant star 7898 使用场景有：购物车，商品规格，加入购物车，立即购买，客服，优惠券，添加联系人 https://youzan.github.io/
阅读全文
摘要：方案一：纯色背景的情况下，解决方案就是background-color在您的body代码上设置属性； 方案二：视口入，viewport-fit=cover: 方案三：前提，在用了方案二的时候，最好在用此方案，就完善了，安全区，inset_* safe-area-inset-top safe-area
阅读全文
摘要：由于oppo手机自带浏览器的高度底部多了144px导航栏 所以：专门针对oppo手机做适配：
阅读全文
摘要：没有在微信浏览器打开的时候： 用浏览器打开后 在这里需要判断箭头是否显示：
阅读全文
摘要：安卓手机的问题，原本表单没有超出一屏的时候，上移的现象也是存才的，只是需要滑动body才能看得到，现在，超出一屏了，现象就很明显了 body明显上移： 点击input修改价格： 软键盘出现： 先尝试了这样的方法： http://blog.csdn.net/u010394015/article/det
阅读全文
摘要：在移动端开发的过程中，常常会遇到头部高度是40px，而内容页是除去头部，占满视窗的整个高度，有时候是用js来处理，现在用css的calc是非常方便的:
阅读全文
摘要：-webkit-overflow-scrolling 用来控制元素在移动设备上是否使用滚动回弹效果.兼容安卓和IOS的写法如下： 取值： auto使用普通滚动, 当手指从触摸屏上移开，滚动会立即停止。touch使用具有回弹效果的滚动, 当手指从触摸屏上移开，内容会继续保持一段时间的滚动效果。继续滚动
阅读全文
摘要：将字符串按某个字符切割成若干个字符串，并以数组形式返回 截取数组中_720替换为_360：
阅读全文
摘要：原因： Safari应该有某种机制用来节约资源，就是如果元素摸起来不像可以点的，就不给他响应事件。 所以，需要在点击的元素上加上{cursor:pointer},就解决了。当然还有别的方法，检点来说就这样解决了。 测试了下，上面的方法没有成功； 后来参考了这里 http://www.cnblogs.
阅读全文
摘要：微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应,规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0. 微信小程序也支持rem尺寸单位，rem和rpx的换算关系：rem:
阅读全文
摘要：中文网地址: http://www.swiper.com.cn/api/start/2014/1218/140.html 多的不说,看文档吧
阅读全文
摘要：始终绑定submit事件 不单独的对【提交】按钮绑定click事件，对整个表单绑定submit提交事件，这样可以让整个表单内的文本框获得Enter提交的VIP待遇，并且在移动端中可以让文本框聚焦时键盘的右下角是【前往】。 input元素的type maxlength 如果已知元素理想的输入长度，不妨
阅读全文
摘要：拿到设计师给的设计图之后，剩下的事情是前端开发人员的事了。而手淘经过多年的摸索和实战，总结了一套移动端适配的方案——flexible方案。 这种方案具体在实际开发中如何使用，暂时先卖个关子，在继续详细的开发实施之前，我们要先了解一些基本概念。 一些基本概念 在进行具体实战之前，首先得了解下面这些基本
阅读全文
摘要：具体参考：http://www.jianshu.com/p/6e2b68a93c88 一，简单粗暴型：禁用缩放 二，更改默认视口宽度： 三，fastClick.js
阅读全文
摘要：em是相对于父元素的font-size，rem是相对于根元素的font-size。 rem的补充： ① 对于不支持它的浏览器，应对方法也很简单，就是多写一个绝对单位的声明。这些浏览器会忽略用rem设定的字体大小； ② IE9/IE10在用于伪元素时或者使用字体简写声明时不支持rem； ③ IOS S
阅读全文
摘要：如果把line-height加1px，iPhone文字就会下移，由于我们app的ios用户居多，并且android机型太多，不同机型也会显示不同，所以只能退而求其次了。 line-height的兼容问题不太好解决，容器高度越小，显示效果的差距越明显。稍微大一点的高度，最好把line-height设置
阅读全文
摘要：桌面端开发中，meta标签通常用来为搜索引擎优化（SEO）及 robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据你定义的时间间隔刷新自己，以及设置RASC内容等级，等等。 移动端开发中，meta标签除了桌
阅读全文
