前情提要 艾草：「我們今天來聊聊話語藝術。」 「咦，這跟魔法有什麼關聯嗎？」 艾草：「嗯，算是某種言靈魔法，話語間的藝術有時候會為你帶來好的結果，有時候看起來沒...
前情提要： 繼續講著工具力的源頭 我：所以你們這些工具人，跟她的姐妹差別就是有沒有能力？ //primitive let x = 12; let y = &...
之前已經介紹了 var 與函式作用域，今天來更仔細的介紹 ES6 新增的 let 、 const以及與它們相關的區塊作用域 區塊作用域 與函式作用域有點像，一...
如何獲取 DOM 節點、串接 API，我們已經大概能了解，可是在網路這個大區域裡面，那些傳過來傳過去的過程似乎依然不是那麼簡單，於是我們今天還是要繼續討論那個過...
這需要一個完整的例子。 我先依照先前講的把程式碼先準備好 先看畫面 準備了兩個頁面: User, Users為了示範上面用一個 nav 來切換。 切換到 Us...
元件介紹 Pagination 是一個分頁元件，當頁面中一次要載入過多的資料時，載入及渲染將會花費更多的時間，因此，考慮分批載入資料的時候，需要分頁元件來幫助我...
之前都是上網看影片學Javascript 常常遇到.push(), .split(), .join(), .slice(), splice()...等等...
現在的主流只要會let跟constlet宣告變數:比較嚴謹的ex: let cokePrice = 20 ; ans:cokePricer = 20 let是...
合併排序法(Merge Sort)原理是會先將原始資料分割成兩個資料列，接著再將兩個資料繼續分割成兩個資料列，依此類推，直到無法再分割，也就是每組都只剩下一筆資...
科科
‧
2021-10-06
從今天起到結賽都會是實戰演練的環節了！ 接下來的日子真槍實彈、彈無虛發，帶大家從理論走向實踐，把一些基本的元件實作出來吧！ 這篇章會怎麼實作？ 老樣子我的風格...
題外話 補充昨天忘記下的結論：不管要繪製的圖案多大，都建議畫(儲存)在一個和原圖一樣大的canvas上，取代原本的圖案，當作未來的繪製來源。 let leafI...
我們今天來研究另一個 HTML Service: HTML Template。 其實你可以把它想成是 Server Side Render 的一種 (註一)，他...
AJAX 是什麼？ AJAX 全名是 Asynchronous JavaScript And XML，是 JavaScript 使用非同步處理的技術，可以達到無...
閉包 內部函數總是可以訪問其所在的外部函數中聲明的參數和變數，即使外部函式已經結束執行了。 看看這個例子:EX: function greet(what){...
阿沁
‧
2021-10-05
今天我們要讓之前的程式能跟 Chat Bot 連動。 需要 Worker 嗎？ 直接從程式中 POST 過去啊，難道還要透過 Worker？ 對沒錯，不用，我們...
你的改變，我看得見！ 今天要介紹的是 ResizeObserver，它和昨天的 MutationObserver 非常相像，都是透過「觀察者模式」的設計方式...
元件介紹 Tabs 是一個選項卡切換元件，能夠在同一層級的內容組別當中導航、切換。此元件由兩個部分構成，一個是讓使用者點擊的導覽頁籤 Tab，一個是對應的內容...
ES6：fetch fetch()：Fetch API 提供了一個能獲取包含跨網路資源在的資源介面，功能類似前一天的 XMLHttpRequest ，但更容...
Q1. 什麼是 Javascript ? Javascript 是一種腳本語言，可以動態的更新頁面內容、控制多媒體... 網頁前端主要由三個部分組成 組織頁...
Review 前一篇文章我們談到了如何實作一個 Maybe Monad，而其主要的功能就是處理無值的情境，今天我們要來介紹另外一種寫法去實作 Maybe Mon...
問題回答 嵌套路由是指在一個 router-view 裏包 router-view，像是在一個畫框裏，再加上一個畫框。例如 /products/tshirt 與...
前言 什麼是拷貝？ 今天朋友想 copy 你的報告，最簡單的就是影印一份給他，但是當你修改報告中的內容時，發現朋友拷貝的那份也跟著修改了，哪尼，難道我見證了量子...
我們前面已經認識了函式作用域，也瞭解了回調函式，但有時候會產生意想不到的事情，造成內存問題，其中一個是閉包 認識閉包 閉包是如何產生的？ 閉包通常出現在巢狀函...
希爾排序法(Shell Sort)是插入排序(Insertion Sort)的改良版。可減少插入排序的資料搬移次數，加入了間距(Gap)的概念將資料分成多個小區...
科科
‧
2021-10-05
前情提要 艾草：「來，接球！」 （我看著眼前一顆球飛了過來，正準備伸出手接時，突然變成了兩顆。） 「咦咦，為何？」 艾草：「我用魔法複製了一顆球呀！」 「這麼好...
前面幾篇我們提到過 DOM API 節點，但貌似沒有討論到什麼是 API；到了今天這個主題，好像確實是該好好的解釋一下到底什麼是 API。 API 究竟是什麼？...
今天終於來到 UML 的最後一篇了，要來接著把沒介紹到的常見 UI 元件介紹完，那就廢話不囉唆直接進入正題！ Table 網頁中的大魔王 Table，作為呈...
在 About 刷新一次頁面 還有一些用在我也不太常用的 lifecycle 這次就一起 Demo 一下順序 兩個 component 切換 從 About...
樹葉問題 先前在第三章畫樹時，就有發現把樹葉畫上去時，系統工作時間會增加而導致掉偵，原圖是300x300，50kb左右，不是很大，但是我們要畫一大堆落葉的話，計...
很快的我們來到做刪除的部分， 很快速的，我們先來看一下如果我們要把東西從試算表刪除該怎麼做： 我們從上面可以知道，使用 Sheet.deletRow(rowP...
艾草
南國安迪
Mao
Jemma
Chris
Taiming
parkerhiphop027
jerrythepotato
鳳黃酥
karakamin
JacobLinCool
MaxLeeBK
hokou
super_baba
Jing.tech
Alysa Chan
Hooo
iThome鐵人賽
看影片追技術