js 胡思亂想

wzm10455發表於2016-05-10

同事在一週內做了一個後臺管理平臺,我會不進去看看???

嗯,我一直覺得,作為一個偽前端,至少要能自己搭建一個專案,也試了好幾次,但是總是感覺用的沒別人搭建的好,今天,明白了一個道理,專案能快速出來才是最好的,用之前疊加的經驗幫助你減少搭建時間。

所以,我以後就準備隨身攜帶公司專案已經搭建好的框架,其實做前端的,

1.對於功能型的網站,我覺得主要的功能無非登陸,table展示資料以及翻頁,搜尋資料(樹或者層級結構活著簡單的form選擇),這些東西我們已經做過的邏輯這些東西可以直接拿過來。

1.1然後我想說,我看到同事程式碼中有一個非常值得我們學習的點,雖說是別人的東西,但是這不妨礙我為程式設計師的學習。table中某個user選中後的操作(刪除,修改,轉移等)封裝成一個函式(actionType,user),這樣子 其實有一個好處,就是能讓我們聯想到這是一個物件的操作,程式碼的可讀性上升,因為用的是AngularJS,在程式碼中通過type的判斷,把頁面展示的問題也順便解決了,比如說actionType為list的時候,隱藏具體某個user的詳細資料,當actionType為modify的時候,展示具體user詳細資料使用者可以變異,同時隱藏了userlist的資料,頁面的效果均是通過v-show來判斷這些欄位來實現的,非常方便

把程式碼拿出來:

    $scope.modifyEmp = (op, employee) => {
      $scope.location = op;
      switch(op) {
        case 'list':
        $scope.loadAllEmp();
        break;
        case 'modify':
          $scope.singleEmp = employee;
          angular.copy($scope.singleEmp, $scope.tmpEmp);
        break;
        case 'add':
          $scope.singleEmp = {"properties":{"sysGroup":"-1"}};
        break;
        case 'del':
          $scope.singleEmp = employee;
        break;
      }
    }

2.對於視覺型的網站,主要就是css寫出來的那種特效展示的,這種就需要經驗的疊加,無論是用什麼css工具,關鍵還是我們想好怎麼寫,本人目前還比較欠缺這方面的,要多學學

以上為鼓勵自己,作為偽前端,能多審視自己的程式碼,提高自己的水平。。。。加油

相關文章