Published inStarbugs Weekly 星巴哥技術專欄用 JavaScript 玩轉設計模式 - 你一定用過但可能不知道的 Facade Pattern(外觀模式)Facade Pattern 也很如其名,就是為這些東西的互動建立一個外觀,讓使用時只看到被建立的外觀,而不會分心於內部操作的複雜度。套一句在讀書會時,朋友的精闢結論: 「其實 Facade Pattern 就是封裝」 Facade Pattern…Aug 7, 20231Aug 7, 20231
Published inStarbugs Weekly 星巴哥技術專欄開源專案讀起來 | 你看過計算機的裡面嗎?Hi!大家好,我是神 Q 超人!終於又寫回開源專案讀起來系列啦,繼上次的圈圈叉叉後,這次選的主題也是做為練習對象很常見的計算機!就我剛剛在 GitHub 搜尋,光是用 JavaScript 寫了計算機的 repositories 就有 15…May 28, 2023May 28, 2023
Published inStarbugs Weekly 星巴哥技術專欄Refactor | 這 3 個重構技巧我很喜歡,推薦給你 feat. JavaScriptHi!大家好,我是神 Q 超人!在這篇文章中介紹了三個重構的方式,除了這三個之外,在文章裡的重構步驟中,可能也有包含一些簡單的重構技巧,像是 Replace Constructor with Factory Function 建立統一取得相同物件的來源,或是修改變數名稱的Apr 28, 20231Apr 28, 20231
Published inStarbugs Weekly 星巴哥技術專欄Render | 來試試用來取代 Heroku 的服務吧 - Render 的網路服務部署介紹!Hi!大家好,我是神 Q 超人!相信有許多人在去年 2022 Heroku 說要取消免費計劃的同時,就開始尋覓下個能夠繼續免費使用的平台,而這篇文章介紹要用來取代 Heroku 的服務叫做 Render,在 Render 的文件中可以看到,它支援非常多種語言的建構服務Jan 27, 2023Jan 27, 2023
Published inStarbugs Weekly 星巴哥技術專欄cyclic | 來試試用來取代 Heroku 的服務吧 - cyclic 的網路服務部署介紹!Hi!大家好,我是神 Q 超人!沒想到取代 Heroku 的文章會是一個系列吧!會再繼續研究其實也是因為在 Heroku 學到小經驗,知道不能把雞蛋放在同個籃子裡。而本篇要介紹的 cyclic 不只沒有免費時數的限制,沒使用的時候也不會進入睡眠!Jan 27, 20231Jan 27, 20231
Published inStarbugs Weekly 星巴哥技術專欄CSS | 不曉得能不能像洋蔥一層一層的 Cascade layers - 基本用法Hi!大家好,我是神 Q 超人!這篇文章要介紹的 cascade layers ,就可以讓我們用像是圖層的方式定義 CSS,且就像繪圖的例子,不論 CSS selector 的優先級如何,只要是指定在同個元素上,後方圖層定義的樣式都會蓋掉先前的圖層所定義的相同樣式。Oct 18, 20221Oct 18, 20221
Published inStarbugs Weekly 星巴哥技術專欄用 JavaScript 玩轉設計模式 | 如果你用了 Tree 結構,就不能錯過 Composite Pattern(組合模式)當你的需求要求你將資料組成一個類似 tree 的結構時,就可以利用 composite pattern 將 tree 的各個部分組合,在組合好後,即使不理解當前的 tree 裡到底長什麼樣子,也能直接透過 tree 的 root 來操作或取得整體的行為或資料。Oct 4, 2022Oct 4, 2022
Published inStarbugs Weekly 星巴哥技術專欄在 React Native 中以指定父元素絕對定位子元素,打破 View 的 Position 限制Hi!大家好,我是神Q超人! React Native 主打可以用貼近開發 Web 的語法去寫手機 APP,但其實真正開發起來面臨到的坑還是挺多的。這篇文章要分享的絕對定位就是在 React Native…Sep 6, 20221Sep 6, 20221
Published inStarbugs Weekly 星巴哥技術專欄來征服資料結構與演算法吧 | 連 Google 面試都在考的 Binary TreeHi!大家好,我是神 Q 超人!在這篇文章裡,會先介紹 binary tree 的資料結構,與如何使用 JavaScript 實作,最後一樣會挑幾題演算法來練練手,學習一下和 Tree 結構形影不離的深度搜尋法(DFS,Depth-first…Jun 26, 2022Jun 26, 2022
Published inStarbugs Weekly 星巴哥技術專欄執行 JavaScript 的 V8 引擎做了什麼?Hi!大家好,我是神 Q 超人!我想點進來的大家應該都聽過,也在瀏覽器或 Node.js 上執行過 JavaScript,但你們有想過 JavaScript 是如何執行的嗎?這背後的功臣就是 JavaScript 引擎,而標題提到的 V8 引擎 也是其中之一喲!May 24, 20222May 24, 20222