关于成为一只体面的前端攻城狮

怎样算是个体面的前端攻城狮? 大概是，PM，设计，开发等工种都觉得你很专业，很腻害吧～

下面阐述下我心中体面攻城狮该具备的

软件

能熟练使用前端会用的软件。软件主要分为以下几类

IDE

我用的是Sublime。

Webstrom,brackets也不错。当然爱折腾的，可以玩玩编辑器vim的神和神的编辑器emacs。

Ps：貌似用DreamWeave，Nodepad＋＋的一般都比较Low

源代码管理

必须是Git～

图片类

• Photoshop 切图仔切图必用
• Picpick Windows系统可以用它预览PSD的文件；截屏之类。Mac本身系统就可以预览和截屏，所以不需要该软件。

静态文件服务器

我用的是基于nodejs的命令行工具－－anywhere

发送web请求的工具

推荐使用httpie。虽然用curl可以做一样的事。但httpie的命令比curl好用的多。

Web调试工具

• fiddler 。主要用它来，用本地文件来替换线上文件。 但是，它不能修改非Get方式的请求的返回。
• mockjax 是个脚本库，主要用来模拟各种方法的异步请求。

各种浏览器

能熟练使用各种浏览器（Firefox，Chrome，IE等，如果还要兼容IE6，那还要用IETester）来调试。

项目构建工具（YEOMAN）

• 包管理工具： bower，npm之类
• 生成项目的脚手架：Yo
• 任务管理：Grunt，Gulp

基础知识

扎实的基础知识，主要包括以下的知识

• html
• css
• js
• 浏览器相关的
• svg
• canvas

代码风格/规范

有自己代码规范，并能遵守。在团队中，能遵守团队的代码风格。

代码组织

能很出组织的很好的代码。

能写出这样的代码的方式，可以通过了解MVC，MVVM，MVP，以及各种js的设计模式。

积累

• 熟悉主流的js和css框架
• 有自己筛选的比较好的第三方组件库
• 当第三方组件达不到自己需求，可以自己开发。我开发的组件（很多情况下是为了兼容IE6 WTF）
  • 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之类
• Coffee Script之类

熟悉多门后台语言

nodejs是肯定要会的。其他，像Python，Ruby，Go都可以玩一下～

其他

• 有牛逼的个人网站
• 有受欢迎的的个人博客
• 有star数很多的开源项目