目前我們寫好了一個新增的畫面 需求 接下來，常見的需求是，人員的新增之後是人員的編輯。 新增用的畫面 編輯用的畫面 假設編輯時，只能換頭貼，不能改名字的畫面...
JavaScript書寫方式與CSS相似，分為行內書寫，內嵌書寫以及外部書寫 1.行內書寫 <input type="button"...
桶排序法(Bucket Sort)，與前面幾篇的排序法不一樣，前面都是經由兩兩互相比較而成的排序，稱為比較排序法，而桶排序是非比較排序，屬於「分配性」的排序。原...
科科
‧
2021-10-09
之前有講到非 input-like 的表單情境也需要處理，這時候就是 FormControl 出場的時候了，但其實也不代表 Input-like 的元件不能用...
大家～ 今天文章會也會很短Ｑ 昨天講了靜態網站可以部署到哪裡之後，今天來講 Next.js 的專案可以部署到哪？Next.js 專案基本上是用 Node.js...
前情提要 被第一人視角的我打斷了對話，現在要繼續講完：在D22的時候，我們知道了識別字、保留字，其中識別字缺少了宣告這件事仍可以賦值，但是它會被存於全域，易造...
今天我們來用 JavaScript 做個簡單的靜態網頁伺服器吧！疑？昨天不是說過了？沒錯，但今天我們要把它做成「可執行檔」！ 故事是這樣子的 不知道你們有沒有遇...
前情提要 艾草：「昨天教你原理，今天我們實際來實作這個術式吧！」 「好～～」 艾草：「來！發動前要唸咒語，霹靂卡霹靂拉拉波波力那貝貝魯多！」 「這也太羞恥了吧！...
原型 Prototype 與 原型鍊 Prototype Chain JavaScript 每一個物件(包含函數)都有原型這個屬性用來繼承屬性與方法。原型會去參...
阿沁
‧
2021-10-08
前情提要 「艾草艾草，你在做什麼？」 艾草：「沒特別做什麼呀！」 「艾草艾草，我問你喔！」 艾草：「嗯嗯，問呀，但為什麼都要叫我名字兩次呀？」 「透過兩次的呼叫...
元件介紹 Skeleton 是一個骨架載入元件(Skeleton Screen Loading)，跟 Spin 不同的是，Skeleton 幫助我們在頁面載入完...
到目前為止，我們介紹 Maybe Monad 其是專門處理無值情境以及 IO Monad 則是處理同步計算的 effect，例如 console.log, lo...
條件(三元)運算子 三元運算子：有時在網路找資料會看到會帶有 ? 的程式碼，類似在做條件判斷，不確定是什麼意思，後來總算找到是屬於條件運算子，又因為有 3 個...
1.JS是什麼? Java Script 是一種運行在客戶端的腳本語言 (script就是腳本的意思) 腳本語言 : 不需要進行編譯，運行過程中由JS引擎逐行來...
陣列資料處理 - map 特性 可以將原始陣列經過處理後，重新組合回傳一個新陣列 不會影響原始陣列 範例一：將陣列內的資料做運算處理 const dataL...
問題回答 Composition API 是以邏輯功能來分割程式碼，像是寫原生 JavaScript 一樣，我們會把實現同樣功能的程式碼寫在附近。但 Optio...
本篇介紹JS插件pdf.js簡易應用篇 今天介紹透過插件pdf.js在網頁中直接瀏覽pdf官網: https://mozilla.github.io/pdf...
前言 恭喜 codepen 復活 ＼（＾∀＾）メ（＾∀＾）ノ終於可以透過實作來學習如何選取元素、操作 node，一起來製作敲可愛 Cookie Generato...
為什麼要特別寫 Form 表單攻略呢？因為這是使用者可以輸入資料的常見途徑，一種可以「寫入」資料的方式。 為了使用者可以將資料好好的寫入，單一資料流安排了一系列...
立即函式，也稱 Immediately Invoked Function Expression，簡稱 IIFE，是一個在宣告的當下就會馬上被執行的函式。 立即函...
堆積排序法(Heap Sort)原理是利用「堆積」的資料結構為基礎來完成排序。 堆積的介紹可以參考此篇。 操作流程(最大堆積為例): 將陣列轉換最大堆積(...
科科
‧
2021-10-08
前情提要 工具人竟敢透露了一些身份的秘密。 我：打斷一下，所以為何你們三個工具人出現的瞬間，JS姐妹們就突然消失了？方函式：喔～終於想起來了嗎？因為一直讓你...
ES6 新增了更接近傳統語言寫法的 Class 這個概念，基本上可以當作是一個語法糖，絕大部分的功能在 ES5 都可以做到，但 Class 可以讓構造函式的寫...
數字與字串相加，會自動轉型，變成字串 let myName = "小美" ; let myWeight = "50" ;...
前情提要 「咦，今天早上開始就一直感覺有人在叫我，是艾草你嗎？」 艾草：「沒有呀，我怎麼沒聽到，確定不是小精靈在叫你嗎？」 「奇怪，沒有呀！難不成是我幻聽了？」...
今天要實作的是 TextField ，雖然是參照 Material-UI 的概念，但在這邊只是實作個外殼，必沒有要像 Material 那樣 Input 和...
今天我們來用 Koa 建立一個簡單的網頁伺服器。 Koa? Koa 與 Express 同為 Node.js 的網頁伺服器 Package。兩個都是非常好的網頁...
咦？To-Do-List 怎麼突然結束了！？ 恩…主要是最近接到了不少新的任務，而我想，To Do List 這麼簡單的東西，就不用我一直做了吧？ （絕對不會承...
大家～ 今天文章會特別短Ｑ 來講一下靜態網站可以部署到哪裡呢？大家應該常聽到 Github Pages，不過其實還有很多服務可以用！那今天我會列幾個好用而且免費...
setTimeout setTimeout：定時器，只執行一次，屬於非同步，因此就算設定 0 秒執行，還是會先執行原本的程式碼才去執行 setTimeout...
Chris
a0265392_lin
parkerhiphop027
Jade
南國安迪
JacobLinCool
艾草
Taiming
Jing.tech
hokou
karakamin
Alysa Chan
切版姐姐
Hooo
Jemma
Mao
鳳黃酥
iThome鐵人賽
看影片追技術