Yhosutun2491[JavaScript]-Event Loop宏任務和微任務(Event Loop — Macro and Micro Task)喔~上工了這麼久,對於基本的JavaScript Event Loop 事件循環有一定理解,不過還停留在很基本的非同步taskuqe任務中,殊不知其中還有分出宏任務(macro task)和微任務(micro task)。Sep 11Sep 11
Yhosutun2491[Design Pattern] 依賴反轉原則-(Dependency Inversion Principle,DIP)這是SOLID設計準則的最終篇XD,雖然Junior前端不用懂太多設計模式,不過看一看和整理文章理解之後才發現,雖然目前實務上比較難用到,不過一旦開發程式下手能夠考量到這些原則,就能夠避免掉一些不必要錯誤或把程式寫得失去彈性。Sep 7Sep 7
Yhosutun2491[JS Pattern]-工廠模式、閉包和Vue組合式函式(JS Factory Pattern, Closure and Vue.js Composable)本來要進入SOLID設計準則的最後一項依賴反轉模式,不過翻著相關資源,發現會用到一些JavaScript工廠模式(Factory Pattern)和閉包(closure)這個概念,是一個很基礎但目前不常用的設計模式,也剛好發現不錯的文章,就稍微整理一下囉~Sep 5Sep 5
Yhosutun2491[Design Pattern]-介面分離原則和表單分離步驟案例 (ISP principle and Vue Step Form)不得不說網路文章上對於SOLID設計準則還是偏向原理解說XD,這一系列文章要找到應用或有人探討過的屬於前端的案例,真的10支手指頭應該就完畢了….。 不過既然頭都洗了,還是慢慢翻Vue官方文件,尋找是否有類似的設計模式囉~Sep 4Sep 4
Yhosutun2491[Design Pattern] 里氏替換原則和Vue組合式邏輯 -(LSP principle and Vue Composable)本偏要介紹SOLID 的第三個原則- Liskov Substitution…Sep 2Sep 2
Yhosutun2491[Design Pattern]-開放封閉原則-Vue 輸入框驗證練習 (OCP principle in Vue Input Validation)前幾篇初步認識了SOLID單一職責和開放封閉兩個觀念後,其實對於基本元件開發有一定的幫助,實務上有很多類似場景,常常是長得很像的UI,卻因為客戶商業需求不同,導致我們在原本元件或模組上疊加邏輯,造成很多失控的狀況,或是元件耦合性增加,沒辦法給別人共用。Aug 31Aug 31
Yhosutun2491[Design Pattern]-開放/封閉原則和前端元件開發-Part 1(OCP principle in Vue component design-Part 1)今天來到認識另一個SOLID設計準則-開放封閉原則(OCP),老實說寫起來比較沒把握,因為大部分的探討資源大多是針對class物件去作延展探討,或是國外以React作深入探討,比較少使用Vue當作案例,以前端元件開發去思考,就試著搭配ChatGPT的案例和自己搜尋的相關資源去嘗試…Aug 31Aug 31
Yhosutun2491[Design Pattern]- 單一職責(SRP)和前端元件開發(SRP principle in Vue component design)為什麼最近這幾天要專注於正確的開發架構上呢? 這不是資深工程師才該做的事,因為敝人的公司沒有前輩帶領XD,看過舊專案Leacy…Aug 29Aug 29
Yhosutun2491[Design Pattern]-前端元件的分層架構認識-(Layered component structures)前幾章節都在複習Vue框架基本和深入觀念討論,有點偏各個Vue提供的響應式資料API怎麼使用,不過實務上開發屬於比較綜合性的應用,需要集結各項功能由點集成面,才會有完整的應用程式功能。Aug 27Aug 27
Yhosutun2491[Vue]-依賴注入模式(Provide and Inject)在Vue中組件間的關係可能不只有像前幾章分享到的只有上下層父子關係,在組件粒度切分比較細時,會有事件或參數(props)傳遞較多層的問題,就會形成props drilling現象。Aug 25Aug 25