HTML5 Web Audio API可以让我们无中生有创造声音，而且是各种音调的声音，换句话说，我们通过JavaScript就会创建一个完整的音乐出来，这可能和我们以前的认知有些不一样，例如点击按钮出现一个点击的音效，传统思维可能是需要JS触发一个<audio>音频文件的播放，实际上，并不需要任何额外的资源，十几行JS代码就可以搞定，而这就是本文要介绍的内容。
利用HTML5 Web Audio API给网页JS交互增加声音
2017年06月10日 by 阅读 105486 次, 今日 11 次-webkit-text-stroke文字描边CSS属性及展开
2017年06月4日 by 阅读 105719 次, 今日 6 次今天，我使用caniuse查看text-stroke兼容性的时候，发现了一件令我震惊的事情，最新版的Firefox以及Edge已经支持text-stroke描边属性了，并且全部都是采用-webkit-私有前缀，这就意味着在不久的将来，要实现文字描边效果，我们就可以使用原生的text-stroke属性，不用担心兼容性问题…
我对知乎前端相关问题的十问十答
2017年06月2日 by 阅读 158559 次, 今日 14 次之前知乎上有不少同行邀请我回答一些前端相关问题，但是，大家都知道了，要认真回答一个问题是需要大量时间和精力的，对于还在不断学习积累阶段的我，时不时分散原本的精力，打乱自己原本的节奏，实际上是一件不划算的事情。所以我决定选十个比较具有代表性，自己能够驾驭的前端问题统一作答。
jquery.guide.js新版上线操作向导镂空提示jQuery插件
2017年05月18日 by 阅读 35703 次, 今日 10 次网站上线或者改版的时候，常常会做一个操作向导，告诉用户一些重要操作到了哪里，或者什么地方隐藏了什么好玩的东西，等等，虽然我都是直接关掉的，或者快速跳过，但是对有部分用户而言还是很有用的。
这种提示比较好的交互效果是采用镂空的半透明遮罩，视觉重点一目了然，类似这样……
小tips:使用canvas在前端实现图片水印合成
2017年05月17日 by 阅读 67595 次, 今日 4 次图片合成最常见的需求有验证码图片，亦或者图片加水印等，这种实现一般都是后端实现的。
随着HTML5发展和现代浏览器的占比越来越高，我们其实也可以在前端直接进行图片的合成。优点在于，响应更快，体验更好；如果是和文字进行合成，我们可以利用客户端字体，视觉展现效果更丰富；同时展示和合成全部都是前端完成，因此更利于维护。
使用electron构建跨平台Node.js桌面应用经验分享
2017年05月16日 by 阅读 85036 次, 今日 9 次最近，把团队内经常使用的一个基于Node.js制作的小工具给做成了可视化操作的桌面软件，使用的是electron，这里简单分享一下使用electron的一些经验和心得。
HTML accesskey属性与web自定义键盘快捷访问
2017年05月15日 by 阅读 33608 次, 今日 5 次可能很多小伙伴都不知道，我们只要在HTML代码上设置几个属性，就可以让浏览器支持我们自定义的快捷访问方式，而这个神奇的属性就是本文要介绍的，accesskey属性。
HTML tabindex属性与web网页键盘无障碍访问
2017年05月13日 by 阅读 39996 次, 今日 11 次HTML虽然入门简单，但是，要想日后深入，却要花费非常大量的时间，因为一些看似非常简单的属性，实际上牵扯到另外一个完整领域的知识。例如本文要介绍的这属性tabindex，与web网页无障碍访问息息相关，而且是键盘访问领域的。
这些属性不仅可以触发浏览器层面的行为，本身对HTML的元素的交互特性甚至UI表现都会有影响。
HTML <area><map>标签及在实际开发中的应用
2017年05月6日 by 阅读 70165 次, 今日 6 次之前，我一直以为HTML <area>是一个鸡肋HTML，估计到了HTML5时代会被废弃的命。但是，最近一查资料，乖乖了个咚，不仅没被废弃，反而发展了，新增了一些标签属性，例如rel，media，hreflang等。
然后进一步研究发现，尼玛这货居然还可以用来解决一个困扰我很多年的棘手问题，形象立马高大上了起来。
CSS :focus伪类JS focus事件提高网站键盘可访问性
2017年04月23日 by 阅读 39689 次, 今日 4 次所谓“键盘可访问性”，指的是用户只使用键盘访问网站的能力。例如，我们的iMac鼠标没电了，或者鼠标坏了，或者在智能电视中访问我们的网站，此时就只能依赖于键盘访问了。
我们只要平时注意HTML语义化，例如按钮不要使用<span>，<div>等标签，不要重置outline，基本上键盘可访问性就已经及格了。
若想再进一步提供，就需要看看本文的内容了……
我的应用
我的应用