2017-03-10 15:23:27
关于JavaScript 浮点数及运算精度调整示例代码总结
JavaScript 只有一种数字类型 Number,而且在Javascript中所有的数字都是以IEEE-754标准格式表示的。浮点数的精度问题不是JavaScript特有的,因为有些小数以二进制表示位数是无穷的。 十进制 二进制 0.1 0.0001 1001 1001 1001 ... 0.2 0.0011 0011 0011 0011 ... 0.3 ..
1449
2017-03-10 15:31:58
详细介绍JavaScript 模块化及SeaJs源码分析
网页的结构越来越复杂,简直可以看做一个简单APP,如果还像以前那样把所有的代码都放到一个文件里面会有一些问题: 全局变量互相影响 JavaScript文件变大,影响加载速度 结构混乱、很难维护 和后端(比如Java)比较就可以看出明显的差距。2009年Ryan Dahl创建了node.js项目,将JavaScript用于服务器编程,这标志“JS模块化编程”正式诞生。 基本原理 模块就是一些功能的集合,那么可以将一个大文件分割成..
1437
2017-03-10 15:39:28
JavaScript中各种遍历方式的示例代码详解
为了方便例子讲解,现有数组和json对象如下 var demoArr = ['Javascript', 'Gulp', 'CSS3', 'Grunt', 'jQuery', 'angular']; var demoObj = { aaa: 'Javascript', bbb: 'Gulp', ccc: 'CSS3', ddd: 'Grunt', eee: 'jQuery', fff: 'a..
1490
2017-03-10 15:44:00
HTML5/CSS3专题 CSS3打造百度贴吧的3D翻牌效果的经典案例
首先感谢w3cfuns的老师~今天给大家带来一个CSS3制作的翻牌效果,就是鼠标移到元素上,感觉可以看到元素背后的信息。大家如果制作考验记忆力的连连看、扑克类的游戏神马的,甚至给女朋友写一些话语,放在使用该实例制作的相册之后都可以尝试下,哈~效果图:实例用到的一些CSS3的新属性: a、-webkit-perspective: 800px; perspective
2309
2017-03-10 15:55:53
HTML5/CSS3专题 3D展示商品信息的经典案例
强化下perspective和transform:translateZ的用法。传统的商品展示或许并不能很好的吸引用户的注意力,但是如果在展示中添加适当的3D元素,~说不定效果不错哈~效果图:说明一下:这个创意不是我想的,哈~模仿别人的,创意应该是w3cplus上的。当然了,重点是教大家如何做,就当高仿了~首先,先教大家利用CSS3制作一个正方体:在木有CSS
2117
2017-03-10 16:00:19
2017-03-10 16:06:49
HTML5/CSS3专题 canvas 模拟实现电子彩票刮刮乐示例代码(图)
今天给大家带来一个刮刮乐的小例子~基于HTML5 canvas的,有兴趣的可以改成android版本的,或者其他的~效果图:贴一张我中500w的照片,咋办啊,怎么花呢~好了,下面开始原理:1、刮奖区域两个Canvas,一个是front , 一个back ,front遮盖住下面的canvas。2、canvas默认填充了一个矩形,将下面canvas效果图遮盖,然后监
2699
2017-03-10 16:13:21
2017-03-10 16:15:41
HTML5/CSS3 网页加载进度条的实现,下载进度条等经典案例
今天给大家带来一个比较炫的进度条,进度条在一耗时操作上给用户一个比较好的体验,不会让用户觉得在盲目等待,对于没有进度条的长时间等待,用户会任务死机了,毫不犹豫的关掉应用;一般用于下载任务,删除大量任务,网页加载等;如果有使用html5为手机布局的,也可以用于手机中~效果图:1、html结构:
2817
2017-03-10 16:28:31
H5移动端各种各样的列表的制作方法(一)
移动端各种各样的列表的制作方法(一) by FungLeo前言随着移动互联网的发展,大量前端人员从pc端转移动端.而很多PC端的前端经验并不适用于移动端.前几日我撰写的一篇博文《移动端H5的一些基本知识点总结》获得了大量的点击量.因此,FungLeo决定,在接下来的时间里,我将围绕移动端,展开一系列的教程. 本系列文章的CSS部分,将全部采用SASS语法撰写.如果您不会SASS,建议阅读相关教程
2736