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即可，例如：即可根據接口文檔格式及所需數據寫前端項目了，完成后換成真的接口即可（白底圖是假數據，黑底是真正接口）

補充：調接口如果不通，如果后端發了swagger，那么先去相對環境的swagger去try，如果swagger通了，先檢查前端看是否有問題。不通就直接找后端
30.分頁的理解：
傳給后臺的參數pageNum和pageSize比如：1和50，就表示從第一頁從頭開始查起的50000條數據，如果2和50，就表示從第二頁開始查起，即第51條開始查50條
31.按鈕要加防抖：具體百度即可
32 學會看network 前后端聯調很重要

總結

以上是生活随笔為你收集整理的前端工作经验的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。