Published inStarbugs Weekly 星巴哥技術專欄·May 28開源專案讀起來 | 你看過計算機的裡面嗎？Hi！大家好，我是神 Q 超人！終於又寫回開源專案讀起來系列啦，上次在寫 圈圈叉叉 那篇時候的開心感，就讓我很想繼續找些有趣或常見的小程式來讀，然後比較大家寫法間的差異，結果轉眼間一年半過去的現在才有時間繼續寫下去，果然變成大人後的時間總是特別少（其實是自己一直在偷懶 😂） 好的！那把話說回來，繼上次的圈圈叉叉後，這次選的主題也是做為練習對象很常見的 …Starbugs16 min readStarbugs16 min read
Published inStarbugs Weekly 星巴哥技術專欄·Apr 28Refactor | 這 3 個重構技巧我很喜歡，推薦給你 feat. JavaScriptHi！大家好，我是神 Q 超人！其實在去年 2022 我也是看了兩三本書，但是一直瘋狂 input 的同時都沒有在 output，感覺和之前提到的 WDL 有點衝突，這可能也是我覺得在去年一直都沒什麼長進的原因 😂，雖然還是能夠將學習到的新知識使用在工作上，但是當要和同事解釋為什麼要這樣寫的時候，就會變得格外的困難。 所以為了不讓思考能力無止盡 …JavaScript8 min readJavaScript8 min read
Published inStarbugs Weekly 星巴哥技術專欄·Jan 27Render | 來試試用來取代 Heroku 的服務吧 - Render 的網路服務部署介紹！Hi！大家好，我是神 Q 超人！相信有許多人在去年 2022 Heroku 說要取消免費計劃的同時，就開始尋覓下個能夠繼續免費使用的平台 😂。就我來說畢竟也是有一些食之無味，棄之可惜的作品服務在那上面放著，而它們也都在免費計畫結束後就都掛了，像變心的女朋友一樣，不論給什麼 request 永遠等不到 response 回來。 而前陣子也比較忙，所 …Render7 min readRender7 min read
Published inStarbugs Weekly 星巴哥技術專欄·Jan 27cyclic | 來試試用來取代 Heroku 的服務吧 - cyclic 的網路服務部署介紹！Hi！大家好，我是神 Q 超人！沒想到取代 Heroku 的文章會是一個系列吧！會再繼續研究其實也是因為在 Heroku 學到小經驗，知道不能把雞蛋放在同個籃子裡，不然要是某個平台的免費方案又取消，那要找時間復活一些運行中的服務可能又要等下一個年假了。 😂 那廢話不多說，一起看看這篇文章要介紹的 cyclic 吧！ cyclic 從 cyclic 在首頁的上 Me …Cyclic7 min readCyclic7 min read
Published inStarbugs Weekly 星巴哥技術專欄·Oct 18, 2022CSS | 不曉得能不能像洋蔥一層一層的 Cascade Layers - 基本用法Hi！大家好，我是神 Q 超人！不曉得大家有沒有用繪圖軟體畫畫過，像是我有時候會使用 Procreate 在 iPad 隨性圖上幾筆，但 Procreate 和 iPad 都不是重點，主要是在類似的繪圖軟體中，都會提供「圖層」的功能。 你可以在第一個圖層中打上草稿，第二個圖層描線，第三個圖層上色等等，這些圖層間所畫的東西都互不影響，且在顯示上排序越靠上 …Front End Development5 min readFront End Development5 min read
Published inStarbugs Weekly 星巴哥技術專欄·Oct 4, 2022用 JavaScript 玩轉設計模式 | 如果你用了 Tree 結構，就不能錯過 Composite Pattern（組合模式）Hi！大家好，我是神 Q 超人！最近生活實在是太忙了，因此都沒有時間好好學習被排在待學清單裡的那些酷東西，但如果再繼續耍廢下去，又會感到魔名的恐慌 😂，所以就決定來寫篇文章來強迫自己學習，繼續之前沒有讀完的設計模式！而在這篇文章中登板的是設計模式中的 Composite Pattern（組合模式）！ 目的 當你的需求要求你將資料組成一個類似 tree 的 …JavaScript5 min readJavaScript5 min read
Published inStarbugs Weekly 星巴哥技術專欄·Sep 6, 2022在 React Native 中以指定父元素絕對定位子元素，打破 View 的 Position 限制Hi！大家好，我是神Q超人！最近因為工作的關係，又重回 React Native 的懷抱 😂，雖然 React Native 主打可以用貼近開發 Web 的語法去寫手機 APP，但其實真正開發起來面臨到的坑還是挺多的。這篇文章要分享的絕對定位就是在 React Native 內排版時，遇到的狀況，感覺網路上資源不多，就寫下文章來記錄一下處理的過 …Web Development9 min readWeb Development9 min read
Published inStarbugs Weekly 星巴哥技術專欄·Jun 26, 2022來征服資料結構與演算法吧 | 連 Google 面試都在考的 Binary TreeHi！大家好，我是神 Q 超人！在這篇文章裡，會先介紹 binary tree 的資料結構，與如何使用 JavaScript 實作，最後一樣會挑幾題演算法來練練手，學習一下和 Tree 結構形影不離的深度搜尋法（DFS，Depth-first Search）與廣度搜尋法（BFS，Breadth-first Search），希望可以讓大家熟悉 bi …JavaScript11 min readJavaScript11 min read
Published inStarbugs Weekly 星巴哥技術專欄·May 24, 2022執行 JavaScript 的 V8 引擎做了什麼？Hi！大家好，我是神 Q 超人！我想點進來的大家應該都聽過，也在瀏覽器或 Node.js 上執行過 JavaScript，但你們有想過 JavaScript 是如何執行的嗎？這背後的功臣就是 JavaScript 引擎，而標題提到的 V8 引擎 也是其中之一喲！ V8 引擎是由 Google 用 C++ 開源的 JavaScript 與 WebAsse …JavaScript8 min readJavaScript8 min read
Published inStarbugs Weekly 星巴哥技術專欄·Apr 26, 2022Git | 我以為的 Git Rebase 與和 Git Merge 做合併分支的差異Hi！大家好，我是神 Q 超人！用 Git 做版本控管應該是大部分工程師每天都會碰到的工作流程之一，但我在使用上不外乎就是 push、pull、merge、checkout 或 log 等幾個指令，更深入一點就一問三不知了 😂，而在這個狀況下的我，就在和朋友聊天的時候遇到了這個問題： 「欸，你知道 Git 的 merge 和 rebase 有什麼 …Development10 min readDevelopment10 min read
