[[142554]]

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

大概是，PM，設計，開發(fā)等工種都覺得你很專業(yè)，很膩害吧～

下面闡述下我心中體面攻城獅該具備的

軟件

能熟練使用前端會用的軟件。軟件主要分為以下幾類

IDE

我用的是Sublime。

Webstrom,brackets也不錯。當然愛折騰的，可以玩玩編輯器vim的神和神的編輯器emacs。

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

源代碼管理

必須是Git～

圖片類

• Photoshop 切圖仔切圖必用
• Picpick Windows系統(tǒng)可以用它預覽PSD的文件；截屏之類。Mac本身系統(tǒng)就可以預覽和截屏，所以不需要該軟件。

靜態(tài)文件服務器

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

發(fā)送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

代碼風格/規(guī)范

有自己代碼規(guī)范，并能遵守。在團隊中，能遵守團隊的代碼風格。

代碼組織

能很出組織的很好的代碼。

能寫出這樣的代碼的方式，可以通過了解MVC，MVVM，MVP，以及各種js的設計模式。

積累

◆熟悉主流的js和css框架

◆有自己篩選的比較好的第三方組件庫

◆當?shù)谌浇M件達不到自己需求，可以自己開發(fā)。我開發(fā)的組件（很多情況下是為了兼容IE6 WTF）

• simple-slide 基于jquery的簡單幻燈組件。兼容 Firefox，Chrome，IE6+。
• paging 基于jquery的分頁組件。兼容 Firefox，Chrome，IE6+。
• popup 彈出層組件。兼容 Firefox，Chrome，IE6+。
• ractive-paging 基于ractive的分頁組件。不兼容IE6。
• number-controller 基于jquery的輸入框中輸入數(shù)字，左右兩側有加減來調節(jié)數(shù)字大小的組件。兼容 Firefox，Chrome，IE6+。
• jquery-linkage-select 基于jquery的聯(lián)動下拉框組件

預處理語言

會使用

• Less,Sass之類
• Coffee Script之類

熟悉多門后臺語言

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

其他

• 有牛逼的個人網(wǎng)站
• 有受歡迎的的個人博客
• 有star數(shù)很多的開源項目