听我的就完事！前端不易，我用东西。今日我可是不要脸的遍访了四位经验丰富的前端工程师，历经七七四十天，九九八十一难，才收拾出了这本葵花~啊不，前端开发东西宝典，用了，线、Responsively App：网页调试必备法宝

　　像我相同搞过前端的都知道，现在的大厂越来越注重网页在移动端的运用体会，是移动端的尺度和类型太多，在不同的移动端上进行设备调试是个十分繁琐的作业。尽管Chrome 浏览器默许的东西也还不错，可是一次只能针对一种尺度，开发本钱相对仍是高了一些。

　　Responsively 最主要的特征便是你只需要在一台设备上进行任何操作，便会实时同步到一切设备上，并且可以在一个窗口里检查一切方针设备的状况，构成一个镜像交互的作用。让你在进行网页调试的时分，如虎添翼。

　　这个东西可能是最受欢迎和最广泛的Javascript数据可视化库，足足收成了80kstars。它的优势便是在于可以将有数据的文档，运用HTML，SVG和CSS转化为一个可视化的图表，让信息更直观更灵敏。并且它的通用性很强，并不需要经过专用结构，就可以直接与现代浏览器的功用结合，像是canvas类图表, 不管你代码操作粒度再细, 放在react组件里的无非便是一个canvas元素.而D3可以把恣意数据绑定到文档目标模型（DOM），与react更好的结合。

　　Codepen可以说是前端界的Dribbble，（一个展现规划和著作的网站）。它最大的存在含义，便是将HTML、CSS、JavaScript等创造出来的规划，更进一步的完成出来，把东西面向一个更实在的地步。它简直支撑一切你可以想到的库，也答应你增加外部资源，可以说是一块很好的完成构思的“画布”。所以假如你也是一个热衷于demo完成的规划师，那这儿也将会是你研讨技能、观赏著作的创意源泉。

　　我一般用它来保管、记载和办理不同项目中的可重用构件。它最大的优势Bit可以轻松地在任何规划的项目和应用程序之间同享和办理组件。等所以只编写一次，就可以到处运用。并且它具有彻底自动化的依靠性界说/分辨率和可扩展的版别操控，基本上满意规划体系所需，可以协助你从头构建体系。

　　它还答应在团队之间同享组件，然后答应你的团队与其他团队协作。可以进步你们的团队协作功率，加速开发进程。

　　前端开发者一定能了解，node_modules 这个巨大的文件夹，每次履行 npm install 的时分都会装置项目的依靠包以及依靠的依靠，它存在于咱们的每一个项目中，跟着时刻越来越长，它会变得越来越大，占有了不少贮存空间。

　　当你头疼怎么移除node模块文件夹时，Npkill就派上了大用场。它适当所以一个你体系清洁工，经过移除这些粗笨的文件夹，给你的体系做一个减肥。是开发者有必要具有的清洁型东西。