摘要: 移动端开发,常常需要加按下态,就是当用户点击某个URL时,给相应的标签添加按下效果样式。1、CSS样式里有a:active来实现 缺点:这个没有进行跳转(即没有触发点击事件)就会产生按下态,这是不符合产品需求的,且某些android机型不支持该样式。2、使用js在click事件里面点击时,e.preventDeafult(),阻止默认跳转,setTimeout延时200MS,加上一个效果之后,再进行跳转。 缺点:延时影响用户体验3、终极方法,结合touchstart touchmove touchend事件来实现var move;$('a').live('touchen 阅读全文
posted @ 2013-04-24 16:00 一只柯楠 阅读(766) 评论(0) 推荐(0) 编辑
摘要: 最近在学习HTML5,做了一个打砖块游戏。。。。点我看效果哦<!DOCUTYPE HTML><html> <head> <title> 打砖块. by 一只柯楠 </title> <style type="text/css"> #zn{ border: 10px red solid; margin: 0 auto; display: block; } </style> </head> <body> <h1>打砖块</h1> <hr /&g 阅读全文
posted @ 2013-02-27 17:29 一只柯楠 阅读(2443) 评论(0) 推荐(0) 编辑
摘要: Media Queries直译过来就是“媒体查询”,在我们平时的Web页面中head部分常看到这样的一段代码: <link href="css/reset.css" rel="stylesheet" type="text/css" media="screen" /> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> 阅读全文
posted @ 2013-02-19 12:23 一只柯楠 阅读(432) 评论(0) 推荐(0) 编辑
摘要: 原文链接: http://blog.csdn.net/linglongwunv/article/details/8116359最近在做一些抓取其它网站数据的工作,当然别人不会乖乖免费给你抓数据的,有各种防抓取的方法。不过道高一尺,魔高一丈,通过研究都是有漏洞可以钻的。下面的例子都是用PHP写的,不会用PHP来curl的孩纸先学习一下这块再往下看。 下面言归正传,先说一种常见的方式,伪造来源IP,这也是好多刷票朋友常用的方法:1、简单一点的可以在header伪造X-FORWARDED-FOR,并伪造referer,代码如下:curl_setopt($ch, CURLOPT_HTTPHEADE.. 阅读全文
posted @ 2013-02-16 01:23 一只柯楠 阅读(992) 评论(0) 推荐(0) 编辑
摘要: 简介:File API 是 Mozilla 向 W3C 提出的一个草案,旨在用标准 JavaScript API 实现本地文件的读取。File API 将极大地方便 Web 端的文件上传等操作,并有望成为未来的 HTML 5 规范的一部分。本文将介绍 File API 的概况,并用两个实例展示 File API 的应用。概述以往对于基于浏览器的应用而言,访问本地文件都是一件头疼的事情。虽然伴随着 Web 2.0 应用技术的不断发展,JavaScript 正在扮演越来越重要的角色,但是出于安全性的考虑,JavaScript 一直是无法访问本地文件的。于是,为了在浏览器中能够实现诸如拖拽并上传本地 阅读全文
posted @ 2013-02-12 23:50 一只柯楠 阅读(591) 评论(0) 推荐(0) 编辑
摘要: 从来没有正经写个文,今天开始要改改了。。javascript中的继承无非是new 一个函数,称为构造函数,叫什么无所谓,都是函数function,然后给这个方法的prototype添加一些方法,这些方法我们就说是继承过来的。javascript中有个概念叫做:“一切皆对象”,就是javascript存在都是对象,一个对象有2种属性,一种是继承过来的,一种是自己的,就像大自然的动物一样,从最基础的草履虫到现在的人类,都是一代代的继承扩展,实现丰富多样的世界,javascript的世界也模拟大自然的世界,包括其他语言也类似,软件的世界就是在模拟学习大自然规律。回到正题,javascript本身语言 阅读全文
posted @ 2013-02-11 14:53 一只柯楠 阅读(1394) 评论(0) 推荐(0) 编辑
摘要: 可以无限循环,到达最大页时,自动轮换到第0个,能实现无限循环。。1、手指跟随和不跟随isFollow2、自动轮换 loop3、是否延迟加载加载lazyLoad话不多说,请看源码:zepto.touchCarousel.js(function($){ /** *css3 Touch Scroll * * @author: zhangnan * * @param {Object} options; * @config {zepto} options.$el //外围容器 选择器或者element * @config {array} options.pages ... 阅读全文
posted @ 2013-02-07 17:47 一只柯楠 阅读(883) 评论(0) 推荐(0) 编辑
摘要: 用过localStorage都知道,它可以缓存数据在客户端,但是大小有限制。于是我这边想到了3种办法解决:1、获取字节数,当超过限制就自动全部清空var getBytes= function (str){ var len = str.length; var bytes = len; for(var i=0; i<len; i++){ if (str.charCodeAt(i) > 255) bytes++; } return bytes; }, maxSize= 5, //最大限制5MB ... 阅读全文
posted @ 2013-01-12 23:01 一只柯楠 阅读(842) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2013-01-04 22:09 一只柯楠 阅读(150) 评论(0) 推荐(0) 编辑
摘要: 这就是矩阵的运算了,简化为公式:x’=ax+cy+ey’=bx+dy+f所以给定一个matrix矩阵,通过上面的公式变换就可以得到不同的效果,这关系到计算机图形学(省略1w+字..)css3的transform属性很好用,其实可以变换为matrix矩阵工作,只需要给abcdef附上相应的值就可以了。比如translate(tx,ty)可以由matrix(1,0,0,1,tx,ty)转换而来,计算方法见公式scale(sx,sy)可以由matrix(sx,0,0,sy,0,0)转变rotate(θ)可以有matrix(cosθ,sinθ,-sinθ,cosθ,0,0)转变而来skew(θx,θy 阅读全文
posted @ 2013-01-01 18:51 一只柯楠 阅读(328) 评论(0) 推荐(0) 编辑