Published in Starbugs Weekly 星巴哥技術專欄·Jun 26來征服資料結構與演算法吧 | 連 Google 面試都在考的 Binary TreeHi！大家好，我是神 Q 超人！在這篇文章裡，會先介紹 binary tree 的資料結構，與如何使用 JavaScript 實作，最後一樣會挑幾題演算法來練練手，學習一下和 Tree 結構形影不離的深度搜尋法（DFS，Depth-first Search）與廣度搜尋法（BFS，Breadth-first Search），希望可以讓大家熟悉 bi …Java Script11 min read
Published in Starbugs Weekly 星巴哥技術專欄·May 24執行 JavaScript 的 V8 引擎做了什麼？Hi！大家好，我是神 Q 超人！我想點進來的大家應該都聽過，也在瀏覽器或 Node.js 上執行過 JavaScript，但你們有想過 JavaScript 是如何執行的嗎？這背後的功臣就是 JavaScript 引擎，而標題提到的 V8 引擎 也是其中之一喲！ V8 引擎是由 Google 用 C++ 開源的 JavaScript 與 WebAsse …Java Script8 min read
Published in Starbugs Weekly 星巴哥技術專欄·Apr 26Git | 我以為的 Git Rebase 與和 Git Merge 做合併分支的差異Hi！大家好，我是神 Q 超人！用 Git 做版本控管應該是大部分工程師每天都會碰到的工作流程之一，但我在使用上不外乎就是 push、pull、merge、checkout 或 log 等幾個指令，更深入一點就一問三不知了 😂，而在這個狀況下的我，就在和朋友聊天的時候遇到了這個問題： 「欸，你知道 Git 的 merge 和 rebase 有什麼 …Development10 min read
Published in Starbugs Weekly 星巴哥技術專欄·Mar 29Vue | 在選擇 CSS Modules 做 UI Component Library 以及 Storybook 的初體驗Hi！大家好，我是神 Q 超人！前一陣子滿幸運可以參與到公司規劃的一些新專案，為了這些專案，我們需要把會重複使用的介面切成 component library，而在這個過程中剛好有遇到一些小問題，就想說把它們記錄下來，如果有其他人或是之後碰上類似的狀況，就能有一些思考如何解決的方向。 CSS Modules 如果是前端工程師，應該是對 CSS Modules 這個名詞不 …Vuejs7 min read
Published in Starbugs Weekly 星巴哥技術專欄·Feb 28用 JavaScript 玩轉設計模式 | 替你處理行為的 Proxy Pattern（代理者模式）Hi！大家好，我是神 Q 超人！今天想要來介紹設計模式中的 Proxy Pattern（代理者模式）。在日常生活中，我們有可能會因為許多原因，沒有辦法直接和對方談話，於是就會透過他的代理人或是助理傳達訊息（就像廠商如果要找藝人合作，就得透過經紀人一樣）。 Proxy Pattern 就如同上述的例子，我們會在目標物件上多包裝一層 Proxy，讓我們透 …Java Script6 min read
Published in Starbugs Weekly 星巴哥技術專欄·Jan 31精準的打包 — Webpack 的 Tree ShakingHi！大家好，我是神 Q 超人！前陣子在和朋友聊 Webpack 的時候，突然提到 Tree Shaking，但很慚愧的是我沒有辦法好好說明 Webpack 是如何做到 Tree Shaking 的，因此就趁這個年假的第一天抽空讀 Webpack 的文件，然後把理解到的心得寫下來，如果你也有興趣，就一起看下去吧 🙌。 Tree Shaking 是什麼 Tree Shaking …Front End Development9 min read
Published in Starbugs Weekly 星巴哥技術專欄·Jan 4JavaScript | 你常用的 Array Methods 是我常用的嗎？Hi！大家好，我是神 Q 超人！在整理 StarBugs 推薦文章的時候，常常會看到許多人分享他們覺得常用且重要的 array methods。於是我就好奇了，那麼多人常用的 array methods 都會是相同的嗎？為了滿足這個好奇心，我就一口氣找了十篇介紹 array methods 的文章 👏： 8 must-know JavaScri …Starbugs8 min read
Published in Starbugs Weekly 星巴哥技術專欄·Dec 6, 2021開源專案讀起來 | 關於圈圈叉叉的雅量Hi！大家好，我是神 Q 超人！因為 StarBugs 的關係，所以平常沒事我就會讀一些有關於程式的技術文章，然後再把那些投稿到每週週刊的推薦文章中，也順便看看自己有沒有感興趣想要學習的東西。然後就在某天的下午我突然意識到 圈圈叉叉也太多了吧！ 沒錯，就是那個童年遊戲圈圈叉叉，我幾乎每個禮拜都會看到有關於寫出一個圈圈叉叉的心得文章，發現這一點的我就 …Java Script10 min read
Published in Starbugs Weekly 星巴哥技術專欄·Nov 9, 2021用 Verdaccio 快速建立專屬的 private npm proxy 並部署到 Heroku 上！Hi！大家好，我是神 Q 超人！今天要介紹的 Verdaccio 是基於 NodeJS 運行的 npm proxy，但是為什麼我們需要 Verdaccio 呢？ 舉例來說，當一間公司擁有很多專案，而各個專案之間都有一些共用的業務邏輯、客製的函式庫或是 UI 介面，通常上述共用的東西都會它們依據功能放到獨立的 JS 檔或切成 Component 管理 …Verdaccio8 min read
Published in Starbugs Weekly 星巴哥技術專欄·Oct 11, 2021來征服資料結構與演算法吧 | 簡單來說就是像排隊的 QueueHi！大家好，我是神 Q 超人！這篇文章要試著用 JavaScript 來分享和實作一種叫做 Queue 的資料結構，也會搭配個 Leetcode 的題目來服用，讓大家之後在解題或處理類似需求的時候能想得到 Queue！ Queue Queue 這個資料結構的實作以生活上平易近人的詞來說就是排隊。當你在超商準備結帳的時候，如果前面有人正在結賬，那你就必須排在他的後 …Java Script6 min read
