hamburger-icon hamburger-icon

前端技術大雜燴

|

2024/01/15

|

f2e

|

johch3n611u

這個作者很懶,什麼都沒留下...

代碼寫的好或爛 複雜度

Keyword:Vscode CodeMetrics

https://www.douyin.com/video/7322310977926565135

一個項目讓你徹底了解 CSS

Keyword:GithubRep iCSS

https://github.com/chokcoco/iCSS

https://www.douyin.com/video/7313408690751622452

Angular or 其他框架或庫,如何使用好用的斷點 Debug

ref:how-to-debug-angular-with-vscode

以往在寫 C# 通常都很直覺的使用 Visual Studio 的斷點功能,很快可以理解資料流與框架結構,但前端通常就用 console 快速處理掉,

直到在公司專案遇到大型的反應式開發 Reactive Programming / 配接器模式 Adapter Pattern 的前端結構,

很好的透過 NGRX & Adapter 把資料流搞到超複雜的,這時候就又需要前端斷點來追蹤資料流了,

在好幾個版本前印象都要下載 Extensions Debugger Chrome,

直到最近發現 VsCode 內建 JavaScript Debugger 只要在專案內配置好 launch.json 啟動瀏覽器後,再去 run 框架,就能簡單使用上斷點在此紀錄一下

參考

抖音orB站收搜尋前端

渡一前端

渡一Web前端学习频道

渡一前端必修课

程序员三千