摘要： 本文基于lukehoban/es6features ，同时参考了大量博客资料，具体见文末引用。ES6（ECMAScript 6）是即将到来的新版本JavaScript语言的标准，代号harmony(和谐之意，显然没有跟上我国的步伐，我们已经进入中国梦版本了)。上一次标准的制订还是2009年出台的ES... 阅读全文

摘要： 前端已经被玩儿坏了！像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了，像用||操作符给变量赋默认值也是人尽皆知的旧闻了，今天看到Quora上一个帖子，瞬间又GET了好多前端技能，一些属于技巧，一些则是闻所未闻的冷知识，一时间还消化不过来。现分类整理出来分享给大家，也补充了一些平时的积累和扩展了一些内容。HTML篇浏览器地址栏运行JavaScript代码这个很多人应该还是知道的，在浏览器地址栏可以直接运行JavaScript代码，做法是以javascript:开头后跟要执行的语句。比如：javascript:alert('hello from address 阅读全文

摘要： GitHub官方有个表情项目，旨在丰富文字信息。意味着你可以在提交代码的时候，在提交信息里面添加表情，同时也可以在项目的ReadMe.md文件里面使用表情。除此之外，当然还有项目在GitHub上的wiki页面，总之在GitHub的页面上，都可以使用。GitHub官方表情项目地址：github / gemoji效果预览项目README.md项目wiki页面代码提交时可用表情清单可以访问这个页面查看所有支持的表情以及对应的代码使用方法使用方法为前后冒号包围表情代号的句法。:blush: 会显示成所以你在提交代码的时候可以这样写提交信息：git commit –m 'commit some 阅读全文

摘要： HTML5草案里面其实有原生的字幕标签( Tag)的，但使用的是vtt格式的文件，非常规的字幕（.sub, .srt）或歌词文件（.lrc）。用法如下（代码来自W3School）： 但遗憾的是，使用起来还有不便之处。一是浏览器支持情况不太理想，连强大的FireFox（目前28.0）都还没支持，这你敢信!?。二是格式不兼容现有字幕或歌词文件，至少得需要个转换工具吧。所以在它流行起来之前，考虑另外的实现还是有必要的。效果预览效果预览页面：http://wayou.github.io/selected/如果你网速流畅的话，尽情欣赏我精选的这些歌曲吧（不时更新），只是别忘了star，也可... 阅读全文

摘要： 前端一直是一块充满惊喜的土地，不仅是那些富有创造性的页面，还有那些惊赞的效果及不断推出的新技术。像node.js这样的后端开拓者直接将前端人员的能力扩大到了后端。瞬间就有了一统天下的感觉，来往穿梭于前后端之间代码敲得飞起，从此由前端晋升为'前后端'。 图片来自G+ 本文将使用Node.js加web 阅读全文

摘要： 简介HTML5向Web API新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从DOM选取元素，功能类似于jQuery的选择器。这使得在编写原生JavaScript代码时方便了许多。用法两个方法使用差不多的语法，都是接收一个字符串参数，这个参数需要是合法的CSS选择语法。element = document.querySelector('selectors');elementList = document.querySelectorAll('selectors');其中参数select 阅读全文

摘要： 好像是feedly订阅里看到的文章，读完后觉得非常不错，译之备用，多看受益。加载jQuery1.坚持使用CDN来加载jQuery，这种别人服务器免费帮你托管文件的便宜干嘛不占呢。点击查看使用CDN的好处，点此查看一些主流的jQuery CDN地址。2.安全起见，最好还是提供一个本地备份以便在无法从远程CDN服务器获取jQuery时网站也能工作，如上面代码所示。详情见此。3.使用裸协议的URL（也就是说去掉http:或者https:），如上面代码展示的那样。4.如果可能，尽量将你的JavaScript和jQuery代码放到页面底部。详情移步这里，或者查看一个HTML5页面标准模板。5.该使用哪个 阅读全文

摘要： 继续玩味之前写的音乐频谱作品，将原来在Canvas标签上的 作图利用Three.js让它通过WebGL呈现，这样就打造出了一个全立体感的频谱效果了。项目详情及源码项目GitHub地址：https://github.com/Wayou/3D_Audio_Spectrum_VIsualizer/tree/master在线演示地址：http://wayou.github.io/3D_Audio_Spectrum_VIsualizer如果你想的话，可以从这里下载示例音乐：http://pan.baidu.com/s/1eQqqSfSNote:可以直接点击'play default' 播 阅读全文

摘要： 之前用HTML5的Audio API写了个音乐频谱效果，再之后又加了个播放列表就成了个简单的播放器，其中弄了个功能是'Shuffle'也就是一般播放器都有的列表打乱功能，或者理解为随机播放。但我觉得随机播放绝对要好实现些，用Math.random()产生一个介于1到歌曲数目之间的随机数便可，然后pl... 阅读全文

摘要： 我们将要达到的是如下的效果(若效果未出现请刷新)：分析主要还是运用CSS3的transition, animation, transform还有渐变背景等特性。由于按钮在鼠标进入时有不同的样式，所以要对其:hover状态运用另外的背景样式通过对按钮的:after状态添加一个内容为空的元素，并给其一个边框，这样在鼠标进入后我们让这个隐藏的空元素变大直到淡出，就得到我们看到的效果了构建基本按钮样式做为例子，我们的页面会很简单，就放一个a标签作为按钮，然后对其写样式让它看起来更像一个按钮。并定义好:after元素。 Fake Button添加动画首先用keyframes定义动画@-webkit... 阅读全文

摘要： 带平行视差效果的星星先看效果：如果下方未出现效果也可前往这里查看http://sandbox.runjs.cn/show/0lz3sl9y下面我们利用CSS3的animation写出这样的动画来，要点就是：用动画不停改变背景图片位置;动画高为无限循环;在页面放三个DIV，首先将他们大小铺满整个窗口，这点是通过将其position设为absolute然后分别设置上左下右四个方面距离为0px达到的。 Moving stars 然后定义的们的动画，让背景图片的位置从开始的0%变化到600%，注... 阅读全文

摘要： fartscroll.js，为放屁而生你知道么，有了这个js库，你的页面就可以——————————放屁勒！打开下面的演示地址，然后滚动页面。在线演示：http://theonion.github.io/fartscroll.js/jShaker晃到你眼睛生疼点击页面元素，然后就闪个不停在线演示：http://www.ajaxblender.com/script-sources/jshaker/demo/index.html?inp1=&inp2=#jQuery.spritely 任意摆布的小鸟很有创意的一个效果，手动手柄控制飞行方向及速度，小鸟就由你掌控了！看，那小鸟的表情是不是很二的 阅读全文

摘要： 《如何优雅地》系列在知乎火得不行了，以至于有机智网友在微博吐槽道：'知乎如何优雅地系列应该单独开一个站叫逼乎'。 早在这个噱头之前，看过一篇如何优雅地使用Windows的文章，无非就是介绍些快捷键，用快捷键就显得高端大气上档次。这个观念已经在大家脑海中根深蒂固了。从我个人的角度出发，快捷键于我的意义 阅读全文

摘要： 相信很多刚踏入软件这个行业的小伙伴一如当初的我，对开源软件的各种协议不甚了解被搞昏了头脑。毕竟对于一个新生程序员来说，如何写好代码才是亟待解决的问题，无暇了解这些。随着你项目做得多了代码写得多了，你会发现编码过程中会不时用到其他人的成果，一个项目下来多少会引入一些优秀的库，别人放在公网上开源的DLL，以及一些算法等等。细心的你会注意到即使只是一小段代码，优秀的作者都在最开始会简单地附上一段关于许可的声明，或者说是协议比如"Licensed under the MIT license"，并且一些博客也会标明"此文章发表在CC协议下"。而如果我们Copy了别 阅读全文

摘要： 每次打开谷歌浏览器的About页面更新的时候，总是期待着一个新版本的到来，新的东西总是让人感到Amazing。这样久了之后心中不免产生一个疑问，什么时候该发布一个新版本了，有什么规律么？平时的小更新总是版本号后面无关仅要的数字的增长，当这个数字增长到何时可以让主版本号加1？带着这个疑惑到StackO... 阅读全文

摘要： 接上一篇博文，介绍完jQuery插件开发后这里上一个自己的作品，也是初次实践，小有成就的感觉。话说这个插件年前就写好了，然后挂到GitHub，然后就偷偷看着Google Analysis心中暗自激动加窃喜，因为看到间歇地有一些来自世界各地的访客，那感觉真是乡下二狗子刚进城啊，现在看来好二。Inspired By首先要介绍的是灵感来自于，嗯，介绍一下还是有必要的，因为创意这东西，有时候比实际的产品更有意义，也让我们反思为毛外国友人们更具创造性，我们的思维太僵化勒！最初是受到国外某大大写的一个简单DEMO的启发，但我忘了当时是搜什么来着，反正就看到了这个页面，一看我去，This is fuckin 阅读全文

摘要： 要说jQuery 最成功的地方，我认为是它的可扩展性吸引了众多开发者为其开发插件，从而建立起了一个生态系统。这好比大公司们争相做平台一样，得平台者得天下。苹果，微软，谷歌等巨头，都有各自的平台及生态圈。 学会使用jQuery并不难，因为它简单易学，并且相信你接触jQuery后肯定也使用或熟悉了不少其 阅读全文

摘要： 将之前捣腾的音乐频谱效果加上一个播放列表就成了现在的喵喵播放器（Meow meow Player,额知道这名字很二很装萌~），全HTML5打造的网页程序，可本地运行也可以挂服务器上用。在线Demo及源码你可以访问下面的地址打开在线demo：http://wayou.github.io/MeowmeowPlayer/项目github地址：https://github.com/Wayou/MeowmeowPlayer/示例音乐下载，提供给硬盘里没有Music的同学：http://pan.baidu.com/s/1eQqqSfS欢迎喜欢的朋友前去星(star)我叉(fork)我或者下载代码自己研究。 阅读全文

摘要： 在看了一些关于HTML5 Audio API的资源后，一下子热情高涨顺势写了个音乐频谱效果的作品来玩味，也就是上上篇博文里介绍的。今天在测试的时候发现三个问题处理得不是很好：当歌曲正在播放的时候再选择另一首，页面顶部的标题没有很好地更新对于有些音频文件，比如在上篇博文中提供的示例音乐里面，bbc_sherlock_openning.mp3这个文件在播放完毕后频谱居然不会归零！另一个问题就是重点了，歌曲播放完了后后台代码仍在不停地跑结论鉴于后面的内容是跟具体程序有关的（上上篇博文中介绍的Audio Visualizer），所以不知道源码的你或许不太感兴趣，于是把结论提前。我想说的就是， 在Jav 阅读全文

摘要： Source: StatCounter Global Stats - Browser Market Share 阅读全文