
性能优化(前端)
日常学习笔记
cnailili
风吹过暗香朦胧……
展开
-
设计模式之贪吃蛇游戏
设计模式之贪吃蛇游戏 游戏效果:点击 游戏源码:点击 总结: 通过此次利用设计模式编写贪吃蛇小游戏,加深了自己对设计模式全方位的理解,找bug能力有提高; 完成后自己又利用浏览器缓存机制实现保存最高得分方法,让自己开发变得更有趣。 ...原创 2020-03-25 00:51:12 · 626 阅读 · 0 评论 -
设计模式——装饰者模式(为不同对象各自添加不同行为)
设计模式——装饰者模式(为不同对象各自添加不同行为) 装饰者模式(可以理解成另一种继承方式) 背景:以飞机大战为例,不同类型的飞机已由构造工厂构造完毕,当飞机碰到血包或者敌机时,实现血量会有相应变化的功能; 我们知道用传统继承方法实现该功能就要为不同类型的飞机原型上增加该系列方法,会影响原有子类下的所有实例; 而装饰者模式可以在不改变对象(子类)自身的基础上,在程序运行期间,为不同对象各自动态添加...原创 2020-02-23 16:53:44 · 321 阅读 · 0 评论 -
设计模式——工厂方法模式(批量生产不同对象方法)
设计模式——工厂模式 工厂方法模式: 该方法比简单工厂模式复杂,引入了抽抽象层(空的),还有子工厂; 但是相比于简单工厂模式,代码的维护性和扩展性提高了, 新增产品时,只需要在抽象成原型上增加该子工厂类即可,不需要修改抽象工厂类和其他子工厂;更符合面向对象的开闭原则; 下面一个demo:了解工厂方法模式的便捷之处; //引入一个抽象层:PlaneFactory function Pl...原创 2020-02-23 15:00:40 · 403 阅读 · 0 评论 -
设计模式——代理模式(控制对象的访问)
设计模式——代理模式 代理模式:为一个对象提供一种代理,以控制这个对象的访问;代理对象起到类似中介的作用,会增加一些功能(效验、合并等),也会去掉原对象的一些功能; <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compat...原创 2020-02-23 14:54:52 · 425 阅读 · 0 评论 -
设计模式——单例模式(高性能创建单个对象方法)
设计模式——之单例模式(高性能创建对象方法) 首先介绍一下设计模式: 1、设计模式是一套被反复使用、多数人知晓的、经过分类的、代码设计经验的总结;(设计模式可以说是一套开发经验,开发前应该想好自己代码采用哪些设计模式,为后期维护、开发做准备) 2、设计模式的六大原则: ①单一职责原则:一个函数尽量执行一个功能;(更好维护,更不容易出错) ②里氏代换原则:构造函数中可以定义一些方法,但是不实现具体的...原创 2020-02-21 16:46:55 · 399 阅读 · 0 评论