【Javascript 】
鸿洋_
关注领域:JavaEE,Android,Javascript,HTML5,MySQL,Hadoop,Linux
展开
-
Javascript中的__proto__、prototype、constructor
今天重温了下Javacript,给大家带来一篇Javascript博文,相信对于Javacriptyou'y原创 2014-04-24 19:42:38 · 13892 阅读 · 5 评论 -
Javascript 进阶 封装
js中处处是对象,面向对象的第一步当然就是封装了,由于Js中没有类的概念,所以封装起来也比较麻烦,下面介绍两种js的封装。 1、使用约定优先的原则,将所有的私有变量以_开头 /** * 使用约定优先的原则,把所有的私有变量都使用_开头 */ var Person = function (no, name, age)原创 2014-05-05 22:45:14 · 8274 阅读 · 2 评论 -
Javascript 进阶 作用域 作用域链
一直觉得Js很强大,由于长期不写js代码,最近刚好温故温故。 1、Javascript没有代码块作用域的概念,局部作用域是针对函数来说的。 function fun() { for( var i = 0 ; i < 10 ; i++) {} //如果在Java中i此时应当属于未声明的变量,但原创 2014-05-05 21:43:53 · 13401 阅读 · 1 评论 -
Javascript 进阶 面向对象编程 继承的一个例子
Javascript的难点就是面向对象编程,上一篇介绍了Javascript的两种继承方式:Javascript 进阶 继承,这篇使用一个例子来展示js如何面向对象编程,以及如何基于类实现继承。 1、利用面向对象的写法,实现下面这个功能,实时更新数据的一个例子: 2、使用对上面类的继承,完成下面的效果: 好了,不多说,js的训练全靠敲,所以如果觉得面向对象不是很扎实,原创 2014-06-07 17:56:42 · 23610 阅读 · 3 评论 -
Javascript 进阶 继承
1、基于类的继承 下面看下面的代码: function Person(name, age) { this.name = name; this.age = age; } Person.prototype.say = function () {原创 2014-06-07 15:45:25 · 5558 阅读 · 0 评论 -
HTML5 CSS3 诱人的实例 :canvas 模拟实现电子彩票刮刮乐
今天给大家带来一个刮刮乐的小例子~基于HTML5 canvas的,有兴趣的可以改成android版本的,或者其他的~ 效果图: 贴一张我中500w的照片,咋办啊,怎么花呢~ 好了,下面开始原理: 1、刮奖区域两个Canvas,一个是front , 一个back ,front遮盖住下面的canvas。 2、canvas默认填充了一个矩形,将下面canvas效果图遮盖,然后监原创 2014-06-24 12:08:24 · 44119 阅读 · 7 评论 -
HTML5 CSS3 诱人的实例 :模仿优酷视频截图功能
一般的视频网站对于用户上传的视频,在用户上传完成后,可以对播放的视频进行截图,然后作为视频的展示图。项目中也可以引入这样的功能给用户一种不错的体验,而不是让用户额外上传一张展示图。 效果图: 看起来还是很不错,下面我给大家分析下,极其核心代码很简单: _canvas = document.createElement("canvas"); _ctx = _canvas.getConte原创 2014-06-18 00:29:56 · 22131 阅读 · 7 评论 -
Javascript 设计模式 单例
一直很喜欢Js,,,今天写一个Js的单例模式实现以及用法。 1、单例模式的写法 单例模式写法相当简单: var singleTon = { m1: "memeber first ", m2: "memeber second ", f1: function () {原创 2014-06-13 16:09:16 · 18586 阅读 · 4 评论 -
HTML5 CSS3 诱人的实例 : 网页加载进度条的实现,下载进度条等
今天给大家带来一个比较炫的进度条,进度条在一耗时操作上给用户一个比较好的体验,不会让用户觉得在盲目等待,对于没有进度条的长时间等待,用户会任务死机了,毫不犹豫的关掉应用;一般用于下载任务,删除大量任务,网页加载等;如果有使用html5为手机布局的,也可以用于手机中~ 效果图: 1、html结构:原创 2014-06-26 12:06:39 · 56237 阅读 · 6 评论