摘要: velocity.js此框架相对于JQ的运动算法, 有很大的优势。例如,A和B两个元素,position:absolute; top:0; 现在让A元素用JQ的animate,B用velocity,1秒内改变top值为500。此时,可以明显的看出区别,使用JQ运动的元素运动起来效果非常不平滑,vel... 阅读全文
posted @ 2015-02-11 16:22 李清昌 阅读(2644) 评论(0) 推荐(0) 编辑
摘要: JQ的hover事件拓展编写原因:当鼠标滑过某个带有hover事件的元素,但是仅仅是路过,并不是希望查看此部分内容的时候,效果不理想$.fn.extend({ delayed : function(fn1,fn2,time){ time = time || 150 ... 阅读全文
posted @ 2015-02-11 15:32 李清昌 阅读(239) 评论(0) 推荐(0) 编辑
摘要: canvas一直就是偶尔看看,随便画点小东西,没有认真琢磨过,今天打算认真的从头学一下,画线的时候感觉坐标不太正常,后来发现,canvas有自己的默认尺寸写法如下很简单也很基础得小东西,不琢磨却不会出来,长个记性了。 阅读全文
posted @ 2014-06-27 13:31 李清昌 阅读(764) 评论(0) 推荐(0) 编辑
摘要: 公司内部一直在用的jQ的版本有些低,具体是哪个版本不太清楚,相关的东西都给删掉了,今天在做一个固定在页面右侧的导航的时候,IE6里出现了一个比较奇葩的问题。具体样子如下图:收起是用定位left等于负的宽度写到这里的,这个导航要在滚动出一瓶的时候才出现,结果IE6下“收起”这部分,死活看不到,最终我在... 阅读全文
posted @ 2014-06-16 18:32 李清昌 阅读(487) 评论(0) 推荐(0) 编辑
摘要: 脚本元素会组织下载网页内容,浏览器可以同时下载多个组件,但一旦遇到一个外部脚本文本后,浏览器会停止进一步下载,知道这个脚本文件下载,解析并执行完毕。这会严重影响网页载入的总时间,特别是在网页在入时会发生多次这类事情。为了最小化阻止的影响,可以讲脚本元素放置于网页的最后部分,刚好在标签之前。在这个位置... 阅读全文
posted @ 2014-05-15 18:23 李清昌 阅读(294) 评论(0) 推荐(0) 编辑
摘要: 直接上代码function test () { } document.write(typeof test() + "") document.write(typeof new test() + "")输出结果undefinedobjectundefined好理解,因为test函数没有返回值。那new的... 阅读全文
posted @ 2014-05-14 23:07 李清昌 阅读(267) 评论(0) 推荐(0) 编辑
摘要: Curry化技术是一种通过把多个参数填充到函数体中,实现将函数转换为一个新的经过简化的(使之接受的参数更少)函数的技术写个例子,该函数的作用是改变一个div的样式function changeStyle (obj,json){ for(var attr in json){ o... 阅读全文
posted @ 2014-05-13 11:14 李清昌 阅读(1008) 评论(0) 推荐(0) 编辑
摘要: 使用备忘模式,利用了函数的自定义属性,先看一个例子var test = function (){}test.myAttr = "attr";这样,就给test加上了一个自定义的属性,myAttr。备忘模式,正式利用了这个方法,将已经运行过的结果存储起来,将函数接受到的参数作为key,将函数运行的结果... 阅读全文
posted @ 2014-05-10 00:01 李清昌 阅读(277) 评论(0) 推荐(0) 编辑
摘要: select样式非常难看,在PC端通常就自己仿一个了,但是在移动端,select的使用方法还是不错的,所以写一个假的按钮,在点击它的时候展开select去选择内容是个不错的方法。先看下京东触屏版的地址编辑页面(截图来自PC)做法很简单,省份后面显示的文字怎么实现都成,需要做到的就是select正好覆... 阅读全文
posted @ 2014-04-30 12:01 李清昌 阅读(215) 评论(0) 推荐(0) 编辑