TypeScript学习笔记
执行下面的命令安装TypeScript:
1 |
npm install -g typescript |
TypeScript支持类型提示,类型提示让代码自动完成更加准确:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
// 布尔 let isDone: boolean = false; // 数字 let decLiteral: number = 6; let hexLiteral: number = 0xf00d; let binaryLiteral: number = 0b1010; let octalLiteral: number = 0o744; // 字符串 let name: string = "bob"; // 模板字符串 let name: string = `Gene`; let age: number = 37; let sentence: string = `Hello, my name is ${ name }. I'll be ${ age + 1 } years old next month.`; |
默认情况下标记,则只能赋值给void或者各自的类型 —— null赋值给null,undefined赋值给undefined。
表示非基本类型:即非number…
阅读全文基于Broadway的HTML5视频监控
Broadway是一个基于JavaScript的H.264解码器,支持Baseline Profile,我们在HTML5视频监控技术预研一文中介绍过这个库。如果你的监控摄像头支持Baseline的H.264码流,利用Broadway可以实现不需要重新编码的视频监控,这样服务器的…
阅读全文SockJS知识集锦
SockJS允许应用程序使用WebSocket来进行通信,但是当WebSocket不可用时,可以使用代替的传输机制,但是保持API不变。
SockJS由以下部分组成:
- SockJS协议
- 一个JavaScript客户端
- SockJS服务器端实现,例如 sprin…
基于Kurento搭建WebRTC服务器
Kurento是一个WebRTC媒体服务器,同时提供了一系列的客户端API,可以简化供浏览器、移动平台使用的视频类应用程序的开发。Kurento支持:
- 群组通信(group communications)
- 媒体流的转码(transcoding)、录制(re…
HTML5视频监控技术预研
安防类项目中通常都有视频监控方面的需求。视频监控客户端主要是Native应用的形式,在Web端需要利用NPAPI、ActiveX之类的插件技术实现。
但是,IE式微,Chrome也放弃了NPAPI,另一方面,监控设备硬件厂商的视频输出格式则逐渐标准化。这…
阅读全文Three.js学习笔记
Web图形库(Web Graphics Library)简称WebGL,是在浏览器环境下进行3D/2D图像渲染的技术。你不需要额外的插件,就可以在HTML5的Canvas上绘制复杂的、可交互的图形。
大部分现代浏览器支持WebGL技术,IE…
阅读全文PostCSS学习笔记
由于CSS语言本身的表达能力较差,Web开发人员常常使用SASS、LESS之类的CSS预处理器语言来编写样式,然后再编译为普通的CSS代码。
PostCSS是一个类似的、较晚出现的CSS处理器,它基于JavaScript语言编写。PostCSS使用插件式…
阅读全文CSS Modules学习笔记
CSS Modules是一个开源项目,它是一个简单的CSS模块化规范,主要完成两件事情:
- 样式类名、动画名的作用域支持。这可以避免命名冲突
- 模块化支持,允许CSS文件之间的依赖关系
与Less、SASS、PostCSS不同,CM并不尝试把CSS变得像一门编程…
阅读全文React Router学习笔记
React Router(本文后续简写为RR)是一个专门服务于React应用的强大的路由库。利用它你可以轻松的建立URL和UI之间的对应关系、在浏览器历史记录中自由导航。
本章先手工实现一个简单的路由机制,然后利用RR进行改造,以了解RR的优势和基本功能…
阅读全文