選擇排序法(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
前情提要 上回學習遠距離火屬性初階魔法。 「呼，總算學完了，我來試試發射看吧！」 艾草：「欸欸，你不要都往我身上丟啊啊啊，雖然這火很弱，但不要亂來啊啊！」 「啊...
今天處裡剩下的部分：checker 函式和它注入頁面的輔助函式。 checker checker 函式基本上就是幫我們重複地跑無窮迴圈，每隔一段時間就去刷一下資...
今天接續昨天的Array方法那我們開始吧!! splice() 可以新增刪減陣列項目，也能指定位置與數量，並回傳一個包含被刪除元素的陣列語法: arrayNa...
阿沁
‧
2021-10-01
函式陳述式與函式表達式 函式陳述式：之前直接定義 function 的方式 會被提升到最上面，所以可以在 function 前使用 函式表達式：前面使用...
元件介紹 Breadcrumb 是一個導航元件，用於顯示當前系統層級結構中的路徑位置，並且點擊路徑能返回之前的頁面。在系統有多個層級架構，並且希望能幫助用戶清楚...
事件 指的是在 DOM 上所發生的事件，換句話是可以是特定的動作被觸發後，必須要執行對應的事情。（如：點選某某功能、按下 ESC 鍵，就是觸發執行某件事。）...
到目前為止我們已經知道了 Functor 可以將 effect 跟 pure function 進行 compose，但我們沒有提到一點是 Functor 無法...
我們今天要來繼續深入 HTML Service ，讓大家對於利用 GAS 架網站這件事情在之後可以更為輕便簡單。 我們繼續看到 Docs 的部分 (註一) ：...
問題回答 v-for 的 key 必須是唯一值，才可以讓 Vue 在更新 v-for 所產生的列表時，能準確更新節點。相反，如果使用 index 作為 key，...
之前我們有說過，再調用函式的時候，瀏覽器會傳遞隱藏的參數給我們函式一個是「this」，除了 this 還有另一個參數是「arguments」， 我們都知道全域...
parkerhiphop027
Jade
hokou
jerrythepotato
JacobLinCool
Jing.tech
Hooo
Alysa Chan
切版姐姐
karakamin
鳳黃酥
Mao
Taiming
Jemma
南國安迪
Chris
艾草
iThome鐵人賽
看影片追技術