前言
工作快兩年了，主要從事java後臺開發，當然不是純碎的寫接口，期間還要編寫前臺的的代碼，寫過ext,原生js，也使用過一些流行的前端框架，比如jQuery,ligerUI,bootstrap,還有最近的react+redux。對於簡單的前臺代碼，比如原生基礎的js，還有jQuery，使用和理解起來還是比較簡單，如果遇到問題，百度幾乎能解決所有的問題；一些css樣式也可已通過網絡（主要有W3C網站）獲取，雖然要浪費不少時間在調試上，但能勉強解決問題；前端框架能夠大大提高開發效率，因爲它就像一個模具，複製粘貼相似的業務邏輯代碼就能滿足自己的需求。但是使用時間長了，也就停留在會使用的階段，要讓自己白手起家開始寫，還真有些毫無頭緒，這樣總覺得有些不踏實。所以還是從頭梳理前臺的一些基礎知識吧，不僅要知其然，還要知其所以然，感覺這樣纔能有所提升吧。
1.從頭說起，什麼是C/S架構，什麼是B/S架構
這個是基礎不能再基礎的問題了，大學基本課程裏會介紹到，甚至期末開始也會考到類似的題目。兩者不同在於C與B,Client 與Browser。
C/S架構，客戶端/服務器
（1）一般我們使用的軟件都是C/S架構
（2）比如系統的中的軟件QQ、360、office、XMind
（3）C表示客戶端，用戶通過客戶端來使用軟件
（4）S表示服務器，服務器負責處理軟件的業務邏輯
特點：1.軟件使用前必須得安裝 2.軟件更新時，服務器和客戶端得同時更新 3.C/S架構的軟件不能跨平臺使用（比如QQ手機APP不能再windows上運行） 4.C/S架構的軟件客戶端和服務器通信採用的是自有協議，相對來說比較安全（自定義協議，可以在協議裏添加加密，來來保證安全）
B/S，瀏覽器/服務器
（1）B/S本質上也是C/S，只不過B/S架構的軟件，使用瀏覽器作爲軟件的客戶端
（2）B/S架構軟件通過使用瀏覽器訪問網頁的形式，來使用軟件
（4）3.比如：京東 淘寶 12306 知乎 新浪微博
特點：1.軟件不需要安裝，直接使用瀏覽器訪問指定的網址即可 2.軟件更新時，客戶端不需要更新 3.軟件可以跨平臺，只要系統中有瀏覽器，就可以使用 4.B/S架構的軟件，客戶端和服務器之間通信採用的是通用的HTTP協議，相對來說不安全（當然現在使用比較廣泛的是比較安全的協議是https）
2.前端工程師是做什麼的？
剛從事工作的時候，一直以爲前端工程師就是寫寫畫畫界面，沒有什麼邏輯可言。現在想想當時可真是幼稚，前端的邏輯性很強，而且很難。所以大家都會覺得前端的入門很簡單，html+css+js ，所見即所寫，很簡單嗎。但是隨着學習的深入，發現並不是那麼回事。大家也都所java這麼語言比較簡單，但是相對於前端來說，java的門檻還是較高的，因爲學完一開始的基礎知識後不知道自己學這門語言是幹嘛的，比較抽象。但是基礎打牢後，以後的學習會簡單起來，比如ssh,ssm等等，當然當達到一個瓶頸時，java的進階還是很難得，這和你的工作環境也有很大的關係。
那前端工程師是做什麼的呢，可以看下圖
純粹的前端工程師就是將設計來的圖，轉化爲網頁，然後交付給後臺工程師加入動態的數據邏輯代碼，這樣會出現一個問題就是後臺工程師都比較純粹，在經過後臺工程師打造後，界面就變成另外一個樣子了，這顯然是用戶不能接受的。所以就衍生成這樣一個模式：讓後臺工程師提供接口，前臺工程師來寫展示邏輯，這樣界面就能最接近原始的設計；當然現在js也可以寫後臺了，node js，這樣一個人就做了兩個人的活，全棧，明顯這對工程師的要求也會越來越高。
今天就算從零開始吧，慢慢學習，路漫漫其修遠兮！