[[142554]]

怎樣算是個體面的前端攻城獅?

大概是，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數很多的開源項目