如何成为一名像样的前端攻城狮？大概吧，PM、设计、开发等工种觉得你很专业很累~我来解释一下我像样的攻城狮应该有的软件，能熟练使用前端会用到的软件。软件主要分为以下几类。我使用的IDE是Sublime。Webstrom，括号也不错。当然爱折腾的可以玩vim编辑大神和emacs编辑大神。ps：好像用的是DreamWeave，Nodepad++一般比较低源码管理必须是Git~图片Photoshop小心切图必须用PicpickWindows系统可以用它预览PSD文件；截图之类的。Mac系统本身可以预览和截图，所以不需要这个软件。我为静态文件服务器使用基于nodejs的命令行工具——建议使用httpie作为从任何地方发送Web请求的工具。虽然你可以用curl做同样的事情。但是httpie的命令比curl好用多了。Web调试工具fiddler。主要用于将在线文件替换为本地文件。但是，它不能修改非Get请求的返回。mockjax是一个脚本库，主要用来模拟各种方法的异步请求。各种浏览器熟练使用各种浏览器（Firefox、Chrome、IE等，如果兼容IE6，那就用IETester）进行调试。项目构建工具（YEOMAN）包管理工具：bower、npm等生成项目的脚手架：Yo任务管理：Grunt、Gulp基础知识扎实的基础知识，主要包括以下知识htmlcssjs浏览器相关svgcanvas代码样式/Specification有自己的代码规范，可以遵守。在团队中，可以遵循团队的代码风格。代码组织可以产生组织良好的代码。写这样代码的方法可以通过了解MVC、MVVM、MVP，以及各种js设计模式。积累◆熟悉主流的js和css框架◆有自己筛选的比较好的第三方组件库◆当第三方组件不能满足你的需求时，你可以自己开发。我开发的组件（很多时候为了兼容IE6WTF）simple-slide是一个基于jquery的简单幻灯片组件。兼容Firefox、Chrome、IE6+。paging是一个基于jquery的分页组件。兼容Firefox、Chrome、IE6+。popup弹出层组件。兼容Firefox、Chrome、IE6+。ractive-paging是一个基于ractive的分页组件。不兼容IE6。number-controller是基于jquery输入框输入数字的，左右各有组件，通过加减调整数字的大小。兼容Firefox、Chrome、IE6+。jquery-linkage-select是基于jquery的联动下拉框组件。预处理语言会用到Less、Sass、CoffeeScript等，熟悉多种后端语言，nodejs是必须的。其他的，比如Python、Ruby、Go都可以玩~其他的都有牛逼的个人网站，人气很高的个人博客，还有很多star的开源项目
