在 Chrome 浏览器种，我们可以使用 window.navigator.connection API 中的 downlink 属性来获取实时网速：

之前在使用 Github issues 搭建博客平台的时候，研究过一番如何取得 Github 授权并调用 API 的办法。后来选择了较简单的账号密码和 Token 的方法。但是有读者反馈这样的操作依然稍显麻烦，且在第三方的页面输入账号密码总感觉不安全。后来经过研究，总算找到了 Github App 这种更为优雅的办法。

最近基于 Github API 开发了一款图床 Chrome 插件 Picee，现在已经开源并上架 Chrome 应用商店。当中的过程涉及到一些有趣的知识点，故将其记录下来。

在近期使用CocosCreator（以下简称CC）开发HTML5游戏的工作中，发现公司许多游戏都有着相同的元素，比如倒计时条、结算页面等等。在早期的开发中，我们并没有摸索到复用的办法，只能在不同的游戏项目中从头开始写。随着需求越来越多，重复造轮子肯定不是一个好办法，那么对于CC项目来说，能不能把这些可复用的游戏元素作...

对于图片上传，大家一定不陌生。最近工作中遇到了关于图片上传的内容，借此机会认真研究了一番，遂一发不可收拾，最后琢磨了一个东西出来。在开发的过程中有不少的体会，于是打算写一篇文章分享一下心得体会。本文将会以这个名为Dolu的项目为例子，一步步介绍我是如何进行环境搭建、代码设计以及实际开发的。内容较多，...

说到劫持，第一反应可能是什么不好的东西。函数劫持并不邪恶，关键是看使用的人。虽然这个概念在前端领域使用较少，但是在安全领域、自定义业务等场景下还是有一定的使用价值的。所以，这一篇文章将会和大家一起去了解一下JS中的函数劫持是什么，有什么用。

体验地址：[链接]项目地址：[链接] SphinxJS 一个能够把字符串编码成png图片，或者从png图片中解码出字符串的超轻量级开源库，总代码数甚至不超过100行！ 使用方法 通过npm安装 {代码...} 通过<script></script>标签引入 {代码...} 值得注意的是，因为SphinxJS使用了ES2015的Promise以及其他很棒的特性，这...

说起前端缓存，大部分人想到的无非是几个常规的方案，比如cookie，localStorage，sessionStorage，或者加上indexedDB和webSQL，以及manifest离线缓存。除此之外，到底还有没有别的方法可以进行前端的数据缓存呢？这篇文章将会带你一起来探索，如何一步一步地通过png图的rgba值来缓存数据的黑科技之旅。

你是否曾经想要使用一些特别的CSS特性，却因为未曾得到所有浏览器的支持而选择放弃？又或者是，这些特性得到了所有浏览器的支持，但总会伴随着奇怪的bug，表现不一致甚至相互矛盾？如果这些事情都曾发生在你身上——我敢打赌——你应该关注一下Houdini。

不久之前Firefox和Safari浏览器已经开始支持类似Photoshop的混合模式，但是在Chrome和Opera浏览器中需要添加前缀。举个栗子：

官网地址：[链接]项目地址：[链接] 介绍 取名为“精灵”的elf，是一个干净，轻巧的响应式CSS框架。她基于flexbox，旨在快速搭建能够适配不同尺寸设备的响应式布局。 使用 安装 npm install elf-css elf是纯粹的css框架，首先需要在页面中引入elf.css： <link rel="stylesheet" href="elf.css" /> 然后添加一个叫做.e...

Markcook 1.2 项目地址：[链接]在线体验：[链接]客户端下载：[链接] 介绍 Markcook 1.2--简洁、高效的markdown编辑器 使用了vue.js+webpack进行开发和构建。 非常的简单，高效，没有多余的东西。 她的优点有很多： 实时预览，所见即所得，无需担心排版问题。 提供了齐全的快捷按钮，无需查阅markdown语法即可进行排版。 ...

喜欢前端，学习前端的最原始的动机，就是因为它可以制作非常酷炫的效果。然而现在上班所用的技巧，多是在业务逻辑那一块，并非是我最初想要去做的东西。所以在下班以后，打算重新拾起自己的兴趣，去学习真正的“酷炫”的东西。Canvas，就是能够让我实现目标的利器之一。希望通过这一个笔记，能够督促我高效完成学习，并且...