随笔分类 - 移动端
跨域问题处理（已处理IOS兼容问题 ）
摘要：问题描述: vue项目使用axios 请求 在 安卓和pc端正常请求 但是在ios（ios12是我们遇到的）上会出现 跨域 预请求失败 导致 在catch会捕获 Network error ； 导致问题出现的原因： 是由于header里面带了很多请求参数，而后端设置的response.setHead
阅读全文
h5网页跳转到小程序
摘要：第一：网页引用 <script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>第二步 判断当前环境 //判断当前页面是否在小程序环境中， 注：首页是在小程序，嵌套网页，该网页才能再次跳转回小程序 wx.miniProgram
阅读全文
js屏蔽手机的物理返回键
摘要：$(document).ready(function() { if (window.history && window.history.pushState) { $(window).on('popstate', function () { window.history.pushState('forw
阅读全文
h5 页面唤起微信和qq
摘要：唤起微信还好 唤起qq会存在很多问题； （一）：以下是唤起微信的方法 转载自：http://blog.yixao.net/procedure/8143.html 微信 微信 weixin:// !发起群聊 weixin://dl/groupchat 通讯录 !添加朋友 weixin://dl/add
阅读全文
vue项目使用cropperjs制作图片剪裁，压缩组件
摘要：参考：https://www.cnblogs.com/linxiyue/archive/2019/01/18/10288490.html 项目中裁剪图片效果 代码部分：（将上传部分 封装成一个组件直接调用当前组件） <template> <div id="demo"> <!-- 遮罩层 --> <d
阅读全文
vue项目内嵌入到app input type=file 坑（文件上传插件）
摘要：w问题描述： 我用vue-cli完成的一个移动端项目，内嵌到app当中，用原生的input type=file 来完成文件上传。在安卓下没有问题但是在苹果手机 上传第二次手机就会发生白屏 并无缘无故跳转。 具体原因尚未发现。 解决办法： 引用了一个vue的插件：https://lian-yue.gi
阅读全文
移动端 iphone手机在中文情况下不执行keyup事件
摘要：问题：移动端 在🍎手机上在中文输入法情况下 keyup，keydown等失效； 解决：我是利用事件监听来判断输入值是否发生变化，如果发生变化进行修改
阅读全文
在安卓机上 键盘弹起影响定位的弹框显示
摘要：原因：是因为安卓手机 键盘弹起屏幕的实际高度发生了变化 使定位的弹框位置发生了改变 解决办法： <template> <!-- <div class="alertContentAddress" @click="closeSearch"> --> <div class="alertContent" @
阅读全文
禁止页面滑动
摘要：// 禁止滑动 stopLoop(){ var top=$(window).scrollTop();//这是当前滚动的页面滚动条位置 $("body").css({ "position":"fixed", "width":"100%", "top":top*-1 //此处为当前需要定住的位置 }); }, // 允许滑动 startLoop(){ $("body").css({ "position
阅读全文
移动端 点击 定位指定滚动位置
摘要：示例： 注意：时间的兼容性 在ios上会有问题
阅读全文
移动端监听上滑下滑（判断元素是否滚动到底部）
摘要：touchUp(){ var startY = 0; let that = this; document.addEventListener("touchstart",function(e){ startY = e.changedTouches[0].pageY; ...
阅读全文
移动端复制当前页面链接（URL）分享
摘要：注释：在移动端想做一个复制当前URL类似于分享的功能 示例：
阅读全文
js计算日期增加
摘要：2018-6-27 星期三 $(".next").on('click',function(){ // next=true; // pre =false; // UpData(pre,next); // date.yyyy = Number($('.year').text()); // da...
阅读全文
移动端 图片放大缩小 （双手指） 单手指移动
摘要：11111111111111
阅读全文
地图调起URI API（通过连接直接调用百度地图）
摘要：网站：http://lbsyun.baidu.com/index.php?title=uri/api/web 地图调起URI API 百度地图URI API是为开发者提供直接调起百度地图产品（百度Web地图、百度地图手机客户端）以满足特定业务场景下应用需求的程序接口，开发者只需按照接口规范构造一条标
阅读全文
CSS-解决苹果点击高亮、安卓select灰色背景（select下拉框在IOS中背景变黑、出现阴影问题）
摘要：1.在苹果手机上，用点击事件后会出现一个高亮的阴影； 面对click事件的阴影，解决办法： 2.在安卓手机上的select有灰色背景，解决办法： 3.解决select右侧下拉箭头在ios上不兼容的问题 解决select右侧小三角箭头在ios上不显示的问题 原文链接:https://jingyan.b
阅读全文
移动端 input 输入框实现自带键盘“搜索“功能并修改X
摘要：主要利用html5的，input[type=search]属性来实现，此时input和type=text外观和功能没啥区别； html代码入下: 但要实现点击键盘右下角搜索，来发送请求，js代码如下（以下代码段记得引入jquery）： 需要注意的是，input[type=search]，在用户输入时
阅读全文
input，textarea在ios和Android上阴影和边框的处理方法（在移动端）
摘要：1.去掉ios上阴影的方法只需要在css文件上添加input，textarea{-webkit-appearance: none;}就可以了 2.在移动端上input和textarea边框问题，也是在css上添加outline: none;就可以完美解决。 问题： 在苹果上点击时依然有灰色的高亮效果
阅读全文
移动端 滑动（不让页面发生变化）
摘要：class="active">团购首页 $vo['catId'],'temp'=>$vo['catId'],'active'=>$vo['catId']))}"...
阅读全文
