大家有沒有發現當有人在社群軟體分享網址的時候，通常除了網址本身還會看到一張縮圖加上網站的標題和描述？這就是用 Open Graph (OG) 設定出來的！今天會...
JS 原生寫法處理 AJAX XMLHttpRequest 透過建立一個XMLHttpRequest物件，開啟一個 URL 並發送請求，此為較為傳統的方式範例如...
前言 鐵人倒數十天！利用最後時間來分享瀏覽器，這裡才是真正的戰場。在 ECMAScript 上並沒有提供網頁的操作方法，事實上這些操作都是由各家瀏覽器提供的，那...
問題回答 懶加載路由或元件的意思是當訪問該路由，或需要顯示該元件時，才載入該路由或元件。這做法會提升網頁效能，在打包時，如果某路由或元件設定了懶加載，就會獨立被...
前情提要 艾草：「我們今天來聊聊話語藝術。」 「咦，這跟魔法有什麼關聯嗎？」 艾草：「嗯，算是某種言靈魔法，話語間的藝術有時候會為你帶來好的結果，有時候看起來沒...
之前已經介紹了 var 與函式作用域，今天來更仔細的介紹 ES6 新增的 let 、 const以及與它們相關的區塊作用域 區塊作用域 與函式作用域有點像，一...
如何獲取 DOM 節點、串接 API，我們已經大概能了解，可是在網路這個大區域裡面，那些傳過來傳過去的過程似乎依然不是那麼簡單，於是我們今天還是要繼續討論那個過...
宣告字串：用單引號「‘’」或使用雙引號「“”」都可以喔！ let a = 'abc'; let b = "def"; 單引號「''」不...
這需要一個完整的例子。 我先依照先前講的把程式碼先準備好 先看畫面 準備了兩個頁面: User, Users為了示範上面用一個 nav 來切換。 切換到 Us...
元件介紹 Pagination 是一個分頁元件，當頁面中一次要載入過多的資料時，載入及渲染將會花費更多的時間，因此，考慮分批載入資料的時候，需要分頁元件來幫助我...
前情提要： 繼續講著工具力的源頭 我：所以你們這些工具人，跟她的姐妹差別就是有沒有能力？ //primitive let x = 12; let y = &...
接下來介紹處理陣列的方法 這些方法對於資料處理很重要 那就一起來看下去吧 處理陣列的方法 .forEach() 陣列用來跑迴圈，括號內放入function .f...
合併排序法(Merge Sort)原理是會先將原始資料分割成兩個資料列，接著再將兩個資料繼續分割成兩個資料列，依此類推，直到無法再分割，也就是每組都只剩下一筆資...
科科
‧
2021-10-06
從今天起到結賽都會是實戰演練的環節了！ 接下來的日子真槍實彈、彈無虛發，帶大家從理論走向實踐，把一些基本的元件實作出來吧！ 這篇章會怎麼實作？ 老樣子我的風格...
今天我們要讓之前的程式能跟 Chat Bot 連動。 需要 Worker 嗎？ 直接從程式中 POST 過去啊，難道還要透過 Worker？ 對沒錯，不用，我們...
我們今天來研究另一個 HTML Service: HTML Template。 其實你可以把它想成是 Server Side Render 的一種 (註一)，他...
閉包 內部函數總是可以訪問其所在的外部函數中聲明的參數和變數，即使外部函式已經結束執行了。 看看這個例子:EX: function greet(what){...
阿沁
‧
2021-10-05
元件介紹 Tabs 是一個選項卡切換元件，能夠在同一層級的內容組別當中導航、切換。此元件由兩個部分構成，一個是讓使用者點擊的導覽頁籤 Tab，一個是對應的內容...
之前都是上網看影片學Javascript 常常遇到.push(), .split(), .join(), .slice(), splice()...等等...
ES6：fetch fetch()：Fetch API 提供了一個能獲取包含跨網路資源在的資源介面，功能類似前一天的 XMLHttpRequest ，但更容...
Review 前一篇文章我們談到了如何實作一個 Maybe Monad，而其主要的功能就是處理無值的情境，今天我們要來介紹另外一種寫法去實作 Maybe Mon...
AJAX 是什麼？ AJAX 全名是 Asynchronous JavaScript And XML，是 JavaScript 使用非同步處理的技術，可以達到無...
題外話 補充昨天忘記下的結論：不管要繪製的圖案多大，都建議畫(儲存)在一個和原圖一樣大的canvas上，取代原本的圖案，當作未來的繪製來源。 let leafI...
Q1. 什麼是 Javascript ? Javascript 是一種腳本語言，可以動態的更新頁面內容、控制多媒體... 網頁前端主要由三個部分組成 組織頁...
問題回答 嵌套路由是指在一個 router-view 裏包 router-view，像是在一個畫框裏，再加上一個畫框。例如 /products/tshirt 與...
前言 什麼是拷貝？ 今天朋友想 copy 你的報告，最簡單的就是影印一份給他，但是當你修改報告中的內容時，發現朋友拷貝的那份也跟著修改了，哪尼，難道我見證了量子...
我們前面已經認識了函式作用域，也瞭解了回調函式，但有時候會產生意想不到的事情，造成內存問題，其中一個是閉包 認識閉包 閉包是如何產生的？ 閉包通常出現在巢狀函...
VScode： Step 1開啟index.html存擋 Step 2開啟all.js存擋 Step 3在index.html檔案裡的「head」加上all.j...
希爾排序法(Shell Sort)是插入排序(Insertion Sort)的改良版。可減少插入排序的資料搬移次數，加入了間距(Gap)的概念將資料分成多個小區...
科科
‧
2021-10-05
前情提要 艾草：「來，接球！」 （我看著眼前一顆球飛了過來，正準備伸出手接時，突然變成了兩顆。） 「咦咦，為何？」 艾草：「我用魔法複製了一顆球呀！」 「這麼好...
Jade
karakamin
Hooo
Alysa Chan
艾草
Mao
Jemma
Chris
Taiming
南國安迪
parkerhiphop027
JacobLinCool
鳳黃酥
hokou
Jing.tech
jerrythepotato
super_baba
iThome鐵人賽
看影片追技術