文章分类 - 移动开发
摘要：一、背景：因为之前同事用java后端生成海报，导致海报加载缓慢，所以把它放到前端来拼接 二、菜鸟教程：https://www.runoob.com/html/html5-canvas.html 三、准备好需要的材料（图片） html <!-- html中添加 --> <canvas id="myCa
阅读全文
摘要：方法一、 sass或者less @function px2rem($n) { @return ($n * 20 / 750) * 1rem; //设计稿一般都是750宽,20等分即1rem=37.5px， 也可以10等分@return ($n * 10 / 750) * 1rem; } .demo2
阅读全文
摘要：cssrem插件 页面总宽度为750px,平均分成20等分，每一份是37.5px; body{ min-width: 320px; max-width: 750px; margin: 0 auto; background: pink; height: 1220px; } // 当屏幕大于750，字体
阅读全文
摘要：jQuery图片裁剪插件jQuery-photoClip： http://www.jq22.com/jquery-info7428 http://www.jq22.com/yanshi7428 http://www.jq22.com/yanshi15891 使用的是PhotoClip.js插件BD母
阅读全文
摘要：首先安装croppanpm install --save vue-croppa安装完成之后，在需要的页面引入 import Vue from "vue"; //引用Croppa图片裁剪 import Croppa from "vue-croppa"; import "vue-croppa/dist/
阅读全文
摘要：background-size: cover;background-position: 50%; background:url("//mcake.oss-cn-hangzhou.aliyuncs.com/file/96514a3e5aa8f573/6cb309ee9fc7c4b1.jpg") no-
阅读全文
摘要：移动设备的屏幕有两个方向： landscape（横屏）和portrait（竖屏），在某些情况下需要获取设备的屏幕方向和监听屏幕方向的变化，因此可以使用Javascript提供的 MediaQueryList 对象接口，使用方法如下： 获取当前屏幕方向（是否是竖屏状态） var mql = windo
阅读全文
摘要：·video层级问题 问题现象：点击登录弹窗可以正常显示，在点击播放视频后，video层级变成了最高级，再次点击登录弹窗被video遮挡了，无论怎么给登录弹窗z-index都无法正常显示弹窗。 解决方案：Android微信内置浏览器是X5内核，X5内核中默认了video的层级是最高级别，所以改变z-
阅读全文
摘要：摘要 最近在开发H5，就在开发过程中发现H5存在着一些坑，所以就总结一下在开发过程中遇到的坑以及解决办法，本文会持续的更新，同时也欢迎大家一起评论分享H5开发中遇到的坑、解决办法等。 常见的通用的H5开发问题 IOS端-H5开发问题 · 输入法隐藏页面留白 问题现象：iOS端软键盘失去焦点（隐藏）后
阅读全文
摘要：1、在ios中软键盘弹起时，仅会引起$(‘body’).scrollTop值改变，但是我们可以通过输入框的获取焦点情况来做判断，但也只能在ios中采用这个方案， 因为在android中存在主动收起键盘后，但输入框并没有失焦，而ios中键盘收起后就会失焦； 2、在android中软键盘弹起或收起时，会
阅读全文
摘要：前面一篇博客 h5 安卓 键盘弹起界面适配 修改webview高度提到了在adnroid中如何监听软键盘的弹起与收起，是利用的窗口的高度发生变化window.onresize事件来做突破点的，但是ios中软键盘的弹起收起并不触发window.onresize事件。总结：1.在ios中软键盘弹起时，仅
阅读全文
摘要：思路如下： 1. `Math.random() `取0-1之间的随机小数（float）； 2. 然后再乘以 n-m 之间的数字个数`（max-min+1）`； 3. 然后两者相乘向下取整 `Math.floor(Math.random()*(max-min+1))`； 4. 最后再加上最小值即可：`
阅读全文
摘要：DeviceMotionEvent 简 介 html 5 提供了几个新的 DOM 事件来获得设备物理(主要针对移动端)方向及运动的信息，包括：陀螺仪、罗盘及加速计。 1）deviceorientation (设备方向/定位)：提供设备的物理方向信息，表示为一系列本地坐标系的旋角。 2）devicem
阅读全文
摘要：解决办法为： （1） 用HTML标签设置HTTP头信息 <HEAD> <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache"> <META HTTP-EQUIV
阅读全文
摘要：需要调用jweixin-1.0.0.js 下载地址：http://res.wx.qq.com/open/js/jweixin-1.0.0.js 音乐按钮控制播放：
阅读全文
摘要：一、移动端弹窗出现时，上下滑动屏幕，底部的内容会跟随这滚动。 解决方案：在弹出弹窗的时候，设置window最外层定位为fixed，这样window便不会滚动了，在关闭弹窗的时候，设置window体定位为static，window便可重新滚动。 https://www.cnblogs.com/shim
阅读全文
摘要：解决方案 在弹出弹窗的时候，设置window最外层定位为fixed，这样window便不会滚动了，在关闭弹窗的时候，设置window体定位为static，window便可重新滚动。 另外，弹出时设置定位为fixed会使window回到顶部，可以通过js获取当时的scrollTop，固定设置top负值
阅读全文
摘要：因为项目新增功能需要加入新的iconfont图标，然而因为不知道原先所有iconfont文件所在项目不能整体重新下载，只好单独添加新的图标。具体步骤见截图。1 在iconfont官网找到对应要新增的图标（注销数据） 2 添加入库 3 修改下载到本地新的图标文件名称（必须改成和之前项目文件不一样的名字
阅读全文
摘要：正常页面： 键盘拉起页面 键盘收起页面 解决方案：在点击按钮那里或者是input失去焦点时加下面其中一个即可解决。 通过scrollTop滚动来解决。 scrollTop 或者是scrollTo 完美解决方案： 无bug(根据当前滚动条的位置来计算，失去焦点后，重新让滚动条滚动到之前的位置，太完美了
阅读全文
