(十五)-前端 -項目總結


已工作同學的項目總結(僅供參考)

git commit -m ‘xxx’備注不要瞎寫,會被嫌棄的

提交代碼時,最好查看一下修改了那些文件,如果沒有修改的撤回一下 避免提交一大堆空的修改上去

項目中的公共樣式千萬別去動!!

工作難的不是開發是改bug,一定及時溝通!! 需求不明確問產品,字段不確定問后端 不問卡在那 最后擔責任的還是自己

盡量養成良好的代碼書寫習慣,別套一大堆if else 真的會被嫌棄!

1****、 碰到5XX的問題,別傻乎乎的直接去找后端,要先用Swager或者postman測試下,碰到java寫的后端,map類型,Swager無法測試,要用postman去測試。

2****、 碰到增刪改查業務。先寫增加,然后改, 再查,最后刪除,這類業務不要讓后端給你造假數據。

3****、 學會定義全局變量和常量,看能否少寫請求,減少代碼冗余,不然codeRivew的時候會被鄙視死。

4****、 拿到項目,先把全局看下,能否拆分出組件,抽取出公用JS,不然后期再去拆很痛苦 。

5****、 學會看數據庫,自己學着去看自己處理的東西,尤其是后端定義的字段。

6****、 請求回來后端的數據,一定要CTRL+C 然后 CTRL+V。不要裝B自己去寫,報錯,你能排查到死

7****、 碰到稀奇古怪的問題,直接上debugger,F10單步調試

8****、 自己解決的一些古怪問題或者請教別人,網上查的,一定要記錄下,最好寫個博客,不然下次再碰到,很少能想起來怎么解決的了。

9****、 多看掘金,有些上面人寫的技巧,最好復制到自己的博客和筆記中,很實用。

10****、碰到大佬級后端,一定要抱緊大腿,他們對業務的需求理解,完全秒殺很多前端。許多不懂的,可以去咨詢。

11****、 原生真的很重要。

12****、 多看下設計模式,推薦張榕明的《JavaScript設計模式》配合周老師的原生JS面向對象,可以讓代碼邏輯更精簡。

13****、最好能進一個技術氛圍好的技術團隊,自己一個前端就是神級坑。非常不推薦

14. git commit 規范

15. git 最好使用一款界面的管理工具 推薦IDE內置或者source tree

16. git 禁止使用reset,push -f

17. 下載一款翻譯軟件,選中翻譯,截屏翻譯很實用

18. 拿到新項目先整體看一遍 package webpack配置 main.js router store api 權限管理 表單校驗 過濾器

19. vue****推薦<<深入淺出Vue.js>>

20. 寫業務先想清楚,接口文檔及時要,數據結構會影響代碼設計的

21. 代碼最好邊寫邊重構

22. UI****庫常用組件進行二次封裝

23. 保持規范的命名 文件 變量 組件

24. 不要輕易修改別人的代碼,熟悉代碼是一個非常有必要的過程,修改前先思考會有哪些影響

25. 遇到問題先分析,搜索引擎推薦谷歌

26. 學習從三個地方思考 如:為什么要有promise promise解決了哪些問題 如何解決的

27. 保持控制台干凈,找不到報錯在哪就用排除法

28. 博客和書優先選擇看書

29.get****和post分別在請求頭中傳參

以vue-cli3.0搭建的項目為例,get方式要用params傳,post不用,寫假數據的時候可以不開mock,直接在api里面的js文件寫new Promise即可,例如:即可根據接口文檔格式及所需數據寫前端項目了,完成后換成真的接口即可(白底圖是假數據,黑底是真正接口)

![img](file:///C:/Users/admin/AppData/Local/Temp/msohtmlclip1/01/clip_image034.png)![img](file:///C:/Users/admin/AppData/Local/Temp/msohtmlclip1/01/clip_image035.png)

補充:調接口如果不通,如果后端發了swagger,那么先去相對環境的swagger去try,如果swagger通了,先檢查前端看是否有問題。不通就直接找后端

30.****分頁的理解:

傳給后台的參數pageNum和pageSize比如:1和50,就表示從第一頁從頭開始查起的50000條數據,如果2和50,就表示從第二頁開始查起,即第51條開始查50條

31.****按鈕要加防抖:具體百度即可

32 學會看network 前后端聯調很重要


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM