Hongyang

生命不息,奋斗不止,万事起于忽微,量变引起质变

排序:
默认
按更新时间
按访问量

HTML5 CSS3 诱人的实例 : 网页加载进度条的实现,下载进度条等

今天给大家带来一个比较炫的进度条,进度条在一耗时操作上给用户一个比较好的体验,不会让用户觉得在盲目等待,对于没有进度条的长时间等待,用户会任务死机了,毫不犹豫的关掉应用;一般用于下载任务,删除大量任务,网页加载等;如果有使用html5为手机布局的,也可以用于手机中~ 效果图: 1、html结构:

2014-06-26 12:06:39

阅读数:49053

评论数:6

HTML5 CSS3 诱人的实例 :canvas 模拟实现电子彩票刮刮乐

今天给大家带来一个刮刮乐的小例子~基于HTML5 canvas的,有兴趣的可以改成android版本的,或者其他的~ 效果图: 贴一张我中500w的照片,咋办啊,怎么花呢~ 好了,下面开始原理: 1、刮奖区域两个Canvas,一个是front , 一个back ,front遮盖住下面的ca...

2014-06-24 12:08:24

阅读数:38076

评论数:7

HTML5 CSS3 诱人的实例 :模仿优酷视频截图功能

一般的视频网站对于用户上传的视频,在用户上传完成后,可以对播放的视频进行截图,然后作为视频的展示图。项目中也可以引入这样的功能给用户一种不错的体验,而不是让用户额外上传一张展示图。 效果图: 看起来还是很不错,下面我给大家分析下,极其核心代码很简单: _canvas = document.cr...

2014-06-18 00:29:56

阅读数:19397

评论数:10

Javascript 设计模式 单例

一直很喜欢Js,,,今天写一个Js的单例模式实现以及用法。 1、单例模式的写法 单例模式写法相当简单: var singleTon = { m1: "memeber first ", m2: "memeber ...

2014-06-13 16:09:16

阅读数:17391

评论数:3

Javascript 进阶 面向对象编程 继承的一个例子

Javascript的难点就是面向对象编程,上一篇介绍了Javascript的两种继承方式:Javascript 进阶 继承,这篇使用一个例子来展示js如何面向对象编程,以及如何基于类实现继承。 1、利用面向对象的写法,实现下面这个功能,实时更新数据的一个例子: 2、使用对上面类的继承,完...

2014-06-07 17:56:42

阅读数:22155

评论数:3

Javascript 进阶 继承

1、基于类的继承 下面看下面的代码: function Person(name, age) { this.name = name; this.age = age; } Person...

2014-06-07 15:45:25

阅读数:5040

评论数:0

Javascript 进阶 封装

js中处处是对象,面向对象的第一步当然就是封装了,由于Js中没有类的概念,所以封装起来也比较麻烦,下面介绍两种js的封装。 1、使用约定优先的原则,将所有的私有变量以_开头 /** * 使用约定优先的原则,把所有的私有变量都使用_开头 */...

2014-05-05 22:45:14

阅读数:7623

评论数:2

Javascript 进阶 作用域 作用域链

一直觉得Js很强大,由于长期不写js代码,最近刚好温故温故。 1、Javascript没有代码块作用域的概念,局部作用域是针对函数来说的。 function fun() { for( var i = 0 ; i < 10 ; i++) ...

2014-05-05 21:43:53

阅读数:12228

评论数:1

Javascript中的__proto__、prototype、constructor

今天重温了下Javacript,给大家带来一篇Javascript博文,相信对于Javacriptyou'y

2014-04-24 19:42:38

阅读数:12555

评论数:5

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