題外話 昨天沒把樹葉畫上去，還是心癢癢的，所以動手簡單裝飾了一下這棵樹：https://jerry-the-potato.github.io/Chapter3-...
前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程，課程主打 No Frameworks、No Compi...
哈囉！昨天使用 SWR 實作了一個小功能，讓使用者可以列出某 Github user 的所有公開 repository～ 今天用 Notion SDK 新增了一...
今天應該是爬蟲的最後一篇了。我們要把爬下來的資料做成「每日鐵人賽熱門 Top 10」。 來看看爬下來的資料 // 2021-09-26.json { &...
在講解 this 之前，先來看一段程式碼，觀察它的執行過程 var myName = 'weiwei'; function callName() {}; c...
學習之後，刻意進行練習能夠加深印象。 前面三天我們已經習得 DesignMode、Selection API、Clipboard API，今天我們就將這三個...
for、while 可參考：Day13 - 迴圈(01) 還蠻常搭配陣列使用的 for (初始值 ; (結束)條件 ; 更新) { // 迴圈內的...
yo, what's up? Product Type Product types 允許同時存在兩種以上的資料型態在內 舉例來說現在我們建立一個特別的型別叫...
DOM DOM 是什麼呢？ DOM（Document Object Model）當瀏覽器進入網頁時，將 HTML 文件會以樹狀結構的解析，此稱為 DOM Tre...
今天要介紹的是網頁元件會用到的動畫，在 Day 07 已經介紹過過渡動畫這邊主要就是三大重點要定義：過渡類型（ Transition Type）、持續時間（D...
After understanding the basic HTML DOM Event concept in the last article, now we...
前面有介紹了基本型別，基本型別有 string、number、boolean、null、undefined 這五個型別，剩下的可以都歸類於物件型別。 什麼是物...
今天要來解一題以前數學課本第０章都會遇到也很常被我們跳躍式略過的東西。 在看這題之前我們先來了解一個名詞 Power sets：假設有一個集合 X ，我們將 X...
問題回答 directive（指令）是我們在 Vue 自定義的指令。當我們要重複處理某些工作，例如轉換時間呈現的格式的工作，可以使用 directive 來處理...
延續上篇的table介紹，原本功能都要自己寫，那有沒有工具可以直接套用呢?有的!那就是神器DataTables拉! 簡介 DataTables 是 jQue...
前情提要 終於做出時間了，卻又卡在流程問題，這次解決是否能順利回到過去？ 我：那要怎麼樣避免因為流程錯誤而造成流程執行不完？D特：有各種方法，像是流程控制...
前面說了幾篇陣列以及陣列方法，今天終於要講到跟陣列息息相關的「物件」了。物件包含著一個以上的屬性與值，可以單一組物件存在，也可以好幾組物件存在於一個陣列之中。...
前言 let shoppingList = ['Oreo', 'Tilamisu', 'snickers'] let cookie = shoppingList...
元件介紹 Accordion 是一個可折疊/展開內容區域的元件。主要是針對顯示內容複雜或很多的頁面進行分區塊的顯示及隱藏。 參考設計 & 屬性分析 元件...
前面提到那個e，蘊含著我們與網頁互動豐富的資訊。 例如： type：代表事件的類別。 target：為觸發事件的元素。 screenX / screenY：代...
前情提要 艾草：「你過來幫我擺一下魔法陣！」 「哇喔，看起來好厲害唷！這裡有三個空位是要擺什麼嗎？」 艾草：「對唷！魔法陣列內都能擺入三個參數，來這個你接著！擺...
我們昨天順利把借物歸還事件可以自動化上傳到 Google Calendar 上，但是如果借閱人不看 Google Calendar 怎麼辦？ 沒關係，我們就自動...
在 JavaScript 中，儲存資料的方式，長這樣。 { name: 'Chris', age: 18 } 抽象資料型別 ADT 強型別語言的話，要...
前言 接下來我們要聊一個非常非常重要的東西，也就是關於錯誤的處理，而這個處理又稱之為例外處理。 例外處理概念 首先先聊聊例外處理是什麼，通常我們在開發系統的時候...
我們先來看一段閉包程式碼 function arrFunction() { const arr = []; for (var i = 0; i...
昨天發完文後，覺得對於演算法還是心有不甘，便上網搜尋了一下，雖然沒直接給到答案，間接的給了我一些大膽的想法。 具體參考的是這篇：https://ithelp.i...
本篇延續＜第9車廂-使用content:attr()實現tableRWD應用＞的版，透過程式自動產生假title<th>，並製作簡單的分頁功能...
今天，來優化爬蟲的速度。 調查問題成因 回顧一下，我們的程式執行了以下步驟： 下載網頁 解析網頁 合併數據 儲存數據 我們先來記錄一下各步驟執行的時間。 /...
函式(function) 可參考：Day08 - 函數(01) 重複的內容會以函式來定義，來減少重工與方便維護 函式內的內容可以放函式 函式定義內容後，需要...
全文同步於個人 Docusaurus Blog 當建立私人頻道後，下一步，便是將私人頻道的訊息發往 server-side，透過 server 轉給指定的使...
jerrythepotato
Xiang1009
Jade
JacobLinCool
weiwei
MaxLeeBK
hokou
Jing.tech
karakamin
parkerhiphop027
Vida Lin
Mao
Jen
Alysa Chan
切版姐姐
南國安迪
Jemma
Hooo
Taiming
popeye_ux
艾草
鳳黃酥
Chris
Ray
DoDoBird
iThome鐵人賽
看影片追技術