轩枫阁

首页 / Web前端 / 授人以渔 / Javascript (第9页)

谷歌3D魔方涂鸦揭秘-Google Doodle Rubik’s Cube

前言

5月19日,为了纪念魔方发明40周年,Google在首页发布了有史以来最酷的涂鸦:一个3D互动魔方。

关于魔方(Magic Cube)

魔方(Magic Cube),又称为鲁比克方块,由匈牙利布达佩斯建筑学院厄尔诺·鲁比克教授于1974年发明。魔方最初仅仅是一种帮助学生增强空间思维能力的教学工具,但随后却发展成风靡世界的益智玩具。

体验一把

史上最酷的web 3D魔方,看看你是否有能力通关呢?

官网版:https://www.google.com/logos/2014/rubiks/rubiks.html

备份版:http://xuanfengge.com/demo/201405/magic-cube/

Screen-Shot-2014-05-19-at-09.34.22

开发历程

3D魔方也是Google公司处理过的最有难度的涂鸦,魔方的成功要归功于CSS技术的进步和Google工程师们的聪明点子。制作这个拥有5.19X10^20种组合的魔方互动程序共耗去Google公司2个月的时间。 查看全文

2014/05 29  周四

原生JS实用技巧手记(六)

本系列文章旨在记录一些实用的javascript技巧,既可以作为一个知识的积累,又可以作为闲暇时打发时间写写代码的记录。同时也方便日后翻阅~

1. 封装cookie组件

2. 字符串比较

3. 检索字符串

4. 查找替换字符串

查看全文

2014/05 27  周二

NPM之NodeJS包管理和分发工具推荐

前言

NPM为NodeJS提供了很多包和模块,让我们减少工作量。目前共有73561个packages,如此多的包和模块让我们眼花缭乱,本篇文章会对Node Packaged Modules进行介绍及推荐,持续更新,欢迎投稿!

简介

NPM的全称是,是一个NodeJS包管理和分发工具,已经成为非官方的发布Node模块(包)的标准。

如果你熟悉ruby的gem,Python的pypi、setuptools,PHP的pear,那么你就知道NPM的作用。

Nodejs自身提供了基本的模块,但是开发实际应用过程中仅仅依靠这些基本模块则还需要较多的工作。幸运的是,Nodejs库和框架为我们提供了帮助,让我们减少工作量。但是成百上千的库或者框架管理起来很麻烦,有了NPM,可以很快的找到特定服务要使用的包,进行下载、安装以及管理已经安装的包。 查看全文

2014/05 17  周六

Javascript数组去重方案

前言

数组去重是道经典的前端考题,2013年笔面试的时候,碰到过至少3次,方法有多种。

基本思路

  1. 数组遍历,元素一一比较,遇到相同的数组元素时则删除后面出现的
  2. 数组遍历,元素一一比较,遇到相同的数组元素,跳过前面重复元素,不相同的放入新数组
  3. 取一个数组元素放入新数组,遍历余下数组元素,与新数组的元素一一比较,若不相同则放入新数组
  4. 遍历数组,取一个元素作为对象的属性,判断属性是否存在

具体实现

删除余下重复的元素

查看全文

2014/05 08  周四

前端轻量级web进度条 – Nprogress & nanobar

前言

进度条库是前端中常见的库之一,bootstrap中提供了多种进度条样式。NProgress.js和nanobar.js是两款轻量级的进度条组件,使用简便。轩枫阁用过Nprogress,用于页面刚打开时的页面加载进度显示。

官网

NProgress.js:http://ricostacruz.com/nprogress/

nanobar.js:http://nanobar.micronube.com/

1. NProgress

nprogress

简介

轻量级的ajax进度条应用,灵感来自Google, YouTube, and Medium。

纳米级的进度条。 具有逼真的动画涓涓细流来说服你的用户,something is happen! 查看全文

2014/04 15  周二

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子