Javascript基礎知識體系化學習總結(十)開發環境

Javascript基礎知識體系化學習總結(十)開發環境

一、git
1.git是最常用的代碼版本管理工具,必須熟悉,大型開發必用!
2.一些簡單的git命令:
Git add. 就是把你改完確定沒有問題的代碼都提交上去(可以加文件名,當然並不是真的提交,進入了一個類似預提交的區域)
Git checkout xxx文件名 就可以把你覺得做錯的某文件還原
Git commit -m “xxx” 提交一條記錄
Git push…推送到服務端,pull就是從服務端下載
Git branch 可以看一下已經有的分支
Git checkout -b xxx /git checkout xxx切換分支
Git merge xxx合併分支!

二、調試
1.這個是以瀏覽器爲主的調試工具(以chrome爲例子):
Elements就是當前DOM元素的展示,裏面還有css樣式什麼的。
Console的話一般就是打印的什麼東西。
Application保存一些本地存儲的地方(local Storage 、Session storage、Cookie)。
Network可以看到所有資源的加載。
Sources是調試的地方,我們可以在自己的代碼中在需要的地方寫上debugger,打開網頁就會在那個地方打上斷點了,當然也可以點擊旁邊的數字打上斷點!

三、webpack和babel
1.webpack是前端標配的打包工具,babel則是編譯高版本ES語法的編譯器
2.使用原因是瀏覽器不支持ES6的模塊化,其它的語法也沒有完全支持,同時爲了壓縮和整合代碼,讓運行更快!

四、Linux命令
1.由於公司的線上機器和測試機都是使用的Linux,所以我們需要掌握一些簡單的基礎命令:
ls查看文件夾-平鋪形式
ll查看文件夾-列表形式
clear 清屏
mkdir 創建新的文件夾
rm-rf 刪除整個文件夾

好了,javascript的第十個模塊大概就是這些內容了,我會將它分爲11個模塊然後13篇文章左右把它講完(有的模塊內容多會範圍上下期大概。。。),學完這些模塊相信大家對基礎的js會有一個比較體系化的認識,那麼大家加油,我是O5,我們下次見!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章