使用 Guard Clauses 回避嵌套的流程判断来增进阅读性
如果你需要大于 3 层的嵌套，代表你已经搞砸了，应当考虑重构程式码，应当透过反转与封装程式来重构逻辑。这篇文章将详细的介绍现有问题以及使用 Guard Clauses 技巧撰写更好阅读的代码，也就是透过反转逻辑的技巧来撰写更少嵌套逻辑的程式。
如果你需要大于 3 层的嵌套，代表你已经搞砸了，应当考虑重构程式码，应当透过反转与封装程式来重构逻辑。这篇文章将详细的介绍现有问题以及使用 Guard Clauses 技巧撰写更好阅读的代码，也就是透过反转逻辑的技巧来撰写更少嵌套逻辑的程式。
如果你需要大於 3 層的嵌套，代表你已經搞砸了，應當考慮重構程式碼，應當透過反轉與封裝程式來重構邏輯。這篇文章將詳細的介紹現有問題以及使用 Guard Clauses 技巧撰寫更好閱讀的代碼，也就是透過反轉邏輯的技巧來撰寫更少嵌套邏輯的程式。
To optimize the loading order of scripts, Explains why to use the built-in HTML `defer` and `async` attributes.
为了优化网页加载顺序，本文通过实际案例说明为什么应该使用 HTML 内建的 `defer` 和 `async` 属性，先从问题出发再到三种解决方案与对比，利用原生 HTML Script 标签属性及能规划脚本的加载顺序。
為了達成最佳化網頁加載的順序，本篇文章以實際案例說明為什麼應該使用 HTML 內建的 `defer` 和 `async` 屬性，先從問題點出發再來到三種解決方案與比對，透過原生的 HTML Script 標籤屬性及能規劃腳本的加載順序。
Creating a search box from scratch, allowing input and matching existing data to display relevant content, practical exercise for JavaScript beginners.
搜寻列是普遍输入资料于 HTML 中最常用的方式之一，让我们学会如何使用它。本篇文章将会练习从无到有包含介面制作一个搜寻框，可以输入结果并比对现有资料显示关联的内容，是一个非常适合 JavaScript 新手的一道实用练习题目。
搜尋列是普遍輸入資料於 HTML 中最常用的方式之一，讓我們學會如何使用它。本篇文章將會練習從無到有包含介面製作一個搜尋框，可以輸入結果並比對現有資料顯示關聯的內容，是一個非常適合 JavaScript 新手的一道實用練習題目。
A counter is a basic exercise commonly seen in various frameworks, showcasing minimal functionality of any app. Let's recreate it using native JavaScript.
计数器是入门各大框架基本会见到的习题，可以说是任何 App 最低限度的功能展示。这次使用原生的 JavaScript 来重现该题目，并且一步一步的思考并改善结果，本篇文章将会练习制作一个具备加、减、重制功能的 JavaScript 计数器。
計數器是入門各大框架基本會見到的習題，可以說是任何 App 最低限度的功能展示。這次使用原生的 JavaScript 來重現該題目，並且一步一步的思考並改善結果，本篇文章將會練習製作一個具備加、減、重製功能的 JavaScript 計數器。
上一章節從動圖理解了非同步的概念，這一章節將會介紹如何撰寫非同步程式。從簡單的回呼函式到 Promise 再到使用 Async/Await 語法。目前知道非同步的程式實際上是透過執行環境(瀏覽器、Node.js) 所提供的 API 來達成同時間處理多件事情的。
Debounce and throttle are essential patterns in frontend performance, helping to improve user experience and reduce resource wastage for developers.
防抖与节流是前端效能主题中必定会出现的模式，对用户的输入进行适当的防抖与节流处理，除了有助于提升使用者体验之外，对开发者来说也节省掉许多潜在的资源浪费，透过实际案例还有动画图片一起来了解防抖与节流如何帮助我们提升程式效率。
防抖與節流是前端效能主題中必定會出現的模式，對用戶的輸入進行適當的防抖與節流處理，除了有助於提升使用者體驗之外，對開發者來說也節省掉許多潛在的資源浪費，透過實際案例還有動畫圖片一起來了解防抖與節流如何幫助我們提升程式效率。