一步一步來(lái)。

CSS不能編程？用Less、Sass、Stylus、甚至直接用 Absurd，框架除了Bootstrap還有很多。JS寫多了很麻煩？jQuery。移動(dòng)開發(fā)？Zepto.js。結(jié)構(gòu)不好？找框架，Backbone.js是MVC，AngularJS和Ember.js是MVVM，Twitter還弄了個(gè)事件驅(qū)動(dòng)框架Flight。庫(kù)多了要優(yōu)化加載？RequireJS。

代碼質(zhì)量成問題？Jasmine、QUnit、Mocha做單元測(cè)試。各種瀏覽器都要測(cè)？用Karma。測(cè)試通過了部署還有問題？持續(xù)集成，用Travis CI。用戶行為也要測(cè)？用Selenium 。樣式測(cè)試還有 Viff 。覺得JS都?jí)蚵闊┑?#xff1f;用CoffeeScript。

想做動(dòng)畫？Canvas或SVG還有CSS3幫忙，干掉Flash。SVG太難畫？用Snap.svg。想開發(fā)游戲？用Canvas。自己寫FPS太低？用框架，CreateJS.。2D太幼稚？three.js幫你用WebGL開發(fā)3D，還不夠給力？asm.js讓你在瀏覽器中擁有虛幻3引擎。

這一堆東西都要配置部署，麻煩，用Grunt，庫(kù)太多？用Bower管理，項(xiàng)目開始要?jiǎng)?chuàng)建各種文件文件夾？用Yeoman。開源項(xiàng)目太多了，GitHub.上找，不會(huì)？學(xué)Git。順便用Jekyll托管博客，不是吧還有Ruby這玩意...SASS也是Ruby寫的，等等Sublime Text是Python寫的，要寫插件？也學(xué)一下。調(diào)試太難？用Chrome開發(fā)者工具，一堆API和功能。

光在電腦瀏覽器上跑不給力？移動(dòng)開發(fā)HTML5，離開網(wǎng)絡(luò)就渣了？HTML5離線應(yīng)用。不如原生應(yīng)用？用PhoneGap。想調(diào)用原生API？開發(fā)Firefox OS應(yīng)用吧。瀏覽器應(yīng)用也得會(huì)吧，Chrome Firefox都有自己的文檔。接著是不是把后端甩了，自己來(lái)，裝Node.js，所以還得學(xué)點(diǎn)服務(wù)器知識(shí)，想用npm管理node包？linux技巧shell神馬的也得學(xué)。想前后端通吃？再看看http協(xié)議。Web精通了？node-webkit 讓你可以寫桌面程序了，繼續(xù)學(xué)吧。

想學(xué)模塊化開發(fā)？看看CommonJS和AMD規(guī)范。理解JS有偏差？看看ECMA-262，等等不知道什么時(shí)候第6版就要出了。瀏覽器各不相同，弄不清該怎么兼容？看看W3C標(biāo)準(zhǔn)，HTML寫出來(lái)人看的懂，機(jī)器讀不懂？要SEO，要支持殘障人士？看HTML語(yǔ)義化，全會(huì)了但I(xiàn)E就是不支持？叫不出名字的瀏覽器尼瑪連JS都不知道是啥？漸進(jìn)增強(qiáng)。想一次把各種設(shè)備全搞定？響應(yīng)式設(shè)計(jì)。

然后上面這些不過是一些討巧的小技術(shù)。公司做什么業(yè)務(wù)的？了解一下行業(yè)信息。面向大眾的產(chǎn)品？交互設(shè)計(jì)。美工不給力？UI設(shè)計(jì)。外包和咨詢？設(shè)計(jì)模式、重構(gòu)方法、算法、數(shù)據(jù)結(jié)構(gòu)。知道軟件工程嗎？了解一下敏捷開發(fā)，或許還可以試試TDD、ATDD、BDD。

看了這么多東西，第一反應(yīng)是不是求中文文檔？學(xué)英語(yǔ)去吧。

這些也不過是我目前所能看到的一小部分，而且每段基本都是到了一個(gè)邊界，并不是沒得學(xué)了，而是繼續(xù)學(xué)又是另一片天地。真心希望有人能幫我填補(bǔ)知識(shí)盲區(qū)。另外，我僅把一些知識(shí)點(diǎn)串起來(lái)，不全或不對(duì)的地方請(qǐng)見諒。

吐槽：知乎的鏈接功能至少浪費(fèi)我15分鐘時(shí)間。

----------------

本來(lái)不想更新，不過看到一直有人看到這個(gè)答案，擔(dān)心時(shí)間過太久誤導(dǎo)了大家，所以再說(shuō)兩句。其實(shí)我一直都在說(shuō)，我只是看這個(gè)問題是疑惑該學(xué)點(diǎn)什么，所以擺了些工具和框架。但我發(fā)現(xiàn)許多人都只看標(biāo)題，只記得“大牛”兩個(gè)字，其實(shí)技術(shù)棧層面的前后端之分根本就很滑稽，無(wú)非是JavaScript和某某語(yǔ)言的區(qū)別罷了，對(duì)資源分配策略或者說(shuō)思維的不同才是前后端之分的本質(zhì)區(qū)別。如果沒有領(lǐng)會(huì)到這一點(diǎn)的話，還是好好學(xué)技術(shù)，別管什么前端后端的了，項(xiàng)目需要你做web做頁(yè)面，你就學(xué)前端再學(xué)點(diǎn)Java, Ruby, PHP之類的都可以。不要把前端這個(gè)概念當(dāng)成懶得學(xué)其他技術(shù)的借口。未來(lái)JavaScript會(huì)變成相對(duì)瀏覽器來(lái)說(shuō)的底層語(yǔ)言，開發(fā)者用各種各樣語(yǔ)法的語(yǔ)言開發(fā)之后編譯成JavaScript在瀏覽器上跑，如果還是只會(huì)前端三板斧，那注定被前端如火如荼的浪潮覆滅。TypeScript相比CoffeeScript已經(jīng)有了一些質(zhì)變，還有類似Haskell語(yǔ)法的Elm, 加上webpack 的催化，這種趨勢(shì)會(huì)越來(lái)越明顯。

總結(jié)

以上是生活随笔為你收集整理的python应声虫代码_前端大牛们都学过哪些东西？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。