js 胡思亂想
同事在一週內做了一個後臺管理平臺,我會不進去看看???
嗯,我一直覺得,作為一個偽前端,至少要能自己搭建一個專案,也試了好幾次,但是總是感覺用的沒別人搭建的好,今天,明白了一個道理,專案能快速出來才是最好的,用之前疊加的經驗幫助你減少搭建時間。
所以,我以後就準備隨身攜帶公司專案已經搭建好的框架,其實做前端的,
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工具,關鍵還是我們想好怎麼寫,本人目前還比較欠缺這方面的,要多學學
以上為鼓勵自己,作為偽前端,能多審視自己的程式碼,提高自己的水平。。。。加油
相關文章
- 【胡思亂想】命令模式 與 Thread Runnable模式thread
- 促僅開發者間交流與合作的胡思亂想
- 一次shardingjdbc踩坑引起的胡思亂想JDBC
- 【胡思亂想】JNI與執行緒池的維護執行緒
- 設計模式與形式主義,我的胡思亂想 (轉)設計模式
- 【胡思亂想】命令模式中,命令物件如何解耦Invoker和Receiver模式物件解耦
- 胡思亂想:AI模型開發與中臺技術結合AI模型
- 一個程式設計師年近四十歲的一些胡思亂想程式設計師
- 程式設計思維隨想程式設計
- 從0開始學微服務-胡忠想-極客時間微服務
- JS cookie 中文亂碼JSCookie
- JS 陣列亂序JS陣列
- jsp 中文亂碼急救JS
- include jsp 中文亂碼JS
- [原創]程式設計師對私密聊天的亂想程式設計師
- [奇思異想]使用RabbitMQ實現定時任務MQ
- 讀《Java程式設計思維》的一點隨想Java程式設計
- 口胡list
- js陣列排序和打亂JS陣列排序
- jsp亂碼解決大全JS
- 口胡-10/13
- [提高+] 模板口胡
- Node.js 中文亂碼解決Node.js
- 關於jsp中的亂碼!!!!JS
- jsp:useBean的亂碼處理JSBean
- 優思學院:想輕鬆管好團隊?就靠RACI模型模型
- 【亂】亂,亂,亂,android真亂!Android
- 菜鳥也想學習JSON解析JSON
- Tomcat配置jsp亂碼問題TomcatJS
- PHP-json_encode中文亂碼PHPJSON
- mysql與jsp亂碼解決方法MySqlJS
- js解決url中文亂碼問題JS
- 關於JS裡的字元表情亂碼JS字元
- C# 解決httplistener querystring 中文亂碼、返回json中文格式亂碼C#HTTPJSON
- JS非同步程式設計的淺思JS非同步程式設計
- 胡潤研究院首/次釋出“全球獵/豹企業榜”,濤思資料榜上有名
- 亂彈馬斯克與比爾蓋茲兩位首富的不同思維模式馬斯克模式
- 幾種常見的JSP中文亂碼JS