边浩

本文首发在「前端外刊评论」。一个关注前端前沿技术，探寻业界深邃思想的自媒体。欢迎文末扫码关注公众号。 关于作者 周林，github，陆金所前端程序员，专注 Hybrid APP 性能优化和新技术探索。欢迎任何形式的提问和讨论。 前言 随着 Hybrid 应用的丰富，HTML5 …

上周做一个关于移动端图片压缩上传的功能。期间猜了几个坑，在此总结下。大体的思路是，部分 API 的兼容性请参照 caniuse：利用 FileReader, 读取 blob 对象，或者是 file 对象，将图片转化为 data uri 的形式；使用 canvas，在页面上新建一个画布，利用 canvas 提供的 API，将图片画入这个画布当中；利用 canvas.toDataURL()，进行图片的压缩，得到图片的 data uri 的值上传文件。

Declan 在升级 voorhoede.nl 的网站时运用了很多新的技术来提升网页性能：静态实现，Webp，SVG，webfonts，异步加载 JS 和 CSS 当然还有 CDN、缓存、HTTP/2 的使用

本文通过简化 Vue 源码，从复杂的 Vue 源码中抽取数据双向绑定部分的核心进行简化，以便于理解 Vue 是如何实现数据双向绑定的

JavaScript - 由于它是 web 开发中最基本的语言，无论你怎么看待它，我们都要去考虑它的 "未来"。毕竟，在电脑和手机端，浏览器大概是人们用的最多的应用了。

因为最近在工作中尝试了 webpack、react、redux、es6 技术栈，所以总结出了一套 boilerplate，以便下次做项目时可以快速开始，并进行持续优化。

　当人们试图学习 JavaScript 或其他编程语言的时候，他们通常会遇到如下挑战。 一些概念让他们感到困惑，特别是如果之前学过其他类型的语言。 很难找到学习的时间（或者动力）去学习。 你很容易忘掉之前学到的东西。 JavaScript 工具太多并且经常更新，以至于很难找到学习的切入点。 　　幸运的是，这些难题最终能够被克服。在这篇文章，我将展示六个能够帮助你更快、更开心、更高效地学习 JavaScript 的六个思维技巧。

浅谈浏览器 http 的缓存机制

在 js 中，void 关键字的一些用法