web

使用 video.js 开发 HTML5 视频页面

video.js

使用 video.js 开发 HTML5 视频页面

使用 video.js 简单几步编写一个可以在微信、QQ内置浏览器中正常工作的 HTML5 视频播放器。 HTML5 <video> 标签看似简单,但在不同设备上使用时却问题不断,原因是很多设备强制使用自身的视频播放器来播放 HTML5 视频。使用第三方组件 video.js 可以在一定程度上克服这个问题。 初始化 video.js 编写 HTML 页面: <head> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title></title&

By Jon

JavaScript

几款 JavaScript 对话框组件

Vex.js * 样式简洁 * 动画流畅 大小只有 7KB alertify.js 动画效果比 vex 更为精炼。 已于 2014 年 3 月停止更新。 Bootbox.js Bootstrap modals made easy. 可订制能力十分强大,可以直接在对话框中添加 HTML 标签。 基于 Bootstrap 框架,与 bootstrap 风格十分统一。如果网站本身采用 Bootstrap 作为前端框架,这款对话框组件最为合适。 与 bootstrap 一样,感觉上样式较为笨重,更适合桌面浏览,不适合移动端。而且样式风格过于明显,一眼就能看出来是基于 Bootstrap 组件。 leanModal.js 体积小 样式简洁适中,

By Jon

JavaScript

JavaScript 对象模型

JavaScript 的对象模型是基于原型的,与C++、Java 中基于类的对象模型有着很大的区别,特别是在对象属性与方法的继承机制上。 基于类的对象模型中,两个最重要的概念是类(class)与实例(instance): * class 定义了类中的所有属性与方法,可以看做该类所有实例的一个集合。 * instance 是 class 的一个实例,该实例所具有的属性与方法由所属的类严格决定,不多不少。 而基于原型的对象模型中,没有 class 与 instance 的概念,所有东西都是 object。object 可以分为用作“模板”的 prototypical object,以及基于这些 prototypical object 使用 new 关键字创建的其他对象。对象的属性既可以在创建时指定,也可以在运行时指定。任何对象都可以作为其他对象的原型,让其他对象来“共享”该对象的属性。 1.JavaScript 的对象模型 类定义

By Jon