5月19日，为了纪念魔方发明40周年，Google在首页发布了有史以来最酷的涂鸦：一个3D互动魔方。
魔方（Magic Cube），又称为鲁比克方块，由匈牙利布达佩斯建筑学院厄尔诺·鲁比克教授于1974年发明。魔方最初仅仅是一种帮助学生增强空间思维能力的教学工具，但随后却发展成风靡世界的益智玩具。
史上最酷的web 3D魔方，看看你是否有能力通关呢？
官网版：https://www.google.com/logos/2014/rubiks/rubiks.html
备份版：http://xuanfengge.com/demo/201405/magic-cube/
3D魔方也是Google公司处理过的最有难度的涂鸦，魔方的成功要归功于CSS技术的进步和Google工程师们的聪明点子。制作这个拥有5.19X10^20种组合的魔方互动程序共耗去Google公司2个月的时间。 查看全文
本系列文章旨在记录一些实用的javascript技巧，既可以作为一个知识的积累，又可以作为闲暇时打发时间写写代码的记录。同时也方便日后翻阅~
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
var Cookie = { // 读取 read : function(name){ var cookieStr = "; "+document.cookie+"; "; var index = cookieStr.indexOf("; "+name+"="); if (index!=-1){ var s = cookieStr.substring(index+name.length+3,cookieStr.length); return unescape(s.substring(0, s.indexOf("; "))); }else{ return null; } }, // 设置 set : function(name,value,expires){ var expDays = expires*24*60*60*1000; var expDate = new Date(); expDate.setTime(expDate.getTime()+expDays); var expString = expires ? "expires="+expDate.toGMTString() : ""; var pathString = ";path=/"; document.cookie = name + "=" + escape(value) + expString + pathString; }, // 删除 del : function(name){ var exp = new Date(new Date().getTime()-1); var s=this.read(name); if(s!=null) { document.cookie= name + "="+s+"expires="+exp.toGMTString()+";path=/" } } }; // demo: Cookie.set("xuanfengge", "www.xuanfengge.com", 7); alert(Cookie.read("xuanfengge")); Cookie.del("xuanfengge"); |
|
1 2 3 4 5 |
var aString = "Hello!"; var bString = new String("Hello!"); if( aString == "Hello!" ){ } //结果: true if( aString == bString ){ } //结果: true if( aString === bString ){ } //结果: false (两个对不同,尽管它们的值相同) |
|
1 2 3 |
var myString = "hello everybody."; // 如果检索不到会返回-1,检索到的话返回在该串中的起始位置 if( myString.indexOf("every") > -1 ){ } //结果: true |
NPM为NodeJS提供了很多包和模块，让我们减少工作量。目前共有73561个packages，如此多的包和模块让我们眼花缭乱，本篇文章会对Node Packaged Modules进行介绍及推荐，持续更新，欢迎投稿！
NPM的全称是，是一个NodeJS包管理和分发工具，已经成为非官方的发布Node模块（包）的标准。
如果你熟悉ruby的gem，Python的pypi、setuptools，PHP的pear，那么你就知道NPM的作用。
Nodejs自身提供了基本的模块，但是开发实际应用过程中仅仅依靠这些基本模块则还需要较多的工作。幸运的是，Nodejs库和框架为我们提供了帮助，让我们减少工作量。但是成百上千的库或者框架管理起来很麻烦，有了NPM，可以很快的找到特定服务要使用的包，进行下载、安装以及管理已经安装的包。 查看全文
数组去重是道经典的前端考题，2013年笔面试的时候，碰到过至少3次，方法有多种。
进度条库是前端中常见的库之一，bootstrap中提供了多种进度条样式。NProgress.js和nanobar.js是两款轻量级的进度条组件，使用简便。轩枫阁用过Nprogress，用于页面刚打开时的页面加载进度显示。
NProgress.js：http://ricostacruz.com/nprogress/
nanobar.js：http://nanobar.micronube.com/
轻量级的ajax进度条应用，灵感来自Google, YouTube, and Medium。
纳米级的进度条。 具有逼真的动画涓涓细流来说服你的用户，something is happen！ 查看全文