在最近的工作中，接手了一个古老的项目，其中的 JS 代码是一整坨的面条代码，约 3000 行的代码全写在一个文件里，维护起来着实让人头疼。 想不通为啥之前维护项目的同学能够忍受这么难以维护的代码……既然现在这个锅被我拿下了，怎么着也不能容忍如此丑陋的代码继续存在着，必须把它优化…

本人翻译的文章。

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

React-Sight 是支持 Fiber、React Router、Redux 的 React 组件可视化工具，它能够将 React 组件以树状方式层次化地可视化呈现给开发者。目前 React Sight 提供了 Chrome 插件，不过需要开发者首先安装 React Dev

整理了十来个 Console 的调试技巧。

一站式页面调试、抓包工具。远程调试任何手机浏览器页面，任何手机移动端 webview（如：微信，HybirdApp 等）。支持 HTTP/HTTPS，无需 USB 连接设备。

SVG 内增加为

VueVue原理解析之observer模块Hybrid 方案WebView 与 Javascript 交互及 JS 的注入CSS3一个完整的Flexbox指南JavaScriptECMAScript 6 Modules(模块)系统及语法详解JavaScript 面试中常见算法问…