之所以写这个总结，还要从上周的一次移动端项目的 debug 说起。那天，测试小姐姐拿着自己的 iphone6s 过来找我，说页面打不开。我想：这怎么可能，我手机里挺好的呀，Chrome调试工具也没报错呀！就把她手机拿过来看了看，发现一进去还真就是一片空白。WTF（手动黑人问号）…

谷歌浏览器 Chrome 是我们最常用的浏览器之一，而Chrome浏览器自带的开发者工具Chrome DevTools是Web前端开发性能调试的必备工具。但是Chrome能做的远远不止这么简单，Chrome的功能通过成千上万的拓展工具进行拓展，让开发者们可以在开发过程中运用各种…

有兴趣的可以玩一玩，因为平时经常会用到图片压缩，上传，如果你也觉得很繁琐的话，这个将会解决你的痛点。 这是一个基于 electron的图片压缩上传工具，压缩过程主要通过调用tinypng提供的API完成。上传配置参考iView的文件上传配置。 因为是桌面端，所以很方便我们将图片…

这个插件还提供一个快捷键shift+command+D，一键删除本页面所有console.log，也很常用。 这样的log虽然意思很明确，但是控制台被一大堆信息铺满，自己的log被淹没在控制台各类信息当中，不是那么显眼，很难一眼定位到，这时候就想到加一点颜色等样式，显眼一点，就…

Puppeteer(中文翻译”木偶”) 是 Google Chrome 团队官方的无界面（Headless）Chrome 工具，它是一个 Node 库，提供了一个高级的 API 来控制 DevTools协议上的无头版 Chrome 。也可以配置为使用完整（非无头）的 Chrom…

2016年刚接触移动端开发，刚开始比较疑惑，每次遇到问题都是到社区里提问或者吸取前辈的经验分享，感谢热衷于分享的开发者为前端社区带来欣欣向上的生命力。本文结合先前写的文章和开发经验分享给大家，希望也能帮助刚步入移动端开发的新人解惑。以下会以其中一个以公积金页面开发项目作为例子，…

对于每个前端从业者来说，除了F5键之外，用的最多的另外一个键就是F12了。 今天，大神（@小鱼二）推荐我一个网站，才知道chrome还有各种骚姿势。 所有的我都看了，这里随便列举几个个人之前不了解，觉得挺有用的。 多的就不列举了，可以看看开头的网站。看了有几个功能我电脑（win…

有了这些运营 / 产品 / 创业 / IT 等线上学习平台工具，妈妈再也不用担心我的工作了！大家马上 get 起来吧！

遂卒.... 开玩笑的，既然提到了，又没回答上来什么，哎哟我这暴脾气，一想到今晚就睡不着，连夜把它撸了。 那么我们来从零写个插件吧。 你会发现Babel解析成表达式里面再嵌套表达式。 到这里，已经向你大概的讲解了，如何编写一个Babel插件，再也不怕面试官问我答不出什么了哈..…