如果，你有开发 h5 游戏的经验，那么相信你能够直接上手微信小游戏。即使，你和我一样之前没有游戏开发经验也没关系，看了本文之后，相信你也可以试着开发一个简单的小游戏玩一玩了。

2018 年过了不到一个月，时间虽短但有一样新东西在这短短时间里就火了起来。从“跳一跳”，到“坦克大战”，再到“头脑王者”，微信小游戏好像突然将时间拉回到了过去。餐桌上、休息时大家不再是各自刷着微博、段子，而是聚在一起开始一场场紧（ge）张（zhong）刺（zhuang）激（bi）的对战。小游戏充分利用了人们零碎的时间，...

如果说，2017 年计算机领域的潮流是人工智能的话，那么前端界的潮流想必就是 TypeScript 了。 前言 安装 TypeScript tsconfig.json 配置 Tslint Vue 中使用 typescript 需要注意的问题 其他问题 最后 前言 大家一听到 ts 是强类型语言，想到 js 要像其他语言那样定义变量类型就头疼，心里多少有些抵触情绪。起初我也是这...

上一篇文章中提到了几个前端界的版本大佬，这不，上个月 Node 又发布了 8.0 版本。 Node 8 这次升级有哪些令人眼前一亮的新特性？ 新增了 Node.js API (N-API) 新增了 util.promisify()，用于将原有的 callback 形式的函数 Promise 化（相信是个神器...） 不过，这些都不是今天的重点，今天的主角另有其人。 Npm 5 最近...

继 Node, React, Angular 版本失控之后，Webpack 的版本也坐上了? 在之前的文章里，就提到了因为年前版本回退的原因，我特意推迟了升级 webpack，就怕它又搞什么大新闻。 然而，没想到还是中了圈套，webpack2 坚挺了还不到半年，就迎来了它的替代者。 就在一周前 webpack3 正式版发布了！ 这次版本升级的主要原因有以下...

原文链接：Functional Mixins 译者注：在编程中，mixin 类似于一个固有名词，可以理解为混合或混入，通常不进行直译，本文也是同样。 这是“软件构建”系列教程的一部分，该系列主要从 JavaScript ES6+ 中学习函数式编程，以及软件构建技术。敬请关注。 上一篇 | 第一篇

不久前，vue 升级至了 2.3.0 版本，是一个 minor 的版本。该版本除了一些组件功能的优化之外，主要是升级 vue 的 ssr 功能，甚至于为之建立了一个独立的 Git Book。

今年年初，webpack 2.2.0 版本正式发布，还记得那时已有很多文章来介绍 webpack 2。 但经历过之前，先将默认安装升级至 2.0.x-beta 又退回 1.x 的我来说，吃一堑长一智，决定先观察看看。

原文链接：A step-by-step guide to building a simple chess AI 我们先来了解一下，在我们创建一个简单的国际象棋 AI 过程中所会接触到的一些基本概念： 棋子的移动 绘制棋盘 Minimax（极小化极大算法） Alpha-beta 剪枝 我们将一步一步将这些加入最终的算法中，并分别展示它们对算法所产生的影响。 你可以在 Github 上...

这篇将讲述如何为应用添加两个小功能——添加应用至桌面和分享。虽然，这两个功能实现起来相当简单，可以说是没有什么代码量，但是，不要小看了这两个小功能，它们有可能会改变大格局。

系列文章： Service Workers 和离线缓存 Notification with Service Workers push events (本文) PWA：添加应用至桌面及分享 Notification HTML5 Notification 已经推出挺久了，它可以用来给用户发送通知提示。 一直想试一试给自己的博客用上这个功能。上一篇成功升级 https 之后，终于可以来捣鼓一下了。捣鼓之前，还是...

第一次听到 Service Workers 这个词还是在去年 Google 来安利 Angular 2 的时候，那时就觉得很惊艳，想搞一搞，但是因为没把网站升级成 https 一直拖到现在。不久前，把网站升级成了 https，终于可以搞一发了。

不过，你不了解也没有关系，在作者眼中，docker 就类似于一个沙箱，而你的应用起在这个沙箱里，不受服务器系统环境的影响，同时也不污染服务器，配置完成之后往服务器部署或移除应用都相当方便。

