李清昌 - 博客园

2015年2月

摘要： 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 李清昌阅读(2647) 评论(0) 推荐(0) 编辑

hover事件优化（延时操作）

摘要： JQ的hover事件拓展编写原因：当鼠标滑过某个带有hover事件的元素，但是仅仅是路过，并不是希望查看此部分内容的时候，效果不理想$.fn.extend({ delayed : function(fn1,fn2,time){ time = time || 150 ... 阅读全文

posted @ 2015-02-11 15:32 李清昌阅读(242) 评论(0) 推荐(0) 编辑

2014年6月

canvas的默认尺寸

摘要： canvas一直就是偶尔看看，随便画点小东西，没有认真琢磨过，今天打算认真的从头学一下，画线的时候感觉坐标不太正常，后来发现，canvas有自己的默认尺寸写法如下很简单也很基础得小东西，不琢磨却不会出来，长个记性了。阅读全文

posted @ 2014-06-27 13:31 李清昌阅读(767) 评论(0) 推荐(0) 编辑

IE6低版本jQuery里的show和hide方法BUG

摘要：公司内部一直在用的jQ的版本有些低，具体是哪个版本不太清楚，相关的东西都给删掉了，今天在做一个固定在页面右侧的导航的时候，IE6里出现了一个比较奇葩的问题。具体样子如下图：收起是用定位left等于负的宽度写到这里的，这个导航要在滚动出一瓶的时候才出现，结果IE6下“收起”这部分，死活看不到，最终我在... 阅读全文

posted @ 2014-06-16 18:32 李清昌阅读(487) 评论(0) 推荐(0) 编辑

2014年5月

摘要：脚本元素会组织下载网页内容，浏览器可以同时下载多个组件，但一旦遇到一个外部脚本文本后，浏览器会停止进一步下载，知道这个脚本文件下载，解析并执行完毕。这会严重影响网页载入的总时间，特别是在网页在入时会发生多次这类事情。为了最小化阻止的影响，可以讲脚本元素放置于网页的最后部分，刚好在标签之前。在这个位置... 阅读全文

posted @ 2014-05-15 18:23 李清昌阅读(295) 评论(0) 推荐(0) 编辑

Javascript中的new

摘要：直接上代码function test () { } document.write(typeof test() + "") document.write(typeof new test() + "")输出结果undefinedobjectundefined好理解，因为test函数没有返回值。那new的... 阅读全文

posted @ 2014-05-14 23:07 李清昌阅读(267) 评论(0) 推荐(0) 编辑

函数Curry化

摘要： Curry化技术是一种通过把多个参数填充到函数体中，实现将函数转换为一个新的经过简化的（使之接受的参数更少）函数的技术写个例子，该函数的作用是改变一个div的样式function changeStyle (obj,json){ for(var attr in json){ o... 阅读全文

posted @ 2014-05-13 11:14 李清昌阅读(1010) 评论(0) 推荐(0) 编辑

Javascript备忘模式

摘要：使用备忘模式，利用了函数的自定义属性，先看一个例子var test = function (){}test.myAttr = "attr";这样，就给test加上了一个自定义的属性，myAttr。备忘模式，正式利用了这个方法，将已经运行过的结果存储起来，将函数接受到的参数作为key，将函数运行的结果... 阅读全文

posted @ 2014-05-10 00:01 李清昌阅读(280) 评论(0) 推荐(0) 编辑

2014年4月

select

摘要： select样式非常难看，在PC端通常就自己仿一个了，但是在移动端，select的使用方法还是不错的，所以写一个假的按钮，在点击它的时候展开select去选择内容是个不错的方法。先看下京东触屏版的地址编辑页面（截图来自PC）做法很简单，省份后面显示的文字怎么实现都成，需要做到的就是select正好覆... 阅读全文

posted @ 2014-04-30 12:01 李清昌阅读(220) 评论(0) 推荐(0) 编辑