最近接觸前端開發的技術比較多、基本情況大致是這樣子的、最開始從C#後端程式兩眼一抹黑就開始接觸前臺技術、完全不懂Js和css、期間發生了很多常見的錯誤、

    先說些題外話，然後馬上開始今天的主旨內容.

  1.純html+一般性處理檔案（.ashx檔案）

      <0. 這種方式方便移植和減少後臺程式碼處理，很適合複用。場景：《1.電腦，手機，app都需開發時》，《2.需要特定語言，如jsp轉php,.net》

    <1.  登陸的驗證和資料不能夠順序進行（js 方式為非同步、要保證每次請求頁面前都驗證後臺session是否儲存有使用者資訊）【asp,jsp 寫個繼承頁面可以很輕鬆的驗證登陸的情況】.

    <2.後臺swichCase語句太多繁雜（用反射錯誤不可控制、且速度比較慢，將在其後陸續找到最優方式。建議最後不要偷懶把大段程式碼處理寫到if else中，改的時候要麻煩死）

     #region 接收器

        public void ProcessRequest(HttpContext context)
        {
            InitHttpContext(context);
           
            object user = HttpContext.Current.Session["WeiXin"];
            if (user == null && HttpContext.Current.Request.UrlReferrer.ToString().ToLower().IndexOf("login.html") < 0)
            {
                HttpContext.Current.Response.StatusCode = 0x12e; //狀態碼為302
                HttpContext.Current.Response.RedirectLocation="login.html";
              //  Response.Write(Base.JsonInspect());
            }
            else
            {
                //解析http傳輸方式
                switch (context.Request.HttpMethod)
                {
                    //post資料處理
                    case "POST":
                        DoPost();
                        break;
                    //get資料處理
                    case "GET":
                        DoGet();
                        break;
                    //head資料處理
                    case "HEAD":
                        DoHead();
                        break;
                    default:
                        break;
                }
            }
        }

        #endregion
 

   <3.為了方便移植和複用純post，get資料對多資料（複雜表單資料）會很複雜。（下拉選單資料建議統一寫成js外掛、特別是級聯篩選）.

  2.由以上問題引出來一個重大問題就是相容性處理的問題、這是做前端最頭疼的問題、比較好的是boostrap框架幫我解決了許多問題、(具體瞭解可搜尋改框架http://www.bootcss.com/)，但是如果我寫好一個系統，需要給不同的人，風格要求不一致、特效有所不同、需要css也有類似多型的功能，不再是再去寫一道theme.css（這種方式類似於覆蓋式的打補丁）、就引入了今天要自己要學習的內容.如何用less生成自己積累的css樣式和js.

1、nodeJs環境

2、grunt

是一套前端自動化工具，一個基於nodeJs的命令列工具，一般用於：
① 壓縮檔案
② 合併檔案
③ 簡單語法檢查

3、安裝grunt

npm install -g grunt-cli

 後續內容逐步更新。