本篇介紹固定navBar應用篇—仿IT邦幫忙 每進入iT邦幫忙網站，忍不住都會滑一下卷軸吧？上方header算是常見的網頁效果，所以今天要來模仿一下，iT邦...
今天我們來用 Koa 建立一個簡單的網頁伺服器。 Koa? Koa 與 Express 同為 Node.js 的網頁伺服器 Package。兩個都是非常好的網頁...
setTimeout setTimeout：定時器，只執行一次，屬於非同步，因此就算設定 0 秒執行，還是會先執行原本的程式碼才去執行 setTimeout...
Callback Function 回呼函數 A function you give to another function, to be run when...
阿沁
‧
2021-10-07
大家～ 今天文章會特別短Ｑ 來講一下靜態網站可以部署到哪裡呢？大家應該常聽到 Github Pages，不過其實還有很多服務可以用！那今天我會列幾個好用而且免費...
陣列資料處理 - forEach 會將陣列中的每一個元素資料進行處理 使用範例 let dataList = [10, 20, 30, 40]; dataLis...
上一章節簡單的介紹如何處理 side effect 的其中一個方法 dependency injection，而本章要介紹第二個方法 IO Monad，但在這之...
前言 HTML 的內容在 DOM TREE 上到底怎麼呈現？ 今天就來講講樹上的節點有哪些，及要怎麼取得這些節點！ DOM 節點分類 整份 HTML 文件中的內...
前情提要 奇怪的事情，姐妹們疑似也有超能力。 方函式：表面上雖然看起來就是所謂的姐妹、工具人關係，但事實上背後，我們還有一套專屬的識別方式。 識別身份背後...
問題回答 全域註冊的方法，意思是每個 Vue 元件都能使用的方法。在 Vue 2 會有以下方法： Vue.prototype plugin mixin...
今天來將畫面做好，我們面對的資料長這樣。 需求: 通常一個使用者的 form 表單是用在新增/編輯資料上面。 我們用一個小小的例子，一步一步的完整帶你看看，除了...
我們前面已經學習了回調函式（Callback Function）與構造函式（Constrcutor），而 Promise 是 ES6 新增用來解決非同步回調地...
上一篇我們在討論 AJAX 的時候，有另外提到 Callback Function，不知道怎麼的我突然想花更多的時間去研究這個 function，所以這一篇就用...
前情提要 艾草：「我們今天來提升一下吧！」 「不是每天都在提升魔力總量了嗎？」 艾草：「不一樣唷，今天的提升更特別，我特別提倡身心靈的提升。」 （艾草一說完，我...
VScode： Step 1開啟index.html存擋 Step 2開啟all.js存擋 Step 3在index.html檔案裡的「head」加上all.j...
元件介紹 Spin 是一個載入狀態元件，當頁面正在處理非同步行為，或需要讓用戶等待的作業時，用來顯示以緩解用戶等待的焦慮。 參考設計 & 屬性分析 一個...
快速排序法(Quick Sort)又稱分割交換排序法，是目前公認效率極佳的演算法，使用了分治法(Divide and Conquer)的概念。原理是先從原始資料...
科科
‧
2021-10-07
【前言】最後這個 Deploy NFT 才是真正真正真正的大魔王，比我想像中還要難超級多，難到我現在都不知道前言要打什麼了。只能放上一些梗圖娛樂自己… 【De...
實作第二篇要來介紹的是 Portal 系列的實作，會一路從 Portal 實作到 Popconfirm，Overlay、Modal 就等之後有機會再做了！ 開...
接下來時間真的很緊，也顧不上結構了，只能就目前想到的功能，先以直覺的方式編寫了，如果講不太清楚還多多包涵！昨天的一定要先看唷，今天是接著作下去的 轉場 玩家從進...
今天我們一起來實作用 HTML Template 來顯示 To-Do-List 的資料吧！ 首先我們一樣先開一個 Google Apps Script 吧！...
看這個程式碼，結果會是如何? function ArrFunction(){ var arr=[]; for(var i=0;i<3;i++){ arr...
阿沁
‧
2021-10-06
今天來用 Cloudflare Workers 寫個有趣的東西吧！ 你的 IP 是不是 ？ 很酷吧！ 現在為你介紹... IP as Picture API，簡...
axios axios 是處理 AJAX 的套件，是透過 JavaScript Day19 - AJAX(1) 提到的 XMLHttpRequest 去發送...
小孩才做選擇，成年人當然是尺寸、座標全都要！ 昨天介紹的 ResizeObserver API 可以觀察到元素的尺寸變動時執行回呼，並且會提供元素變動後的「...
大家有沒有發現當有人在社群軟體分享網址的時候，通常除了網址本身還會看到一張縮圖加上網站的標題和描述？這就是用 Open Graph (OG) 設定出來的！今天會...
JS 原生寫法處理 AJAX XMLHttpRequest 透過建立一個XMLHttpRequest物件，開啟一個 URL 並發送請求，此為較為傳統的方式範例如...
在介紹本篇我們先來複習一下先前在 pure function 那章提過的一些名詞 Side Effect: 當呼叫函式時，此函式會改變外部物件的狀態，則稱這...
前言 鐵人倒數十天！利用最後時間來分享瀏覽器，這裡才是真正的戰場。在 ECMAScript 上並沒有提供網頁的操作方法，事實上這些操作都是由各家瀏覽器提供的，那...
問題回答 懶加載路由或元件的意思是當訪問該路由，或需要顯示該元件時，才載入該路由或元件。這做法會提升網頁效能，在打包時，如果某路由或元件設定了懶加載，就會獨立被...
切版姐姐
JacobLinCool
hokou
Jade
karakamin
Jing.tech
Hooo
南國安迪
Alysa Chan
Chris
Mao
Jemma
艾草
Taiming
ALu
parkerhiphop027
jerrythepotato
鳳黃酥
MaxLeeBK
iThome鐵人賽
看影片追技術