![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
tdd2010
这个作者很懒,什么都没留下…
展开
-
验证码刷新在firefox中的问题
问题:在firefox中相同URL不去访问,所以在刷新验证码时就出问题了,不去访问servlet。 解决办法如下: function refresh(){ //重新获取验证码图片的src属性 document.getElementById("imageField").src='/servlet/MyGraphics'+'?...原创 2012-12-09 22:21:47 · 154 阅读 · 0 评论 -
canvas动画
canvas就像一个画板你画的每个东西都在一个板上没有元素的概念.canvas动画就是不断的重绘来实现的,也就是动画的每一帧都是一幅静态的图片。其实canvas动画无外乎三个步骤: 1.准备要画的元素及其位置颜色等等.... 2.用一个定时器不断改变元素的一些属性如位置 3.再用一个定时器清除画布,画变化中的元素 1.开始准备元素 /**画星星...原创 2014-11-25 17:27:19 · 118 阅读 · 0 评论 -
简单瀑布流
老是有一些老同事跟我说,我想做个瀑布流怎么做,我说网上有组件啊,回答总是说我不需要用异步接口,我只需要把我静态demo转成瀑布流样式就可以了,我就简单做了一个,我把JS放到load 事件里主要是怕图片宽高不确定的情况下用。 $(window).on("load",function(){ var waterfalls ={ init:function(...原创 2014-03-19 20:40:54 · 60 阅读 · 0 评论 -
最简单的模版引擎
varTemplateEngine=function(html, options){var re =/<%([^%>]+)?%>/g, reExp =/(^( )?(if|for|else|switch|case|break|{|}))(.*)?/g, code ='var r=[];\n', cursor =0;var add =function(line, js){ ...原创 2014-02-28 15:31:07 · 98 阅读 · 0 评论 -
math中的asin的应用
在上篇文章我们用math中的atan2来判断鼠标在一个区块的位置,接下来我们一起来学习一下math中的asin的应用。先来看一下w3school的中的定义Math.asin(x)返回x 的反正弦值。返回的值是 -PI/2 到 PI/2 之间的弧度值。现在我们已经明白asin的用法了,再来看一我们的一个应用场景吧,在canvas里有一个rotate(x)方法x是0-360deg的...原创 2014-02-19 14:01:40 · 2582 阅读 · 1 评论 -
math中atan2的应用
在双十二活动中,视觉要求实现一个鼠标跟随运动的的效果,就像“觉”的那个效果类似其实原理很简单,看鼠标从哪个方向进的及从哪个方向出的,然后区块里绝对定位的浮层就可以根据鼠标方向运动;如:在鼠标进入事件中判断鼠标从左边进入区块那么定位层就从left:区块宽走到区块零,在鼠标离开事件中判断鼠标是从上边离开的那么定位层就从top:零走到负的区块高度就可以的。是不是很简单呢,但是有一个问题就是...原创 2014-02-18 17:57:43 · 405 阅读 · 0 评论 -
正则表达式学习
在工作中正则用得好会省了我们好多麻烦,但是我只会用一些简单的正则,所以我是菜鸟,话不多说我们一起来学习怎么使用正则吧。 1>捕获不捕获正则中用()就是捕获如:var str="abcdefg";var reg=/a(b)/g;var result = reg.exec(str);返回:["ab", "b"]会把正则中()中匹配的内容存储起来 2>反...原创 2014-02-14 17:41:31 · 84 阅读 · 0 评论 -
设置iframe高度的问题
对于iframe高度的问题,需要分两类,第一种是同域的父页面和子页面解决方法是假如iframe的ID是iframeExpvar newIframe = docment.getElementById("iframeExp");function setHeight(){ var doc=newIframe.contentWindow.document; var maxH...原创 2013-02-18 14:28:47 · 170 阅读 · 0 评论 -
ShareObject使用
ShareObject,顾名思义共享对象,而通常意义上的共享,从B/S结构上来讲,无非是客户端(浏览器端)的共享和服务器端的共享了,不错,ShareObject刚好份演了这两种角色。而且ShareObject也是按此进行了两种分类,一类是LSO——Local Share Object(本地共享对象)其实类似于cookie,而另一种RSO——Remote Share Object(远程共享对象) 我...原创 2012-09-18 11:04:39 · 240 阅读 · 0 评论 -
客户端获得上传图片的fileSize
最近项目中有用到,用file控制上传图片前验证图片的大小的问题,查过了很多文件,发现比较麻烦,因为这个存在兼容性问题,对于IE和火狐有不同的处理。火狐下可以直接获得上传文件的大小进行判断:fileupload.files[0].fileSize;ie下就不同了,首先需要获得本地文件的路径,开启安全设置ActiveX功能后,才可以获取文件大小,但是如果客户去用了,还需要去开启什么Active...原创 2012-09-18 10:54:12 · 194 阅读 · 0 评论 -
关于iframe的操作
iframe是我们工作中经常用的东西.我把我的理解整理一下记录一下。首先要说的访问iframe用contentWindow和contentDocument,contentDocument有兼容性问题在chrome下是不行的。contentWindow兼容性比较好,所有的浏览器都支持,但是必须用到服务器下才可以。比如要让一个iframe自适应高度的话就可以iframe.height ...原创 2012-09-11 15:55:52 · 81 阅读 · 0 评论 -
完美运动框架
//获得样式function getStyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[attr]; }else{ return getComputedStyle(obj,false)[attr]; }}//运动函数function ...原创 2012-09-10 11:59:25 · 66 阅读 · 0 评论 -
面向对像的拖拽
function Drag(obj){ this.oBox= document.getElementById(obj); this.disX =0; this.disY =0; var slef =this; this.oBox.onmousedown=function(ev){ self.dragDown(ev) }}Dra...原创 2012-09-10 11:26:46 · 62 阅读 · 0 评论 -
正则表达式
正则对我来说是一个难题,最近在学习它,有了一点点收获,总结一下首先认识了,\d指的是数字,\w指的是数字字母及下划线,\s指的是空格对是大写的\D,\W,\S正好相反.其次是量词,*是指0到任意数,+指的是1到任意数{n,m}指的是最少n个数,最多m个数。对于区间的[0-9]指的是0-9中的一个数[a-z]指a-z任一个字母,对于区间中的^指的是非对于区间外的^指的是以什么开头,相...原创 2012-09-10 11:10:41 · 47 阅读 · 0 评论 -
cookie操作
这里是cookie的设置,获得,及移除的一些简单操作;function setCookie(name,value iDay){ var sDate = new Date(); sDate.setDate(sDate.getDate() + iDay); document.cookie=name + "=" + value + ";expries="+ sDa...原创 2012-09-10 10:46:04 · 43 阅读 · 0 评论 -
取得元素的样式
记一个有用的函数,我们平时都是用offsetWidth,offsetHeight取得元素的宽高,但是当元素有border、padding、margin,在做动画时会出现一些问题。所以我们可以写一个函数获得样式里写的宽高。function getStyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[a...原创 2012-09-10 10:38:04 · 77 阅读 · 0 评论 -
浅谈Web数据存储
先看一张图片 这张图片对每一位前端开发来说都不陌生,话说Chrome的控制台真心好用啊!cookie、Local Storage、Session Storage、Web SQL、IndexedDB、Application Cache等html5新增内容看的一清二楚,免去了很多调试代码工作。不过这里还不全面还有ie下的userData及flash的SharedObject。cookieco...原创 2014-11-26 09:54:42 · 165 阅读 · 0 评论