前言 語法糖 Syntactic sugar，指電腦語言中添加的某種語法，這種語法對語言的功能沒有影響，但是讓程式更加簡潔，有更高的可讀性。 而 class 稱...
前言： 接下來要來完成我們網站的導覽部分了，這裡阿森主要分為兩個大項目，分別是Navbar和Sidebar。Navbar就是一般看網頁時會浮在最上面的導覽選單...
yo, what's up 又看到了這張熟悉的表了，想必大家都已經知道這章要來介紹什麼了， 但在這之前先來複習一下，兩個程式 f 與 g 如何進行 compos...
我們上一個篇章認識了綁定事件，了解到不管是什麼節點，都可以綁定事件 那為什麼 JavaScript 會知道我們觸發事件？ 事件觸發流程 當我們點擊網頁中任何一...
HTML 部份元素會有預設的觸發行為，像是 的連結、表單的 submit若是需要在這些元素綁定事件，讓指定的元素可以執行指定的程式碼那就得取消 HTML 預設...
之前我們有提到，JavaScript 如何與瀏覽器溝通，於是我們討論到透過 JavaScript 取得 DOM API 節點，使瀏覽器可以處理使用者行為與互動。...
前情提要 上回偷拿遠距離初階魔法攻擊艾草。 艾草：「我看你拿魔法丟我丟得挺順的了(╬•᷅д•᷄╬)，那開始教你中階魔法吧！」 「喔喔喔喔喔，被我扔到良心發現了嗎...
元件介紹 Select 是一個下拉選擇器。觸發時能夠彈出一個菜單讓用戶選擇操作。 這個元件我們底層就能夠使用我們上一篇所提到的 Dropdown 來實作。 參考...
實作新增資料與上傳檔案有兩種做法 開一支 API 處理新增使用者，設定成 multipart/form-data 就可以同時上傳檔案和使用者資料。 開一支上傳...
選擇排序法(Selection Sort)，原理是反覆從未排序數列中找出最小值，將它與左邊的數做交換。可以有兩種方式排序，一為由大到小排序時，將最小值放到末端;...
科科
‧
2021-10-03
Button 是網頁中最常用的元件，跟他相依的元件和情境也不少，因此雖然他不是一個介面，依然還是可以把它單純抽出來介紹，下面的 UML 只是列舉了一個大概而已，...
今天先建立專案，還有開始慢慢地定架構，裝 dependencies ～ Setup 這專案想要用 Next.js + TypeScript 寫，所以用下面指令...
map map() 會建立一個新的陣列，其內容為原陣列的每一個元素經由回呼函式運算後所回傳的結果之集合 可以看到是回傳一個新的陣列，所以原本的陣列不會改變...
前言 其實我算蠻容易分心的，說好要搞流程圖，結果都在打code；說好要做遊戲，結果都在搞動畫；雖然列了大綱，中途還是更換了幾個主題，臨時起意去畫樹，不過，這樣的...
用免費 Serverless 及 JavaScript 寫 Telegram 聊天機器人！ 聊天機器人的簡單架構 基本上許多的聊天機器人都是用 Webhook...
Arguments 它會回傳一個類陣列包含所有你傳到函數中的參數 **類陣列(Array-like):跟Array很像，但只有陣列的length屬性和通過索...
阿沁
‧
2021-10-02
Introduction Type Signature of :: Applicative f => a -> f a Law Identit...
前言 在 ES6 後，新增了 class 類別，一個更簡潔的語法來建立物件，也是建立繼承的語法糖。 必須再次強調，JavaScript 的 class 用法與其...
問題回答 遞迴元件是指同一個元件裏不斷引用自己，造成重複一層元件包著一層元件的情況，直至該元件所渲染的資料沒有滿足你設定的 v-if 資料，就代表此遞迴結束，不...
本篇介紹常用的tab切換功能，使用js、jq、Vue3如何做到，以及說明若一個版面會出現一個以上需要切換時，該注意什麼? 還記的我們在<第15車廂-d...
使用 addEventListener 進行事件監聽，此時 EvetnListener 會建立事件物件（ Event Object）並且以參數的型式回傳 <...
經過前面兩天稍微了解了 HTML Service 後，今天我們要來開始實作我們的 To Do List 了！ 今天我們分成三個部分進行： 建立假資料。...
我們之前在 HTML 篇章有介紹 DOM，是 Document Object Model 的縮寫！我們主要操作 DOM 來控制網頁內容 Document 代...
元件介紹 Dropdown 是一個下拉選單元件，當頁面上的選項過多時，可以用這個元件來收納選項，透過滑鼠事件來觸發選單彈出，點擊選項會執行相對應的命令。 參考設...
我記得在寫 JavaScript 文章的時候，寫的最開心的就是陣列系列方法 ( 不知道為什麼，大概是很多實做吧？ )，寫完以後自己其實想了很久接下來呢？還有什麼...
上一章是在講跟 Input 相關的表單元件會使用 TextField 來給定表單會用到的 required, disabled, helperText 以及 l...
前情提要 方函式也有流程分工，參數負責收東西 方函式：（電話再響）喂，你說參數不在東西誰要收嗎？直接放著沒關係，還是有人會幫我收。我：果然是經營物流嗎？這樣...
有時候，需要 CRUD 以外的行為，後端有時會開專屬的 API，有時候不會。有時候在使用 API 時，前端也有一些「一定會一起執行的事」。 那麼，這些「雜項」就...
排序（Sorting） 排序（Sorting）在電腦領域中是非常普遍且重要工作，即是將一群不規格的資料按照某個規格來重新排列，讓排序過的資料容易閱讀、利於統計整...
科科
‧
2021-10-02
前情提要 上回學習遠距離火屬性初階魔法。 「呼，總算學完了，我來試試發射看吧！」 艾草：「欸欸，你不要都往我身上丟啊啊啊，雖然這火很弱，但不要亂來啊啊！」 「啊...
Hooo
Cooksuhr
Jing.tech
Mao
karakamin
Jemma
艾草
Taiming
Chris
parkerhiphop027
Jade
hokou
jerrythepotato
JacobLinCool
Alysa Chan
切版姐姐
鳳黃酥
南國安迪
iThome鐵人賽
看影片追技術