摘要: 下班后,闲着无事,刚好近期在学习画布相关知识,就写了个刮刮卡的demo练一下手,兼容安卓、IOS哦。高手路过,多多指点!刮刮卡实现原理:通过canvas绘制一个图片,用户手指触发屏幕时,刮开当前一部分封面图,从而显示正文中的内容。整体运用canvas的globalCompositeOperation... 阅读全文
posted @ 2015-09-06 20:43 front-end 阅读(2839) 评论(2) 推荐(2) 编辑
摘要: 如果你是一名前端er,又想在移动设备上开发出自己的应用,那怎么实现呢?幸好,webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了,现把一些技巧分享给大家 :1. viewport:也就是可视区域。对于桌面浏览器,我们都很清楚viewport是什么,就是... 阅读全文
posted @ 2015-08-31 12:09 front-end 阅读(375) 评论(0) 推荐(0) 编辑
摘要: 一、点击input,textarea,select等表单类元素,出现一个多余文本窗口解决办法:input,textarea,select{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-mo... 阅读全文
posted @ 2015-08-31 12:06 front-end 阅读(258) 评论(0) 推荐(0) 编辑
摘要: 下面是Jquery中AJAX参数详细列表:参数名类型描述url String(默认: 当前页地址) 发送请求的地址。typeString(默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET"。注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,... 阅读全文
posted @ 2015-08-31 10:46 front-end 阅读(249) 评论(0) 推荐(0) 编辑
摘要: 方法一:var getRandomColor = function(){ return '#' + (function(color){ return (color += '0123456789abcdef'[Math.floor(Math.random()*16)]) &... 阅读全文
posted @ 2015-08-31 10:33 front-end 阅读(10707) 评论(1) 推荐(4) 编辑
摘要: 相信关于margin负值的使用,每个人都有自己的一套方法。在这里,整理了一下平时常用的一些margin负值制作的效果,与大家分享!先来看一下margin负值的原理解析图:当给一个元素设置margin 负值(top/left),该元素将在该方向上产生位移。例如:/*元素向上位移10px*/ .demo{margin-top:-10px;} 二、当给一个元素设置margin负值(bottom/right),这个元素并不会像你所预想的产生位移,而是将任何紧随其后的元素“拉”过来,覆盖在自己的上边。例如:/*所有紧随元素demo之后的元素向上位移10px*/ .demo{margin-bottom:- 阅读全文
posted @ 2013-10-25 17:21 front-end 阅读(1520) 评论(2) 推荐(2) 编辑
摘要: 闲暇无事,参考着做了个CSS3小demo,拿出来晒晒!先看下预览效果(亲,记得要在现代浏览器下预览哦,使用IE的请绕过):查看demohtml部分 ... 阅读全文
posted @ 2012-10-30 17:34 front-end 阅读(355) 评论(0) 推荐(0) 编辑
摘要: css3 阅读全文
posted @ 2012-08-29 16:06 front-end 阅读(824) 评论(4) 推荐(1) 编辑
摘要: CSS圣杯布局 阅读全文
posted @ 2012-08-29 15:27 front-end 阅读(948) 评论(0) 推荐(0) 编辑
摘要: css双飞翼布局 阅读全文
posted @ 2012-08-29 15:25 front-end 阅读(13829) 评论(3) 推荐(1) 编辑