随笔- 443  文章- 77  评论- 996  阅读- 105万 

随笔分类 -  移动H5案例

更愉快的书写CSS
摘要:我在写CSS的时候经常会碰到些麻烦事儿: 1)看上去蛮简单的排版却写了很久 2)代码写的越来越散,总是这里补一句,那里补一句,没有条理性 3)margin、padding、font-size等属性在不停的重写 效率提不上去,工期又赶,最后只能加班加点做。 后面仔细想想,其实自己可以做的更有计划性,更 阅读全文
posted @ 2016-12-26 10:23 咖啡机(K.F.J) 阅读(1679) 评论(4) 推荐(12) 编辑
H5图片裁剪升级版
摘要:前段时间做了个跟裁剪相关的活动《用H5中的Canvas等技术制作海报》,这次公司要做个与奥运相关的活动,扫车牌赢奖。 于是我就在上一个活动的基础上,将代码重新封装一下,并且将计算方式写的更通用。下图是活动中裁剪的页面: 先来看看两个活动的不同: 1、原先的活动每次旋转只能90°,而此次活动可以任意角 阅读全文
posted @ 2016-08-08 10:20 咖啡机(K.F.J) 阅读(5764) 评论(3) 推荐(8) 编辑
用H5中的Canvas等技术制作海报
摘要:在去年的时候也实现过合成海报的功能,不过当时时间仓促,实现的比较简单。 就一个旋转功能,图片也不能拖动放大,也不能裁剪。 去年的实现可以参考《移动图片操作--上传》和《移动图片操作--预览旋转合成》 这次有时间就实现一个功能稍微多点的海报。 一、概要 第一屏 总共有三屏,第一屏是选择图片,第二屏是合 阅读全文
posted @ 2016-06-27 09:14 咖啡机(K.F.J) 阅读(12161) 评论(15) 推荐(12) 编辑
一张H5游戏页引起的思考
摘要:最近开发了一个移动端的端午活动页面,做完后就想写点东西总结一下,感受最深的就是打草稿。 刚开始并没有打草稿,直接开干,越做到后面就越觉得代码很乱很杂,非常不舒服,做到哪个页面写这个页面的CSS,没有大局观。 在完成页面后,就思考了一下,觉得打草稿是个好习惯,磨刀不误砍柴工。 打草稿的步骤如下: 1) 阅读全文
posted @ 2016-06-20 09:45 咖啡机(K.F.J) 阅读(11388) 评论(17) 推荐(59) 编辑
移动端图片操作(二)——预览、旋转、合成
摘要:在上一节中已经提到了预览,预览可以通过data: URL格式或URL对象。 一切都很顺利,但其实有很多的坑,需要慢慢讲来。先从前面做的一个小功能说起。 这个小功能就是将两张图片合成起来,组成一张新的图片。 一、技术实现 1)上传的控件就用“input[type=file]”实现 Android的we 阅读全文
posted @ 2016-02-23 10:00 咖啡机(K.F.J) 阅读(2794) 评论(1) 推荐(0) 编辑
移动端图片操作(一)——上传
摘要:上传我们一般都是用“input[type=file]”控件。当你用此控件时,你就授权了网页和服务器访问对应的文件,就可以得到File对象。 友情提示在,在Android手机webview中,是不支持上传文件的,网上说是修改Android端的代码,但我没试过,我们这边是使用客户端提供的接口来实现上传的 阅读全文
posted @ 2016-02-22 10:07 咖啡机(K.F.J) 阅读(4228) 评论(2) 推荐(1) 编辑
赚点微信页面外快的一点记录
摘要:最近做了个移动页面的外包,写下来,页面布局感觉是比PC页面简单一点。 不像PC页面内容那么多,而且PC端的浏览器比较多,这边的话,我就考虑的比较少。 最后在页面写完后自己整理了两个小插件分别是弹出框zDialog和表单验证zValidate。 一、640设计稿 1)现在比较流行的做法是按照iPhon 阅读全文
posted @ 2015-11-09 09:39 咖啡机(K.F.J) 阅读(8944) 评论(33) 推荐(54) 编辑

点击右上角即可分享
微信分享提示