2016 年 6月随笔档案 - 吴孔云

几种方法实现ajax请求内容时使用浏览器后退和前进功能

摘要：ajax是一个非常好玩的小东西，不过用起来也会存在一些问题。我们可以利用ajax进行无刷新改变文档内容，但是没办法去修改URL，即无法实现浏览器的前进与后退、书签的收藏功能。利用location的hash部分和使用window.onhashchange来实现hash就是... 阅读全文

posted @ 2016-06-17 14:35 吴孔云阅读(463) 评论(0) 推荐(0) |

浅谈 JS 创建对象的 8 种模式

摘要：1.Object 模式var o1 = {};//字面量的表现形式var o2 = new Object;var o3 = new Object();var o4 = new Object(null);var o5 = new Object(undefined);var o6 = ... 阅读全文

posted @ 2016-06-16 11:11 吴孔云阅读(117) 评论(0) 推荐(0) |

chrome调试JavaScript脚本

摘要：随着 JavaScript 应用的复杂性逐渐提高，开发者需要有力的调试工具来帮助他们快速发现问题的原因，并且能高效地修复它。Chrome DevTools 提供了一系列实用的工具使得调试 JavaScript 应用不再是一件痛苦的事。在这个部分，我们会通过调试 Google Clo... 阅读全文

posted @ 2016-06-15 15:07 吴孔云阅读(167) 评论(0) 推荐(0) |

深入理解JS异步编程五（脚本异步加载）

摘要：异步脚本加载阻塞性脚本JavaScript在浏览器中被解析和执行时具有阻塞的特性，也就是说，当JavaScript代码执行时，页面的解析、渲染以及其他资源的下载都要停下来等待脚本执行完毕浏览器是按照从上到下的顺序解析页面，因此正常情况下，JavaScript脚本的执行顺序也是从上到... 阅读全文

posted @ 2016-06-04 08:30 吴孔云阅读(285) 评论(0) 推荐(0) |

深入理解JS异步编程四（HTML5 Web Worker）

摘要：>Web Workers 是 HTML5 提供的一个javascript多线程解决方案，我们可以将一些大计算量的代码交由web Worker运行而不冻结用户界面。一：如何使用WorkerWeb Worker的基本原理就是在当前javascript的主线程中，使用Worker类加载一... 阅读全文

posted @ 2016-06-04 08:11 吴孔云阅读(139) 评论(0) 推荐(0) |

深入理解JS异步编程三(promise)

摘要：jQuery原本写一个小动画我们可能是这样的$('.animateEle').animate({ opacity:'.5'}, 4000,function(){ $('.animateEle2').animate({ width:'100px' },2000,funct... 阅读全文

posted @ 2016-06-02 08:56 吴孔云阅读(152) 评论(0) 推荐(0) |

深入理解JS异步编程二(分布式事件)

摘要：PubSub模式从原生的js角度，我们要监听某事件的方法就是利用addEventListener方法，但是当我们的页面趋于复杂，比如要向某个元素添加多个处理事件，那么就要用一个封装函数汇集多个处理函数link.onclick = function() { clickHandl... 阅读全文

posted @ 2016-06-01 08:20 吴孔云阅读(144) 评论(0) 推荐(0) |

吴孔云博客

公告