自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6)
  • 收藏
  • 关注

原创 设计模式在 TypeScript 中的应用 - 代理模式

定义代理模式是为一个对象提供一个代用品,或占位符,以便控制对它的访问。实现思路:把客户端真正调用的类和方法隐藏,只暴露代理类给客户端。简单点的例子:// 食品服务接口interface FootService { makeChicken (salt: string): void; makeNoodle (salt: string): void}// 食物接口class Foot {

2017-12-23 10:47:20 1057

原创 设计模式在 TypeScript 中的应用 - 观察者模式

定义当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知。实现思路:指定发布者;给发布者添加一个缓存列表,用于存放回调函数以便通知订阅者;最后发布消息的时候,发布者会遍历这个缓存列表,依次触发里面存放的订阅者回调函数。例子:// 发布类class Subject { // 缓存列表,用以存放回调函数,以便通知订阅者 private observers: Observer[]

2017-12-23 10:45:49 479

原创 设计模式在 TypeScript 中的应用 - 策略模式

定义定义一系列的算法,把它们一个个封装起来,并且使它们可以相互替换。实现思路:创建表示各种策略的对象,和一个行为随着策略对象改变而改变的 context 对象。一个简单的加减乘例子:interface Compute { computeF (num1: number, num2: number): number}// 创建策略对象class ComputeAdd implements Com

2017-12-18 12:06:19 426

原创 设计模式在 TypeScript 中的应用 - 单例模式

定义只有一个实例,并提供全局访问。实现思路:用一个变量来标识当前是否已经为某个类创建过对象,如果是,则在下一次获取该类的实例时,直接返回之前创建的对象,否则返回新对象。饿汉模式特点:类加载时就初始化。class Singleton { private static instance = new Singleton() // 将 constructor 设为私有属性,防止 new 调用 pri

2017-12-18 12:05:42 5777

原创 vue-cli 中使用 TypeScript

学以致用,这篇文章是对在 vue-cli 中使用 TypeScript 的一次小结。环境npm// typescriptnpm install typescript --save-dev// ts-loadernpm install ts-loader --save-devwebpack.base.conf.js module.exports = { // 修改入口文件 entry: '

2017-12-11 11:53:20 9148

原创 Web 性能优化 - TCP

原文 https://jkchao.cn/article/5a22b4d4d5517f01d0250fb6TCP 负责在不可靠的传输信道之上提供可靠的抽象层,向应用层隐藏了大多数网络通信的复杂性能,比如丢包重发、按需发送、拥塞控制及避免、数据完整,等等。采用 TCP 数据流可以确保发送的所有字节能够完整地被接收到,而且客户端的顺序也一样。但是 TCP 设计并未过多顾及时间,由此给浏览器 Web 性

2017-12-04 08:49:55 357

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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