摘要: 1.需求 移动端头像裁剪功能 2.解决方案 使用jq和jcrop插件完成 3.解决思路 先把可移动的层的左上角左边和长宽传到后端,后端获得这些数据之后用gd库的函数去裁剪服务端的图片。 默认要裁剪的图片已经上传到后台,图片上传的解决方案这下面链接 http://www.cnblogs.com/nor 阅读全文
posted @ 2016-12-16 21:08 layfork 阅读(2001) 评论(0) 推荐(0) 编辑
摘要: 1.需求 做一个前端可压缩并且上传图片到后台的功能 2.使用组件 用到的主要是jq和LocalResizeIMG这2个库 3.使用方法 a.引入脚本文件 b.编写html c.编写css d.执行上传代码 e.后端php接收数据并处理。 后端会接收前端的base64数据,并base64解码保存在im 阅读全文
posted @ 2016-12-16 20:35 layfork 阅读(1836) 评论(0) 推荐(0) 编辑
摘要: 1.需求 做一个h5正方形的拖拽框 2.分析 使用touchstart,touchmove,touchend这3个事件实现. 需要记录的数据有三组数据,分别是下图的(x0,y0),(x1,y1),(x2,y2)。A点表示最开始的点击位置 3.代码实现 下面是html和css部分,很简单的一部分 下面 阅读全文
posted @ 2016-12-15 21:52 layfork 阅读(212) 评论(0) 推荐(0) 编辑
摘要: 1.触摸事件有哪些 touchstart,touchmove,touchend 2.分别什么时候触发 touchstart事件:当手指触摸屏幕时候触发,即使已经有一个手指放在屏幕上也会触发。 touchmove事件:当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间,调用preventDefau 阅读全文
posted @ 2016-12-14 20:27 layfork 阅读(313) 评论(0) 推荐(0) 编辑
摘要: 1.需求 给下面每个按钮增加事件 本能的做法就是直接循环添加,如下 但这样的i会是最后一个,alert出来的都是最后一个的内容:5. 原因:循环执行完之后,只有一个全局的i变量,值为5.当点击事件触发的时候,事件函数内找不到i,所以去全局找,只能找到全局的i,值为5,所以alert出来的都是5. 2 阅读全文
posted @ 2016-12-14 14:35 layfork 阅读(1127) 评论(0) 推荐(0) 编辑
摘要: 1.如何在H5上传图片 使用FileReader 2.FileReader接口 传图片我们只用到readAsDataURL 3.FileReader接口事件 传图片我们只用到onload 4.如何使用FileReader 参考资料:http://blog.csdn.net/zk437092645/a 阅读全文
posted @ 2016-12-14 14:26 layfork 阅读(269) 评论(0) 推荐(0) 编辑
摘要: http://www.cnblogs.com/jiqing9006/p/5041389.html 阅读全文
posted @ 2016-12-13 20:12 layfork 阅读(263) 评论(0) 推荐(0) 编辑
摘要: 1.什么是单例模式 1.一个类只有一个实例对象 2.整个系统都使用这个实例 2.例子 单例可以减少创建对象的消耗,减少系统开支。 阅读全文
posted @ 2016-12-13 17:32 layfork 阅读(127) 评论(0) 推荐(0) 编辑
摘要: Requirejs有什么用? 加载js,让文档更干净 1.下载资源 下载资源,构建如下目录结构 2.写index文件 3.配置和加载 4.依赖加载 function m(){ alert('bbb'); }; 参考资料:http://www.ruanyifeng.com/blog/2012/11/r 阅读全文
posted @ 2016-12-13 11:41 layfork 阅读(258) 评论(0) 推荐(0) 编辑
摘要: 1.需求 有2张表,a表和b表,要把b表的name数据复制到a表中,当2表的id字段一样的时候 阅读全文
posted @ 2016-12-12 14:05 layfork 阅读(354) 评论(1) 推荐(0) 编辑