自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

AlbertYang的博客

软件工程师,不做积极废人,欢迎关注微信公众号:【AlbertYang】海量学习资料免费领取哟...

原创 JavaScript 进阶教程(2)---面向对象实战之贪吃蛇小游戏

目录 1 引言 2 游戏地图 3 游戏对象 3.1 食物对象 3.2 小蛇对象 3.3 游戏对象 4 游戏的逻辑 4.1小蛇的移动 4.2 让蛇自己动起来 4.2.1 自动移动 4.2.2 自调用函数 4.2.3 私有方法 4.3 判断蛇是否吃到食物 5 代码 6 其...

2020-08-29 22:12:04 1902 15

原创 JavaScript 进阶教程(1)--面向对象编程

1 学习目标 理解面向对象开发思想 掌握 JavaScript 面向对象开发相关模式 2 面向对象介绍 2.1什么是对象 Everything is object (一切皆对象) 我们可以从两个层次来理解对象: (1) 对象是单个事物的抽象。 一本书...

2020-08-16 18:13:37 10726 75

原创 使用canvas把照片旋转任意角度

1. 效果 演示地址:https://www.albertyy.com/2020/8/rotateImg.html 2. canvas 关于canvas的使用我在这篇文章中有简单的介绍,可以看一下。 3. 代码实现 <!DOCTYPE html> <html> ...

2020-08-13 18:10:01 2385 25

原创 不会吧不会吧,你不会还不知道这些提高JS代码质量的骚操作吧?
原力计划

目录 1 评价代码质量指标 1.1 健壮性 1.1.1 参数校验 1.1.2 try, catch 1.1.3 控制变量权限 1.2 可扩展性 1.2.1 模块分明 1.2.2 高内聚低耦合 1.2.3 用添加代替更改 1.3可读性 1.3.1 变量命名规范 1.3.2 代...

2020-08-10 08:38:08 8161 78

原创 设计模式(12)[JS版]--JavaScript必会设计模式之外观模式(Façade Pattern)

目录 1 什么是外观模式 2 外观模式的主要的参与者 3 代码实现 4 实例应用 4.1 跨浏览器事件 4.2阻止默认和冒泡事件 5 总结 1 什么是外观模式 外观模式为子系统提供了一个接口,它屏蔽一个或多个子系统的复杂功,提供了一个一致的界面(接口)给用户。外观模式是一个非常简...

2020-08-06 22:09:35 1302 19

原创 设计模式(11)[JS版]-JavaScript中的注解之装饰器模式

目录 1 什么是装饰器模式? 2 装饰器模式的主要参与者有哪些 3 代码实现 4 实例应用 5ES7 中的 decorator 6 总结 1 什么是装饰器模式? 装饰器模式模式动态地扩展了(装饰)一个对象的行为,同时又不改变其结构。在运行时添加新的行为的能力是由一个装饰器对象来完成...

2020-08-05 23:38:20 4323 39

原创 设计模式(10)[JS版]-JavaScript如何实现组合模式???

目录 1什么是组合模式 2主要参与者 3代码实现 4应用实例 4.1 表单验证 4.1 图片阅读器 5总结 1什么是组合模式 组合模式允许创建具有属性的对象,这些对象是原始项目或对象集合。集合中的每个项目本身可以容纳其他集合,创建深度嵌套结构。 树型控件是复合模式的一个完美例子...

2020-08-04 22:35:22 3918 45

原创 设计模式(9)[JS版]-JavaScript设计模式之如何实现桥接模式???

1什么是桥接模式 Bridge模式允许两个组件,即客户端和服务一起工作,每个组件都有自己的接口。Bridge是一种高级架构模式,它的主要目标是通过两级抽象来编写更好的代码。它有利于对象之间非常松散的耦合,有时也被称为双适配器模式。 桥接模式的作用在于将实现部分和抽象部分分离, 以便两者可以独立的...

2020-08-03 22:53:18 2953 45

原创 设计模式(8)[JS版]-JavaScript设计模式之如何实现适配器模式???

目录 1 什么是适配器模式? 2 参与者 3 实例讲解 4 其它应用 5 总结 1 什么是适配器模式? 适配器模式是将一个接口(对象的属性和方法)转换为另一个接口。适配器允许编程组件协同工作,否则由于接口不匹配而无法协同工作。适配器模式也称为包装器模式。 适配器模式可以想象为我们日...

2020-08-02 21:05:01 4638 38

提示
确定要删除当前文章?
取消 删除