06 2016 档案
摘要:背景: 本人的一个移动端H5项目,需求如下: 需求一:手机相册选取或拍摄照片后在页面上预览 需求二:然后绘制在canvas画布上 这里,我们先看一个demo(http://jsfiddle.net/q3011893/83qfqpk8/embedded/) 需求一:drawTempPhoto方法 需求
阅读全文
摘要:背景: 本人开发移动端h5时,想让页面禁止向下滑动,最初的代码如下: 在chrome移动端调试工具中可以,但是用iphone的微信打开,失效了。 解决方案: 方法一: 方法二: 参考资料:移动端如何禁用横向滚动条? - 前端开发 - 知乎
阅读全文
摘要:背景: 在一次移动端H5开发中,需要监听输入框值的实时变动。 onchange事件肯定抛弃,因为只能失去焦点才触发。 而keyPress在Android可以触发,iOS不可以。 又不想用Android和iOS都可以触发的keyDown和keyUp。 于是,百度出了新东西:oninput!【需要配合p
阅读全文
摘要:背景: 在清空input file标签选中值时,分别用了以下方法,发现有的对有的错: 为什么同样是改变value值,得到的结果却不同呢? 释疑: 查阅stackoverflow《jQuery .val() vs .attr(“value”)》Question,里面解答如下: The gist is
阅读全文
摘要:事件: touchstart:当手指触摸屏幕时触发;即使已经有一个手指放在了屏幕上也会触发 touchmove:当手指在屏幕上滑动时连续的触发。调用preventDefault()可阻止滚动 touchend:当手指从屏幕上移开时触发 touchcancel:当系统停止跟踪触摸时触发。关于此事件的确
阅读全文
摘要:背景: 在移动端,本人要实现对某个元素的拖动,想到使用 jQuery UI 的 draggable 功能。但是发现此插件的拖动只支持PC端,不支持移动端。 原因: 原始的 jQuery UI 里,都是mousedown、mousemove、mouseup来描述拖拽和鼠标的点击事件,而在移动端里,肯定
阅读全文
摘要:背景: 之前在学gulp的时候,使用gulp-livereload来实时自动刷新页面省时开发,但一直比较难用,现在找到新的替代神器。 安装: // 使用淘宝镜像会快些 npm install -g browser-sync --registry=https://registry.npm.taobao
阅读全文
摘要:背景: 今天导入一个数据量很大的.sql文件时,报错: 原因: 可能是sql语句过长,超过mysql通信缓存区最大长度。 解决:1. 编辑 MySQL 安装目录下的 my.ini,在最后添加以下内容: max_allowed_packet=16M 2. 重启 MySQL 服务 参考资料: [1] M
阅读全文