移动开发
文章平均质量分 94
移动开发
优小U
Keep on learning as long as you live.
展开
-
618来了还愁没钱买东西?五分钟教你如何白嫖!
文章目录1️⃣ 效果展示2️⃣ 准备工作2.1 安装SDK2.2 使用ADB操作手机3️⃣ 抢红包实现3.1 NodeJS版3.2 Python版3.3 Java版4️⃣ 总结今年的618比以往活动来的更加早,不少商家都提前了活动,导致剁手党们开始蠢蠢欲动了,每天都守着红包雨,开始猛戳手机屏幕,就算手不累也担心下屏幕吧(不知道有没有买碎屏险,哈哈???? ),作为一枚程序员,绝对不能允许重复的动作,这不自动化抢红包程序献上给各位剁手党们。????1️⃣ 效果展示因为考虑到版权和广告的关系没有用某宝抢原创 2021-05-31 08:59:34 · 4689 阅读 · 42 评论 -
H5打开APP技术总结
在H5页面打开APP的方法一般有两种,在IOS 9以前,一般使用的技术是URL Scheme。这种方式虽然可自定义程度很高,能够巧妙地实现很多跳转,但弊端也很明显:我们只能通过 scheme://example 这种格式的链接来实现跳转,而且现在苹果还对这种方式的跳转加了一个提示框:“是否打开XXX”。对于对Web和原生App交互的场景需求量很大的产品来说,这样的跳转方式显然是步骤冗杂的,用户体验原创 2018-01-30 11:49:37 · 46897 阅读 · 9 评论 -
ueditor video 设置宽高的问题(uni app)
ueditor 上传的视频的时候默认有宽高,默认款420px, 如果要想宽度是100%就不好设置了,这时候可以借助css实现:/deep/ .edui-upload-video { width: 100%; height: 400upx;}以上是uni-app的项目代码。原创 2020-07-04 22:11:22 · 5271 阅读 · 0 评论 -
ueditor 上传视频丢失src的解决方法
修改 udeitor.config.js 的 白名单,可以搜索 whitList, 然后修改以下代码:img: ['src', 'alt', 'title', 'width', 'height', 'id', '_src', 'loadingclass', 'class', 'data-latex','style','_url'],//加了style和_urlvideo: ['autoplay', 'controls', 'loop', 'preload', 'src', 'height', '原创 2020-07-04 20:35:40 · 939 阅读 · 0 评论 -
uni app map 地图 漂浮问题及方案
uni app map 地图 漂浮问题及方案文章页有图片导致的问题,图片没加载出来,导致文章内容高度不固定,如果图片没加载出来,高度就是0,如果此时开始加载map,那么map就在那里加载,map原生组件渲染后位置固定了,而当页面图片加载完成后,就会有地图漂浮的感觉,如下图:解决方法:控制图片的宽高,让图片没加载完也占高度,这样就不会影响map加载和位置。...原创 2020-06-23 22:14:45 · 2665 阅读 · 0 评论 -
移动端 H5 分屏页面适配问题--设计稿比例与设备宽高比例不同
移动端 H5 分屏页面适配问题单位问题肯定用rem, 为了方便计算,一般取 1rem=100px, 需要根据设计稿的宽度设置合适的fontSize, 具体可以看这篇文章 :移动端根据设计稿宽度适配 px转换相对单位rem屏幕适配问题现在的设备宽高五花八门,按照rem 计算总是会出问题,因为设备的宽高比例是不同的,而设计稿的宽高是不变的,如果按照设计稿的尺寸来做,那么必须要求设备的宽高比例和设计稿是相同的,否则就会重叠或者间距过大。针对这个问题可以做一下适配,以下代码可以保证不会发生重叠:(func原创 2020-06-21 15:21:30 · 1124 阅读 · 0 评论 -
关于scrollIntoView()不能使输入框显示在可视区域的问题
在SPA项目中,又是会设置html,body为100%,在body里面再加一层div,让这层div滚动,这样就直接导致了页面中scrollIntoView失效了,输入框聚焦时不能自动滚动到可视区域。导致scrollIntoView失效代码:html,body { width: 100%; height: 100%; overflow: hidden;}.pa...原创 2018-05-31 11:20:36 · 4209 阅读 · 3 评论 -
移动端滚动穿透问题
定义:移动端弹出fixed弹窗的话,在弹窗上滑动会导致下层的页面跟着滚动,这个叫 “滚动穿透”解决方案1在弹出层的touchstart事件中调用preventDefault这种方法不可取,至少有3个缺点:如果弹出层本身是有滚动(条)的话,将会导致弹出层无法滚动,此时用这种方法无异于饮鸩止渴。一个很常见的场景,点击弹出层,弹出层消失掉,此时也无法触发弹出层的点击回调事件。弹...转载 2018-05-31 09:57:38 · 2509 阅读 · 4 评论 -
js禁止粘贴非数字内容
解决方式: 在输入框粘贴时判断粘贴板的内容,判断是否是数字,如果不是数字则阻止默认事件。document.querySelector("input.number-input").addEventListener("paste",function(e){ var clipboardData = e.clipboardData||window.clipboardData(); var原创 2017-11-04 16:51:00 · 793 阅读 · 0 评论 -
Js获取字符串的显示宽度/高度
重点: 1.在H5页面,文字大小单位为rem 2.不同的font-family,文字的宽度不一样 3.文字宽度同时受font-size和font-family影响思路: 在页面动态创建一个节点,设置节点的font-size,font-family,还有内容,然后获取它的宽度。节点宽度必须随内容变化而变化,所以使用display:inline-block 为了避免禅城误差,使用 getComp原创 2017-11-09 14:22:48 · 21313 阅读 · 1 评论 -
js获取精确宽度/高度(带小数位像素)
问题:用jquery获取div等块级元素的宽高时不能精确获取,只能得到整数部分像素,不能获取小数位px。请看下面事故:<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"原创 2017-11-09 11:59:12 · 12010 阅读 · 2 评论 -
IM即时通讯结合mui 环信
mui结合环信即时通讯(IM)原创 2017-05-31 20:17:25 · 2956 阅读 · 8 评论 -
mui 头部tab代码2
mui 头部选项卡原创 2017-05-29 21:44:22 · 1983 阅读 · 1 评论 -
mui 头部横向滚动菜单
mui 头部横向滚定菜单原创 2017-05-30 16:02:51 · 5766 阅读 · 1 评论 -
mui底部tab代码
mui底部Tab选项卡原创 2017-06-01 11:21:29 · 4148 阅读 · 1 评论 -
mui 头部tab代码
mui 头部tab选项卡原创 2017-05-26 20:12:40 · 826 阅读 · 1 评论 -
mui HTML5 plus 下载文件
mui HTML5 plus下载文件原创 2017-05-28 16:58:43 · 10369 阅读 · 2 评论 -
mui HTML5plus 批量上传文件
mui批量上传原创 2017-05-29 00:17:09 · 6374 阅读 · 2 评论 -
环信SDK 踩坑记webIM篇(一)
环信SDK webIM 即时通讯原创 2017-06-02 16:53:59 · 3316 阅读 · 1 评论 -
环信SDK 踩坑记webIM篇(二)
环信SDK webIM 即时通讯原创 2017-06-02 17:03:41 · 2533 阅读 · 5 评论 -
环信SDK 踩坑记webIM篇(三)
问题:接收消息时报错 TypeError: Cannot read property ‘isemoji’ of undefined at connection.handleMessage原创 2017-06-04 15:55:07 · 4475 阅读 · 3 评论 -
jquery 获取索引值在一定范围的列表
<ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li></ul>jquery选择器: eq(index) 匹配列表中的第index个元素(index 从 0 开始) gt(index) 匹原创 2017-07-29 21:34:41 · 1314 阅读 · 2 评论 -
H5 输入框text和number切换
这次的项目遇到一个关于输入金额的需求:input输入框聚焦时弹出数字键盘,只能输入数字,可以带两位小数,失去焦点时显示格式化后的金额,包含千分位和保留两位小数,如“12,000,000.00”。 看起来需求并不复杂,在做的过程中,发现难点在于 数字和格式化后的数字,这里关于输入框的type类型肯定是不一样的:1.用户聚焦时谭树数字键盘,我们会用type=”number”类型; 2.显示格式化后的原创 2017-07-29 13:46:17 · 5608 阅读 · 2 评论 -
input框placeholder样式修改
HTML:<input type="text" id="demo" placeholder="请输入">CSS: 1. 改变placeholder字体大小:#demo{ height: 100px; width: 100px;}/* Chrome浏览器 改变font-size不能垂直居中,所以用scale *//* transform自行做兼容处理 */input::-we原创 2017-09-14 20:07:41 · 2279 阅读 · 0 评论 -
textarea限制每行可输入固定个数的字符
textarea限制每行只可输入固定的字符,这个需求在H5移动端真的很mmp,这个需求怼了我不少时间,曾经为它通宵过,此处省略一万字。。。简(变)单(态)的需求:有两种textarea,一种是一行只能输入35个字符,一个是一行只能输入50个字符;(看起来很简单的样子)需要考虑的问题:1.一行怎么控制字数; 2.每个字母的宽度不一样,比如”W”和”I”,数字的宽度也不一样,比如”1”和”8”(可能第原创 2017-11-09 15:08:22 · 10583 阅读 · 1 评论 -
解决jQuery聚焦时光标在input最前面的问题
//聚焦再赋值var val = $(this).val();$(this).focus().val(val);原创 2017-11-02 16:54:51 · 5867 阅读 · 0 评论 -
正则表达式加参数匹配
案例:做一个金额的匹配,需要将整数位和小数位作为参数。function validation(value,integer,decimals){ var integer = integer || 13; var decimals = decimals || 2; var str = "(^\\d{1,"+integer+"}(\\.\\d{0,"+decimals+"})\?)原创 2017-11-02 17:05:17 · 4552 阅读 · 1 评论 -
APK反编译之APKTOOL的使用
APKToolAPKTOOL是解包 APK 文件最常用的工具,许多 APK 工具箱都集成了 apktool。它可以完整解包 APK,解包后你可以看到 APK 里面的声明文件、布局文件、图片资源文件、由 dex 解包出来的 smali 文件、语言文件等。如果你要汉化、修改界面、修改代码的话,apktool 可以帮你一站式完成。常用命令需要在 CMD 命令窗口中输入命令来使用,常用命令如下:解包 APK转载 2017-11-02 19:36:34 · 6825 阅读 · 1 评论 -
ios10中禁止Safari浏览器用户缩放页面
在ios10前我们能通过设置meta来禁止用户缩放页面:<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> 在ios10系统中meta设置失效了: 为了提高Safari中网站的辅助功能,即使网站在视口中设置了user-scalabl转载 2017-11-04 16:40:24 · 4252 阅读 · 0 评论