? ? 很多人認為前端開發就是css/html/javascript. 門檻低，好上手，頁面的渲染又是“所見即所得”，很容易引起人學習的興趣。其實不然，前端開發知識面涉及很廣，需要學習的知識也是很多，下面就從我認識的角度來談談對前端開發所應掌握知識的理解。（不喜勿噴！！~~~^_^ ~~~）

? ? 前端的核心也是就css/html/javascript.下面要說的也都是其各個部分的擴展。先從html講起吧，它就是一個頁面的框架，（就像人類的骨骼似的！）沒有他，頁面撐不起來。HTML有很多個標簽組成，其中HTML5新增了Canvas , SVG , Flex布局等標簽。讓其變得更為健壯。css就是給頁面增加一些樣式，動畫等。其中css3的transform、transition、animate、border-radius、boxing-shadow、rgba的透明度opacity等屬性使樣式更加豐富。具有預編譯功能的Less、Sass、Stylus更是讓css具有了變量、函數、繼承、運算等能力。目前比較火的是Sass+Compass.再來說說JavaScript，這個可以說是前端開發的重中之重，基礎一定要打牢。再就是基于JavaScript的眾多框架，一定要掌握的那就是jQuery了，最好有過讀this的源碼的經歷，而且是要讀懂呢，這樣再學起其他JS的框架也就會得心應手了，像基于MVVM開發的Angular.js（現被Google收購）及Vue.js，最好是有過了解，尤其是雙向數據綁定。當然比較火的React.js（Facebook公司發布的）也是要了解的，尤其是使用React Native的移動端開發及Hybrid App混合式開發和移動端開發的Cordova(前身是PhoneGap，現被Adobe收購)。還有自適應布局的Bootstrap（Twitter公司發布的）。基于Underscore的Backbone.js。以及AMD規范的Require.js和CMD規范的Commen.js，Sea.js（淘寶開發的）就是基于CMD規范的，這些自然都是開源的，模塊化開發的。雅虎軍規也是要了解的，光聽名字就知道他的重要性了。

? ? 運行在服務器端，處理高并發的Node.js，使得前端開發邁向了后端服務器開發平臺，this有兩個框架是非常重要的，一個是express,一個是Koa；express有四大函數application（app）、request（req）、response（res）和router（路由），express框架主要是可以在node.js平臺上做博客，網站等。

? ? 再說說就是前端開發的周邊學習，設計模式是要掌握的，Redis和Memcached都是內存緩存機制。非關系型數據庫Mongodb 。HTTP通信協議，屬于應用層，知道一個頁面從輸入域名到渲染解析成頁面的過程，DNS；TCP協議，屬于傳輸層，面向連接，三次握手；UDP協議，面向非連接；IP協議，屬于網絡層；各個層級之間的關系。數據結構方面的知識，快速排序，冒泡排序等，它們的時間復雜度，基本思想等；二叉樹的遍歷等。Git、SVN版本控制系統工具需要掌握。Github代碼托管平臺。Grunt、Glup、Webpack、Fis等代碼構建工具的使用。Linux命令行的使用包括Shell及Bash。

? ? 還要掌握的就是瀏覽器（Chrome、Firefox、IE）的調試工具，以及這些瀏覽器的插件的使用。去了解下面向對象的知識（封裝，繼承，多態）。

? ? 寫的太過倉促，湊合看吧，日后再補！！~_~

---高騰龍于杭電研究生公寓

2016年6月21日

轉載于:https://www.cnblogs.com/gaotenglong/p/5661531.html

總結

以上是生活随笔為你收集整理的我对前端开发的认识的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。