前兩天公司領導對員工進行崗位職責邊緣劃分，老大問我：“未來職場規劃？”，我說：“我想成為全棧工程師！”。雖然我在公司一直做前端開發，但是作為前端工程師我總是妄自菲薄感覺自己像個門外漢，技術太淺登不得大雅之堂。所以一直想學一門後臺語言，我就可以參與到公司資料結構的設計，繼而進入公司核心領導層（晉職加薪~哈哈!）。而不是像現在一樣“大事決定不了，小事幫不上忙~”。老大說：“一法通，萬法通。把一門程式語言學到最核心，最深層，再學習其他語言也就不會有任何問題”。一席暢談，更正我對前端多雜、亂、淺的偏見 。 我要成為公司前端的支柱，而不是僅僅技術過硬，框架熟練，開發效率快的碼農！通過談話、調研、崗位需求，根據公司產品制定一套出合適自己的學習計劃：

前端架構不僅技術過硬，還需要考慮：

合理技術選型：人員，需求模組，成本維護；

網站訪問資料統計，後期資料分析及合理優化；

框架層次：目錄層次開發、頁面層次開發、組織化架構（CMD\AMD）和設計模式（高階）。

兩套開發程式碼：一套開發友好；一套線上友好（壓縮、醜化）；

//CMD規範：sea.js，延遲執行，用到時才載入；
//AMD規範：requre.js，提前執行，依賴關係前置（只要可能用到，記載提前）；
define(function(){
    ....
    return {
          color:‘’,
          size:''
   };
});  
// CMD只有真正需要才載入依賴 | 效能較差 | 直到使用的時候才定義依賴。擅長伺服器端：seajs
define(function(require,export){//（其他匯入，屬性匯出）
    var b=1;
    var a=require('./a');
    a.doSomething();
});  
// AMD速度快 | 會浪費資源 | 預先載入所有的依賴，直到使用的時候才執行。擅長瀏覽器端：requirejs
define(['./a'],function(a){
     a.doSomething();
}); 
 

AMD :依賴就近（按需載入）
define(function(require,export){
    var a=require('./a');
    a.dosomething();

})

})

resquire.config{

path:路徑配置，模組名與模組實現路徑相同；

}

程式設計師=資料結構+演算法；（第二步）

前端程式設計師=介面+操作UI+演算法；（第一步）

續文：

前端架構的思考

4.降低維護成本（技術資源和人才成本）；

具體準備工作：

三、框架：頁面目錄結構——>專案工程結構（前後端目錄、工程自動化）

前端架構師：既要考慮他們，又要規劃開發、迭代、釋出、測試

更深層次：後臺業務邏輯，底層資料結構，以及產品需要，市場反饋，公司戰略