vivaxy

a 标签点击改变页面链接中的 hash 部分。 :target 选择器可以选中和页面 hash 相同的标签（标签的 id 和页面 hash 相同）。 先在页面中定义弹窗 i...

Chrome 61 支持了在浏览器中使用 ES6 模块。Safari 10.1 上半年也已经支持了。 支持 ES6 模块的浏览器会根据 <script> 标签上的 type...

Karabiner Elements 在 v0.91.1 版本中支持了 complex_modifications。 终于支持了把 CapsLock 改成 Hyper 键一...

使用 require.context 可以动态引入文件。参考官方文档，但是文档中的表述不甚清晰，因此我整理了几种用法和结果。 先新建一个测试目录，安装 webpack。目录...

Keynote 和 PPT 这种文件方式不适合版本管理，也不支持代码高亮。而 markdown 就是很好的一个选择。 Slides.com 比较完美，但是是在线的，内容安全...

不赘述函数式编程，从函数式编程的几点原则开始给大家提供一些代码风格的转换思路。 变量都用 const 来申明。 不使用 for 循环。采用 map 等高阶函数。 不用 pu...

本文翻译自：Python for JavaScript Developers，作者：Mario Pabon。 最近我加入了一家小创业公司 Underdog.io，在纽约。我...

WebVR 是一种在浏览器中体验 VR 的技术，由 W3C 官方制定规范，各浏览器实现。由于目前各浏览器对 WebVR 的支持不一，因此现在使用这项技术时需要额外使用一个右...

从 Redux 官方示例开始，我们就采用了 actions 和 reducers 分开文件夹来维护的思路。 但是在实际业务中，大部分场景下一个 action 触发的 red...

上期，我们实现了 Bird, StickManager 模块，这期我们将实现 Input，碰撞检测和完成整个游戏。 运行下可以看到点击后，Bird 向上飞了。 分两部分：鸟...

上期，我们实现了 canvas, Background 模块，这期我们将实现 Bird 和 StickManager 模块。 Bird 也是一个可移动的模块，但是和之前的 ...

上期，我们介绍了 canvas, GameManager 模块，这期我们实现一下上次拆分的 canvas 和 Background 模块。 由于画布在全局是单一的，所以在实...

我打算用几期的时间做一个 Flappy Bird 游戏。 H5 游戏有不少现成的引擎，可以让开发这很方便的完成游戏开发。比如： 然而今天我不用这些引擎。使用原生 js 实现...

按照 移动端全兼容的flexbox速成班 一文给出的 flex 布局方案下，为了兼容旧版 box flex，会强行指定 height: 0。 如果其中的自元素采用了 hei...

在使用 Node.js 实现 FTP 文件上传的过程中，我发现文本文件可以正常上传，但是图片文件则不行。图片被上传后，文件内容被更改了，无法正常打开了，文件大小也不一致了。...

async 的 eachSeries 方法实现了多个异步方法的顺序调用，一次只执行一个异步方法。 I don't need async....

webpack dev server 是 webpack 提供的用于本地开发的工具，它支持代码热更新，能迅速将更改后的代码更新到浏览器中。在这个模式下，构建后的代码在内存中...

webpack 通过 plugins 实现各种功能。常见的 plugins 如下： 这个插件可以把命令行的环境变量带到浏览器端。react 认为 NODE_ENV=prod...

webpack 通过 loaders 解析 require 语句引入的文件。常用的 loader 有： loader 的使用方法是在 webpack.config.js 配...

webpack 是 2016 年兴起的一个前端打包工具。看了 github 上最早的一次 commit 是 2012 年 3 月 10 日提交的。作者 sokra(Tobi...