-
2017-03-06 14:59:17
- 18 行代码实现 JS 代码编一个倒时器的详情介绍
- 有时候在生活中,你需要一个JavaScript倒计时时钟,而不是一个末日装置设备。不管你是否有一次约会,销售、促销、或者游戏,你可以受益于使用原生JavaScript构建一个时钟,而不是拿到一个现成的插件。虽然有许多很棒的时钟插件,但如果使用原生 JavaScript 实现,那你将得到以下好处: 代码将是轻量级的,因为它没有依赖关系。 你的网站会表现得更好,因为你不需要加载外部脚本和样式表。 你将会有更高的可控性,因为你将按照想..
-
1397
-
2017-03-06 15:06:41
- 详细介绍用 JavaScript 写一个超小型编译器的示例代码
- 这是一个用JavaScript编写的编译器,虽然是一个很小很小的并没有什么卵用的编译器,但可以向我们展示编译器的很多东西。今天我把它翻译了出来,供大家学习和讨论。 /** * 今天让我们来写一个编译器,一个超级无敌小的编译器!它小到如果把所有注释删去的话,大概只剩 * 200行左右的代码。 * * 我们将会用它将 lisp 风格的函数调用转换为 C 风格。 * * 如果你对这两种风格不是很熟悉,下面是一个简单的介绍。 *..
-
1368
-
2017-03-06 15:11:31
- JavaScript 模块化编程之加载器原理详解
- 世面上有好多JavaScript的加载器,比如 sea.js, require.js, yui loader, labJs...., 加载器的使用范围是一些比较大的项目, 个人感觉如果是小项目的话可以不用, 我用过seaJS和requireJS, 在项目中用过requireJS, requireJS是符合AMD,全称是(Asynchronous Module Definition)即异步模块加载机制 , seaJS是符合CMD规范的加..
-
1769
-
2017-03-06 15:15:01
- 详细介绍ES6新特性 -JavaScript中的Map和WeakMap对象的代码实例
- Map对象 Map对象是一种有对应 键/值 对的对象, JS的Object也是 键/值 对的对象 ; ES6中Map相对于Object对象有几个区别: 1:Object对象有原型, 也就是说他有默认的key值在对象上面, 除非我们使用Object.create(null)创建一个没有原型的对象; 2:在Object对象中, 只能把String和Symbol作为key值, 但是在Map中,key值可以是任何基本类型(String, ..
-
1782
-
2017-03-06 15:19:19
- JavaScript中使用bind()方法让代码更干净的详细介绍
- 几个星期前,我写了一篇关于如何在一个循环中关闭调用异步函数的影响以及处理这个问题的若干方法。 在我最近的编码中,我发现了一个更简单的方法。在这个过程中,它消除了匿名函数并删除了linting错误,“不要在循环中写函数”。 你看,我一直在使用JavaScript中的bind()试验。事实证明,我们可以在多个场合,包括处理我几周前提到的闭包问题中,使用bind。 什么是bind()? bind函数最近才添加到JavaScript的规范说..
-
1574
-
2017-03-06 15:25:51
- 详细介绍HTML5模拟齿轮动画的代码示例详情
- 这是一个基于HTML5的齿轮动画特效,我们将齿轮转动的物理学原理,转换为HTML5代码,在网页上实现了模拟齿轮转动的动画效果。该齿轮动画的最大特点是它由好多个齿轮组成,这对齿轮传动的算法要求就大大提高了,而且我们并没有用JavaScript,而是纯CSS3实现的。 在线演示源码下载 HTML代码
-
1565
-
2017-03-06 15:27:22
- HTML5 Canvas 破碎重组的视频特效代码具体介绍
- 也许你见过HTML5图片破碎动画特效,实现的原理也挺简单的。但是你应该没有见过视频也可以破碎重组,这个HTML5动画就是利用Canvas的相关特性,实现了点击鼠标让视频破碎重组的效果。在视频区域点击鼠标,即可让该区域的视频破碎,让后经过一段时间后,破碎的区域又可以重组还原,视觉效果非常棒。 在线演示源码下载 HTML代码
-
2231
-
2017-03-06 15:29:47
- 详细介绍AngularJS中使用HTML5摄像头拍照的图文详情
- 1. 项目背景 公司开发一个网站,在做用户头像修改的时候领导提到增加一个由摄像头拍照实现修改头像的功能。因为我们网站是基于Html5进行开发,所以就直接采用H5来实现拍照。起初觉得这个功能很简单,但是做的时候才发现并不是那么简单的。 这是在AngularJs中成功实现调用摄像头拍照并截图上传的例图: 2. 如何调用摄像头 $scope.photoErr = false; $scope.photoBtnDiable = tr..
-
2015
-
2017-03-06 15:34:17
- HTML5自定义元素播放焦点图动画示例代码详细介绍
- 这是一款基于HTML5的焦点图动画,它和其他焦点图不同的地方在于,它播放的不仅仅是图片,而是可以自定义控制的网页元素。它不仅在图片间切换有过渡动画效果,而且在切换时图片中的元素也将出现动画效果,比如图中的文字移动、打散、重新组合等。这款HTML5动画图片播放器算得上是高端大气上档次。 在线演示源码下载 HTML代码
-
2534
-
2017-03-06 15:36:40
- 详细介绍12个效果奇特的HTML5动画图文赏析
- 本文将为大家分享12个效果奇特的HTML5动画,HTML5强大的动画特性可以让你的网页变得更加生动和富有活力,交互性也会进一步得到提高。一起来看看下面的这些HTML5动画案例,没个案例都提供源代码下载。 1、HTML5 Canvas瀑布动画 超逼真 这次我们来分享一款很酷的HTML5 Canvas瀑布动画,瀑布动画非常逼真。整个瀑布动画像是从石头缝里流出来的溪水,然后沿着悬崖飞落下来,效果非常不错。 在线演示 源码下载 ..
-
2294