摘要: 按照大小压缩图片,或者按照特定分辨率裁切图片,转为blob数据。自动处理ios中可能存在的照片偏差90°问题。 例如,获取300*300大小的头像,实现以下效果: 使用方式: <!-- 引入js文件 --> <script type="text/javascript" src="./compress 阅读全文
posted @ 2020-04-15 12:59 前端大兵 阅读(846) 评论(0) 推荐(0) 编辑
摘要: /** * 表单校验规则 * 不符合规则时,返回错误文案 * 符合规则时,返回false */ var rules = {} // 是否必填 rules.required = function (value) { return (!!value || value 0) ? false : "请输入内 阅读全文
posted @ 2020-03-29 16:34 前端大兵 阅读(627) 评论(0) 推荐(0) 编辑
摘要: 结论:需要根据state进行渲染时,使用React.Component;用不到state时,可以直接写函数组件。 Function 函数组件:可以接收入参(props),通过return返回dom结构。 function Hello(props) { return <h1>Hello, {props 阅读全文
posted @ 2020-03-17 01:13 前端大兵 阅读(1152) 评论(0) 推荐(0) 编辑
摘要: 在移动端页面上,一次点击行为,会触发touch、mouse、click事件,规则如下: Stage 1: 手指按在屏幕上,立即触发touchstart。 Stage 2: 手指离开屏幕,这里分2种情况: 如果手指在屏幕上的停留时间少于500ms,会依次触发 touchend->mousemove-> 阅读全文
posted @ 2020-01-15 10:43 前端大兵 阅读(2325) 评论(0) 推荐(0) 编辑
摘要: Android 端: 前端: 阅读全文
posted @ 2020-01-07 11:01 前端大兵 阅读(1835) 评论(0) 推荐(0) 编辑
摘要: 在部分安卓机型遇到 SoftInputMode 设置 adjustPan / adjustResize 无效的情况。于是对键盘做了单独的监听,方便统一处理 阅读全文
posted @ 2020-01-07 10:21 前端大兵 阅读(3252) 评论(0) 推荐(0) 编辑
摘要: html DOM元素有很多on开头的监听事件,如onload、onclick等,见DOM事件列表。但是同一种事件,后面注册的会覆盖前面的: addEventListener监听 利用addEventListener添加监听事件,可以重复添加,并不会互相覆盖: 注意这里面的事件是不带"on"前缀的。 阅读全文
posted @ 2018-11-19 10:27 前端大兵 阅读(10599) 评论(1) 推荐(1) 编辑
摘要: Android Studio在构建项目时会拉取gradle资源,而goole和jcenter在国内的网络环境并不好用,容易产生connect timeout等错误。 因此将地址修改成阿里云的国内镜像。 一、允许使用maven仓库 点击File->Settings进入设置界面,勾选“Enable em 阅读全文
posted @ 2018-10-17 00:50 前端大兵 阅读(62336) 评论(3) 推荐(4) 编辑
摘要: 为了在电脑上玩手机游戏,国内推出了很多安卓模拟器,mumu、夜神、itools、海马等等。我们也可以用他们来做安卓开发,相对genymotion或者android studio自带的模拟器而言,国产模拟器的优点是安装简单、一步到位!运行流畅! 缺点是安卓版本固定不能改。多数模拟器是基于安卓4.4或5 阅读全文
posted @ 2018-10-15 15:19 前端大兵 阅读(17983) 评论(2) 推荐(1) 编辑
摘要: 在h5中实现一些小标签、按钮的时候,很容易发现部分安卓机型上的字体显示有问题,总会向上偏移2px左右。这是设置padding或line-height无法修复的,与rem也无关,即使在字体大于12px时依然存在。下图来自于网友的分享,从左到右依次是显示正常的苹果、显示正常的安卓、显示异常的安卓: 可能 阅读全文
posted @ 2018-10-10 15:20 前端大兵 阅读(1541) 评论(0) 推荐(0) 编辑