LukeLin - 博客园

2013年3月24日

javascript设计模式-适配器模式

摘要： 1 2 3 4 5 6 7 8 506 507 阅读全文

posted @ 2013-03-24 14:01 LukeLin 阅读(2154) 评论(0) 推荐(0)

javascript设计模式-装饰者模式

摘要：装饰者模式阅读全文

posted @ 2013-03-24 14:01 LukeLin 阅读(729) 评论(0) 推荐(0)

javascript设计模式-外观模式

摘要： 1 2 3 4 5 6 7 8 9 314 315 阅读全文

posted @ 2013-03-24 14:00 LukeLin 阅读(1025) 评论(0) 推荐(0)

javascript设计模式-组合模式

摘要： 1 2 3 4 5 6 7 8 811 812 阅读全文

posted @ 2013-03-24 13:59 LukeLin 阅读(822) 评论(0) 推荐(0)

2013年3月5日

javascript 模拟亚马逊左侧导航算法的tab选项卡，支持四个方向，支持tab键切换，兼容各浏览器

摘要： Javascript tab选项卡（一切为了更好的体验， God in details!!!）这原本只是一道简单的面试题，做出一个tab选项卡，然后要支持键盘TAB键控制。然后最近亚马逊的那个左侧菜单栏监听鼠标轨迹技术挺热门的，就把这功能添加进来了，而且还支持四个方向，用的都是原生js。如有问题，欢迎讨论123456789101112131415111112222222233334444222200010002000300040005000611111 222222223333444422220001 12345678910 11111 ... 阅读全文

posted @ 2013-03-05 11:19 LukeLin 阅读(1253) 评论(0) 推荐(1)

2013年2月24日

PHP_APC+Ajax实现的监视进度条的文件上传

摘要： // load.js:ADS.addEvent(window, 'load', function (event) { var fileList = ADS.$('fileList'); // 按照需要修改uoloadForm addProgressBar('uploadForm', function (response) { var files = response.filesProcessed; for (var i in files) { // 跳过空文件 if (files[i] === null)... 阅读全文

posted @ 2013-02-24 23:15 LukeLin 阅读(494) 评论(0) 推荐(0)

2013年2月1日

Ajax详解3-请求队列

摘要： /* 完成请求的赛跑异步请求几乎同时发生，但却不会同步而且次序经常颠倒。 1.延迟决定胜利者在赛跑过程中，无论是服务器还是脚本都无法使某个请求更快地得到响应。请求过程中的延迟会出现在几个阶段，而其中的多个阶段都是你无法控制的。所有通信过程都将遵循如下相同的模式：（1）客户端计算机对服务器发起获取或修改信息的请求。（2）将请求通过一条计算机网络发送到服务器。（3）服务器处理请求。（4）服务器将对请求的响应通过另一条计算机网络发送回客户端计算机在这个请求/相应循环的过程中，每个阶段都存在外部因素的影响。 2.处理异步请求处理请求/响应循环中的延迟问题有很多不同的方式。以下是其中几阅读全文

posted @ 2013-02-01 10:20 LukeLin 阅读(1656) 评论(0) 推荐(0)

ADS-ajaxj详解（2）-检测hash变化解决ajax后退按钮和书签问题

摘要： // 后退按钮和书签功能/*通过一些DOM脚本并利用URL的hash值可以补救后退按钮和标签的问题。其中，hash值表示浏览器应该保持在当前页面上，但同时必须通过重新定位页面使得与hash匹配的命名的锚（或带有相同ID属性的元素），在浏览器的视口(view port)中可见。如果文档中不存在与hash匹配的项，则浏览器只会改变地址栏中的URL。这里的hash可以连同URL一起被作为标签使用，而且通过一些DOM脚本及hack技术，hash还可以在用户单击后退按钮时用于更新页面。 *//** * 1.不那么简单的修复 * 修复后退按钮和变迁涉及监视和识别URL中hash值的变化，并通过该变化来调用阅读全文

posted @ 2013-02-01 10:19 LukeLin 阅读(469) 评论(0) 推荐(0)

ADS-ajax详解(1)

摘要： // 向应用程序中加入Ajax/** * 组合技术 * 语义化的（X）HTML标记 * 文档对象模型（DOM） * Javascript * XML *//** * 在不同的浏览器之间，公共的XMLHttpRequest方法包括： * * open(method, URL[, asynchronous[, userName[, password]]]) 用于指定请求YRL，方法以及与请求相关的其他可选属性。 * * setRequestHeader(label, value) 用于以给定的label和value为请求应用... 阅读全文

posted @ 2013-02-01 10:18 LukeLin 阅读(386) 评论(0) 推荐(0)

构建XHR连接队列

摘要： <!DOCTYPE HTML><html lang="en-US"><head> <meta charset="utf-8"> <title></title> <style> body { font: 100% georgia, times, serif; } h1, h2 { font-weight: normal; } #queue-items { padding: 0.5em; background: #ddd; ... 阅读全文

posted @ 2013-02-01 10:17 LukeLin 阅读(387) 评论(0) 推荐(0)

luke_lin

公告