当前搜索:

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

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

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

今天给大家带来一个刮刮乐的小例子~基于HTML5 canvas的,有兴趣的可以改成钱柜娱乐开户版本的,或者其他的~ 效果图: 贴一张我中500w的照片,咋办啊,怎么花呢~ 好了,下面开始原理: 1、刮奖区域两个Canvas,一个是front , 一个back ,front遮盖住下面的canvas。 2、canvas默认填充了一个矩形,将下面canvas效果图遮盖,然后监...
阅读(33265) 评论(7)

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

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

Javascript 设计模式 单例

一直很喜欢Js,,,今天写一个Js的单例模式实现以及用法。 1、单例模式的写法 单例模式写法相当简单: var singleTon = { m1: "memeber first ", m2: "memeber second ", f1: function () {...
阅读(15376) 评论(2)

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

Javascript的难点就是面向对象编程,上一篇介绍了Javascript的两种继承方式:Javascript 进阶 继承,这篇使用一个例子来展示js如何面向对象编程,以及如何基于类实现继承。 1、利用面向对象的写法,实现下面这个功能,实时更新数据的一个例子: 2、使用对上面类的继承,完成下面的效果: 好了,不多说,js的训练全靠敲,所以如果觉得面向对象不是很扎实,...
阅读(19983) 评论(3)

Javascript 进阶 继承

1、基于类的继承 下面看下面的代码: function Person(name, age) { this.name = name; this.age = age; } Person.prototype.say = function () {...
阅读(4629) 评论(0)

Javascript 进阶 封装

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

Javascript 进阶 作用域 作用域链

一直觉得Js很强大,由于长期不写js代码,最近刚好温故温故。 1、Javascript没有代码块作用域的概念,局部作用域是针对函数来说的。 function fun() { for( var i = 0 ; i < 10 ; i++) {} //如果在Java中i此时应当属于未声明的变量,但...
阅读(11049) 评论(1)

Javascript中的__proto__、prototype、constructor

今天重温了下Javacript,给大家带来一篇Javascript博文,相信对于Javacriptyou'y...
阅读(11289) 评论(5)
    个人资料
    • 访问:17529223次
    • 积分:51039
    • 等级:
    • 排名:第65名
    • 原创:205篇
    • 转载:0篇
    • 译文:6篇
    • 评论:15506条
    我的微信公众号
    联系方式


    QQ群:
    • 55032675
    • 423372824
    • 497438697
    • 请勿重复加群,Thx
    钱柜娱乐开户
    统计