文章分类 - 微信开发
摘要：uView组件已经对vuex进行了封装，使用起来非常的方便快捷。 store/index.js文件 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) let user = {}; try { // 尝试获取本地是否存在user变量
阅读全文
摘要：前端时间搞了小程序跑h5的流程，趁着这段稍微空闲的时间整理下，和大家一起分享下 1.内嵌h5，小程序场景判断 wx.miniprogram.getev(fn) , 该方法是微信提供的api，注意的是，该方法是异步的 、引用微信的JS-SDK版本要相应版本(推荐用JSSDK 1.3.2或者以上），否则
阅读全文
摘要：1、在ios中软键盘弹起时，仅会引起$(‘body’).scrollTop值改变，但是我们可以通过输入框的获取焦点情况来做判断，但也只能在ios中采用这个方案， 因为在android中存在主动收起键盘后，但输入框并没有失焦，而ios中键盘收起后就会失焦； 2、在android中软键盘弹起或收起时，会
阅读全文
摘要：前面一篇博客 h5 安卓 键盘弹起界面适配 修改webview高度提到了在adnroid中如何监听软键盘的弹起与收起，是利用的窗口的高度发生变化window.onresize事件来做突破点的，但是ios中软键盘的弹起收起并不触发window.onresize事件。总结：1.在ios中软键盘弹起时，仅
阅读全文
摘要：在npm官网找到了：微信官方 js-sdk CommonJS 版https://www.npmjs.com/package/weixin-js-sdk 步骤一：引入JS文件在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/open/js/jwei
阅读全文
摘要：微信小程序开发文档中针对picker做了详细的解释，但根据笔者的使用，发现了一个好玩的地方。 先针对picker 普通选择器：mode = selector 这个模式说下属性吧 上图是微信小程序官方文档的说明，以下是我的自己理解： range属性，类型为array或者object Array，他的作
阅读全文
摘要：多项技能，好像也不错。学习一下微信小程序。 教程：https://mp.weixin.qq.com/debug/wxadoc/dev/ 简介：一套用来开发在手机微信上运行的app框架，不用安装 组成：结构文件wxml、样式文件wxss、js文件 备注：wxml 和html是一样的，除了部分便签不一致
阅读全文
摘要：微信打开网页键盘弹起后页面上滑，导致弹框里的按钮响应区域错位 最新ios的微信6.7.4版本，在input收起键盘后，键盘区会有个遮挡区域。 照上面的回答里 亲测有效 键盘添加blur事件 window.scrollTo(0, 0) 建议设置延时100 //滚动到顶部 window.scrollTo
阅读全文
摘要：正常页面： 键盘拉起页面 键盘收起页面 解决方案：在点击按钮那里或者是input失去焦点时加下面其中一个即可解决。 通过scrollTop滚动来解决。 scrollTop 或者是scrollTo 完美解决方案： 无bug(根据当前滚动条的位置来计算，失去焦点后，重新让滚动条滚动到之前的位置，太完美了
阅读全文
摘要：1. detail为最外层弹窗，要用fixed绝对定位布局 内容部分分为两部分 1是承载主体内容 2.存放关闭按钮
阅读全文
摘要：来自：http://www.jianshu.com/p/0ecf5aba79e1 文／weapphome（简书作者） 原文链接：http://www.jianshu.com/p/0ecf5aba79e1 著作权归作者所有，转载请联系作者获得授权，并标注“简书作者”。 1. 仿QQ应用程序（#社交 #
阅读全文
摘要：1.1.1 Box-sizing在移动端的使用 在百分比定宽的页面经常使用。 *,::before,::after{ -webkit-box-sizing: border-box; /*以你的border开始计算你的宽度*/} 1.1 移动端事件 Touch touchstart：当手指触碰屏幕时候
阅读全文
摘要：css3在不同型号手机浏览器上的兼容: 对于webkit内核的浏览器, 除media、text-shadow外，使用其它属性基本上要加上webkit前缀. gradient在低版本的系统中渲染效果不丰富 ios3.2~4.3不支持position:fixed，不推荐使用 android2.1~2.3
阅读全文
摘要：原文地址： http://www.cnblogs.com/PeunZhang/p/3407453.html#question_1目录（更新于20150914）meta基础知识H5页面窗口自动调整到设备宽度，并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网...
阅读全文
摘要：方案一：银贤.imgs img{ width:100%; display:block; max-width:100%; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}方案二：...
阅读全文
摘要：案例测试：function TouchLeft(){ var startX, startY, moveEndX, moveEndY, X, Y; $(".howPlay,.xqing").on("touchstart", function(e) { // e.preventD...
阅读全文
摘要：给div设置overflow-y:scroll;内容滚动时，移动端会出现卡顿现象，-webkit-overflow-scrolling: touch;可以加速设备，WebKit私有的属性“-webkit-overflow-scrolling: touch”（允许独立的滚动区域和触摸回弹） ...
阅读全文
摘要：当我们在移动端，给div设置一个高度，使用 overflow-y:scroll实现 div内容滚动的时候，会发现滚动内容卡顿。。 此时使用 -webkit-overflow-scrolling: touch;可以解决卡顿问题。。。。 但是会出现滚动到底部，页面无法触发滚动的问题。
阅读全文
摘要：自定义em与px转换： 1. font-size: 16px; font-size: 1em; font-size: 100%; 这样的话， 1em=16px 【默认：1em=16px】2. font-size: 14px; font-size: 1em; font-size: 87.5%; 这...
阅读全文
