2018年04月_爬虫组的小前端

原创 JavaScript设计模式-----发布订阅模式

1.发布订阅模式的定义：发布订阅模式又叫观察者模式，它定义对象间的一种一对多的依赖关系，当一个对象的状态发生变化时，所有依赖于他的对象都将得到通知。2.发布订阅模式的通用实现：3.一个真实的例子：ajax异步请求获取用户的登陆信息后，渲染到各个板块，使用这个模式可以解耦合，各个模块自行订阅登陆成功后的消息事件，当登陆成功后，登陆模块只需要发布登陆成功的消息，而业务方接收到消息后，就会开始进行各自的...

2018-04-15 10:58:25 244

原创 JavaScript性能优化-----数据存取

1.存储位置：可以通过改变数据的存储位置来获得最佳的读写性能，数据存储的位置信息关系到代码执行过程中数据的检索速度。访问字面量和局部变量的速度最快，相反，访问数组元素和对象成员相对较慢。2.管理作用域：在函数执行过程中，每遇到一个变量，都会经历一次标识符解析过程以决定从哪里获取存取数据，搜索过程从作用域链头部开始，也就是当前运行函数的活动对象。在执行环境的作用域链中，一个标示符所在的位置越深，他的...

2018-04-23 11:30:26 258

原创 JavaScript性能优化-----加载和执行

多数浏览器使用单一进程来处理用户界面刷新和JavaScript脚本的执行，所以同一时刻只能做一件事。JavaScript执行时间耗时越久，浏览器等待响应的时间就越长。无论当前的JavaScript代码是内嵌的还是包含在外链文件中，页面的下载和渲染都必须停下来等待脚本执行完成。1.脚本位置：由于脚本会阻塞页面其他资源的下载，因此推荐将所有的<script>标签尽可能放到<body&...

2018-04-20 11:05:34 241

原创 JavaScript设计模式-----命令模式

1.命令模式的应用场景：有时候需要向某些对象发送请求，但是并不知道请求的接收者是谁，也不知道被请求的操作是什么，此时希望用一种松耦合的方式来设计软件，使得请求的发送者和请求的接收者能够消除彼此之间的耦合关系。2.命令模式的实现：命令模式将过程式的请求封装在command对象的execute方法里，通过封装方法的调用，我们可以把运算块包装成形。command对象可以被四处传递，所以在调用命令时，cl...

2018-04-17 16:58:42 193

原创 JavaScript设计模式-----迭代器模式

1.迭代器模式的定义：迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素，而又不需要暴露该对象的内部表示，迭代器模式可以把迭代的过程从业务逻辑中分离出来，在使用迭代器模式后，即不用关心对象的内部构造，也可以按顺序访问其中的每个元素。2.内部迭代器和外部迭代器：使用迭代器判断两个数组里元素的值是否相等内部迭代器：内部迭代器在调用的时候非常方便，外界不用关心内部迭代器的实现，但由于内部迭代器的...

2018-04-12 10:28:44 175

原创 JavaScript设计模式-----代理模式

1.代理模式的定义：代理模式是为一个对象提供一个代用品或占位符，以便控制对他的访问保护代理，代理B能帮A过滤掉一些请求。虚拟代理：把一些开销很大的对象延迟到真正需要它的时候才去创建2.虚拟代理实现图片的预加载：在开发中图片预加载是一种技术，先用一张loading的图片站位，然后用异步的方式加载图片，等图片加载好了把他填充到img节点里，这种场景就适合使用虚拟代理3.代理的意义：面向对象设计的原则：...

2018-04-10 20:07:51 194

ProswpuAlan的博客