从动图轻松解题：防抖与节流
防抖与节流是前端效能主题中必定会出现的模式，对用户的输入进行适当的防抖与节流处理，除了有助于提升使用者体验之外，对开发者来说也节省掉许多潜在的资源浪费，透过实际案例还有动画图片一起来了解防抖与节流如何帮助我们提升程式效率。
防抖与节流是前端效能主题中必定会出现的模式，对用户的输入进行适当的防抖与节流处理，除了有助于提升使用者体验之外，对开发者来说也节省掉许多潜在的资源浪费，透过实际案例还有动画图片一起来了解防抖与节流如何帮助我们提升程式效率。
防抖與節流是前端效能主題中必定會出現的模式，對用戶的輸入進行適當的防抖與節流處理，除了有助於提升使用者體驗之外，對開發者來說也節省掉許多潛在的資源浪費，透過實際案例還有動畫圖片一起來了解防抖與節流如何幫助我們提升程式效率。
Understand how single-threaded JavaScript works behind the scenes, the nuances of concurrent event handling, and demystify complex terminology.
了解单线程的 JavaScript 背后如何运作、并发处理事件背后的奥妙、拆解晦涩难懂的专有名词。浏览器执行环境中的 JavaScript 是单线程的，也就是一次只能执行一件事，如此一来其他事情就都会被搁置在后，让使用者等待。这是非常大的问题，但解决方法也非常的简单：「不要呆呆站在那里等！」。
了解單線程的 JavaScript 背後如何運作、併發處理事件背後的奧妙、拆解晦澀難懂的專有名詞。瀏覽器執行環境中的 JavaScript 是單線程的，也就是一次只能執行一件事，如此一來其他事情就都會被擱置在後，讓使用者等待。這是非常大的問題，但解決方法也非常的簡單：「不要呆呆站在那裏等！」。
Todo lists are common exercises that simulate various scenarios and problems encountered when manipulating data.
待办事项是非常常见的习题，其中需求含括了增、删、读、改资料，充分的模拟到未来在操纵资料时会碰上的各种情境与问题。可以说各式各样的软体都是一种客制化的待办事项，透过制作待办事项足以熟悉编写应用的方方面面，跟着步骤写一次来练习基本的应用撰写。
待辦事項是非常常見的習題，其中需求含括了增、刪、讀、改資料，充分的模擬到未來在操縱資料時會碰上的各種情境與問題。可以說各式各樣的軟體都是一種客製化的待辦事項，透過製作待辦事項足以熟悉編寫應用的方方面面，跟著步驟寫一次來練習基本的應用撰寫。
setTimeout or setInterval are often used to simulate asynchronous execution in practice. This article will detail their underlying principles and usage.
在介绍到同步与非同步代码时，常常会以 setTimeout 或 setInterval 来模拟程式被非同步执行的状况，这两种「方法」都不算是 JavaScript 的一部分，不过大多主流执行环境都有提供 (浏览器、Node.js)，是很好练习非同步处理 JavaScript 的起点，本文将会详细讲解其背后的故事与原理。
在介紹到同步與非同步代碼時，常常會以 setTimeout 或 setInterval 來模擬程式被非同步執行的狀況，這兩種「方法」都不算是 JavaScript 的一部分，不過大多主流執行環境都有提供 (瀏覽器、Node.js)，是很好練習非同步處理 JavaScript 的起點，本文將會詳細講解其背後的故事與原理。
HTML elements can have their own attributes. Data attributes are a formal way to store data in HTML elements, allowing JavaScript and CSS to access the data.
HTML 元素可以拥有自己的属性，用于表达各种类的资讯，像是从外观样式到无障碍资讯到各式各样的预设属性，而 data 属性是一个正式存储资料于 HTML 元素的属性，将资讯储存在 HTML 标签属性上，使 JavaScript 与 CSS 都能读取得到元素的资料。
HTML 元素可以擁有自己的屬性，用於表達各種類的資訊，像是從外觀樣式到無障礙資訊到各式各樣的預設屬性，而 data 屬性是一個正式存儲資料於 HTML 元素的屬性，將資訊儲存在 HTML 標籤屬性上，使 JavaScript 與 CSS 都能讀取得到元素的資料。
Manipulate web pages requires understanding the DOM. This article quickly teaches you how to programmatically modify, access, edit, and listen to the DOM.