继上一篇使用 SSR 来优化搜索引擎之后，为了进一步提高自己的网（zhi）站（ming）排（du）名，就打算进一步优化 SEO。之前有听朋友提到结构化数据对 SEO 有帮助，便去了解了一下，果然是个好东西。

个人博客之前已经将 vue-router 的模式改为了 history，即 url 中不包含 hash，再通过将所有的静态请求转发到 index.html，使它看上去似乎像一个静态多页的网站。

持续集成，这个概念对后端来说应该并不陌生，甚至可以说是司空见惯吧。但是，这对曾经（除了那些大厂）单元测试都不一定要写的前端来说，或许是个陌生的词。

人们常常在正真需要 Redux 之前，就选择使用它。“如果不使用 Redux，我们的应用无法扩展怎么办？”应用接入 Redux 之后，开发者就开始头疼了。“为什么为了开发一个简单的功能需要创建 3 个文件？”为什么！

相信这个 loading 的标志大家都很熟悉，是不是很和谐？ 额...有毒，看得停不下来。既然，那么神奇，我就好奇地研(goo)究(gle)了一下。 原来它是 Material Design Progress（谷歌网站，你懂得）的一种 —— Circular。 在研究的过程中，发现有大神用 CSS + SVG 在 codePen 上实现了它。接着，就一步步来看这个魔性的 loadin...

做过移动端开发的童鞋相信一定遇到过，页面在自己电脑上模拟各种手机都跑的好好的，但当程序正真在真机上运行时，总会遇到一些问题。 有了问题就得要解决啊，这时你肯定想手机上要是能打开控制台该有多好啊~ 办法当然是有滴。 首先，当然是来看看土豪们用的机器 iphone。 Safari iOS 系统默认的浏览器是 safari，调试 sa...

系列文章: Vue 2.0 升（cai）级（keng）之旅 Vuex — The core of Vue application (本文) 从单页应用(SPA)到服务器渲染(SSR) 当今，谈到状态管理首先想到的肯定是 Redux，而随着 Vue 2.0 的发布，Vuex 也伴随着推出了最新版，本文就带你对照 Redux 来看看刚刚出炉的 Vuex 2.0。 有关 Redux 的基础概念在本文中会简要略过...

系列文章: Vue 2.0 升（cai）级（keng）之旅 (本文) Vuex — The core of Vue application 从单页应用(SPA)到服务器渲染(SSR) 本文不包含 Vue 2.0 所有新特性，如 SSR 等，本文并没有涉及，本文只包含 个人博客项目 升级中所遇到的经验分享，如有兴趣，可以查看 Vue 2.0 changes log。

系列文章： GraphQL 核心概念 graphql-js 浅尝(本文) 常言道，实践是检验真理的唯一标准。 上一篇文章讲了 GraphQL 的核心概念，所提到的一些例子都是理论化的，并没有实际代码做支撑，就好像在画一个大饼，总是让人不那么信服。 它真的有那么神奇吗？那就同我一起看下去，用事实说话。 之前那篇文章一直有提到 GraphQL ...

最近因为工作上新产品的需要，让我有机会了解和尝试 GraphQL。按照套路，在介绍一项新技术的时候总要回答 3 个问题：What, Why & How。

在之前的文章中，我们已经了解了 Redux 到底是什么，用来处理什么样的问题，并创建了一个简单的 TodoMVC Demo。但是，我们同样遗留了一些问题没有处理，比如：异步处理、中间件、模板绑定等，这些问题我们将在这篇文章中通过一个简单的天气预报 Demo 来一一梳理（查看源码点这里）。

状态管理，第一次听到这个词要追溯到去年年底。那时，Flux 红透半边天，而 Reflux 也是风华正茂。然而，前一阵一直在忙其他的事，一直没时间学学这两个库，到现在 Redux 似乎又有一统天下的趋势。

说到关于 Angular Styleguide，很多人可能会想到这篇经典的文章。的确，它是一篇非常棒的文章，甚至已经被翻译成许多种语言（包括中文），在 github 上更是拥有将近 1.9w 个 star。