随笔分类 -  js设计模式

摘要:惰性模式:减少每次代码 执行时重复的分支判断,通过对对象重新定义屏蔽原对象中的分支判断。 浏览器兼容算是比较头疼的问题,大家都会遇到某些属性浏览器支持,有些不支持;就像早期的ie不支持addEventListener一样,每次需要针对ie写不同的代码判断去兼容。惰性模式就是为了减少每次重复判断。 惰 阅读全文
posted @ 2016-09-23 17:54 hsp大鹏 阅读(541) 评论(0) 推荐(0)
摘要:昨天把节流模式写了下,今天来个节流模式的应用 图片懒加载(图片延迟加载) 废话不多说,直接懒加载代码吧!哈哈 结果展示: 延迟前显示默认图片 延迟结果 完整代码: 阅读全文
posted @ 2016-09-22 18:04 hsp大鹏 阅读(1450) 评论(0) 推荐(0)
摘要:今天来说说节流模式。平时对于重复的业务逻辑进行节流控制,执行最后一次操作并取消其他操作调高性能。 比如:可能有些朋友在做上拉加载(请求服务数据)迅速滑动时候会遇到这样的问题感觉一卡一卡的,一方面是请求服务器,另一方面是取到数据后进行数据渲染和操作dom(这块是很耗费资源的),还有一方面是没有做节流, 阅读全文
posted @ 2016-09-21 18:35 hsp大鹏 阅读(828) 评论(0) 推荐(0)
摘要:最近,闲来会看看《javascript设计模式》这本书,空闲时间我会把看到的写出来,和大家一起分享今天先来一个等待者模式。 等待者模式:通过对异步进程监听,来触发未来发生的动作 举例子:异步进程A,B,需要两个进程都完成以后才能进行C进程操作,这时可以使用等待者模式。 平时在开发中经常会这样,需要等 阅读全文
posted @ 2016-09-20 18:08 hsp大鹏 阅读(669) 评论(0) 推荐(0)