视差滚动，大家也许并不陌生。但是对于视差方向移动，你是否有见过效果呢？看官请进来瞧瞧~
轩枫阁404页面：http://xuanfengge.com/demo/201406/404/
github 404页面：https://github.com/404
说明：轩枫阁的404页面灵感来自于Github 404页面效果，并增强了交互。同时轩枫阁的第一个404页面效果是腾讯公益404寻找孩子页面，现在的版本是二次改版，增强了交互，即进入404页面后，需要在当前页面中充当福尔摩斯角色，通过线索寻找到返回首页的入口。
简介：视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。
示例（最后一个专题）：http://www.xuanfengge.com/funny/
简介：这个名称是博主自己起的→_→。即多个元素跟随鼠标移动方向，以不同的速度和距离，在同一个方向上进行移动的交互。
插件：使用的是shake.js这个jQuery插件。首先要先加载jQuery才会生效。
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次，方法有多种。