计算机图像处理是一门很成熟的技术，任何一门可操作系统接口的语言都能很轻易的实现各种处理操作。但是前端限于浏览器环境和接口限制，处理起来会有诸多不便，这里所说的前端图像处理，是真的指 ** 不借助任何后端服务 ** 纯前端实现的图像处理。本文会介绍 canvas 位图处理，SVG 矢量图和 CSS3 图像处理，重点是 canvas，并且最后会附上一个小应用。

送给所有依然斗志满满的前端开发人员，如果你正在走向地狱，那就继续前进。 翻译自Medium，晚安。

H5 项目常见问题汇总及解决方案

不断更新中。。。。

最近看了一些大神的作品，更加觉得不管做任何事，都需要专注和坚持，很多时候不是自己没有能力做好，而是没在意细节，没有多问自己一个为什么。 很早 YAHOO 团队就出了一份有助于网页性能提升的指导方法，还开发了一个工具 YSlow 供开发人员使用。 以下是 YAHOO 团队当年列出的几条最佳实践，从中我们可以看出，优化的过程是层层递进的，需要了解到底层的工作原理，比如 HTTP 协议。

现在很流行基于 GitHub page 和 markdown 的静态 blog，非常适合技术的思维和习惯，针对不同的语言都有一些优秀的静态 blog 系统出现，如 Jekyll/Ruby，Pelican/Python，Hexo/NodeJs，由于静态内容的特性非常适合做缓存来加速页面的访问，就利用 Service worker 来实现加速，结果是除了 PageSpeed，CDN 这些常见的服务器和网络加速之外，通过客户端实现了更好的访问体验。

Hybrid 方案DDFE - [17年跨领域学习]从 WKWebview 再谈混合开发豆瓣的混合开发框架 -- Rexxar美团大众点评 Hybrid 化建设iOSObjective-C编码规范那些好用的iOS开发工具iOS JS 交互之利用系统JSContext实现 JS调…

以往做一些 H5 的运营项目，都是动画设计师使用 Animate cc（原来的 Flash）先设计好动画原型，然后交给我们 UI 开发来实现。做过动画开发的童鞋都知道动画开发都是比较耗费时间精力的，而且还要高质量的还原动画设计师设计好的动画，来回沟通成本也非常高。 那有没有一种高效的方法来改善这种流程，提高开发效率的同时还能完成高品质的动画呢？

移动端 H5 页面注意事项。