今天處裡剩下的部分:checker 函式和它注入頁面的輔助函式。 checker checker 函式基本上就是幫我們重複地跑無窮迴圈,每隔一段時間就去刷一下資...
今天接續昨天的Array方法那我們開始吧!! splice() 可以新增刪減陣列項目,也能指定位置與數量,並回傳一個包含被刪除元素的陣列語法: arrayNa...
函式陳述式與函式表達式 函式陳述式:之前直接定義 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」, 我們都知道全域...
追求JS小姊姊系列 Day16 -- 方函式的能力展現:有小弟真好 -- 函式的參數 tags: 2021鐵人賽 前情提要 沒說什麼,用工具人運作來講了一個故...
前言 Object.prototype.like = '舌尖上的JS' 請在任意的 JavaScript 環境輸入以上程式碼,然後隨意宣告一個變數、陣列或函式...
在 JavaScript 裡還有一個概念稱為「Hoisting ( 提升 )」,底下先執行一段範例: console.log(a) // ReferenceEr...
用 getters 抽象 state 整個系列寫得太嚴肅了,這次在標題上小小的中二一下。 vuex 的 getters 用來展現欲望,展現想要使用資料的樣子...
前情提要 上回提到了要透過 AJAX 遠距離魔法呼叫精靈並等待精靈回覆。 艾草:「來,我們先來試試看 AJAX 的其中一段咒語 :XMLHttpRequests...
圖(Graph)建立的方法 addVertex: 新增頂點 addEdge: 新增邊 removeVertex: 刪除頂點 removeEdge: 刪...
Node.js 版本間的差異使得有些專案需要使用特定的版本才能正常運作,因此各專案間需要來回的切換 Node.js 的版本。要切換 Node.js 版本意味著要...
前言 什麼是貝茲曲線?它能創造一連串平滑的曲線,被應用在PS和AI中的鋼筆、以及常見的CSS Animation,換句話說,你學會了貝茲曲線,就大概懂一半網頁動...
今天的 TextField 和明天的 FormControl 都是在介紹跟表單有關的介面和元件,而這主要是 Material-UI 實作的方式,在明天講完後,...
昨篇已介紹data-*基本介紹,這篇介紹data於bootstrap上的使用 關於提示框,其實工作上真的會用到,但以前都用手刻,沒仔細看bootstrap居...
今天挑戰半小時寫完一篇文章(被打,其實我寫完程式了,把文章撰寫出來就好嚕。 https://jerry-the-potato.github.io/Chapt...
昨天我們做完前置作業了,今天我們來看一下這個 HTML Service 是怎麼用! 簡單來說,就是可以乘載簡單的 GET 以及 POST 請求,讓你建立簡單...
元件介紹 Infinite scroll 能在面對多筆資料時,讓捲軸滑動到底部時再載入下一頁面的資料。 由於一次性向後端取得大批的資料,對於後端的資料計算、資料...
event 查目前網頁的 event,開啟 Chrome 的開發者工具,點選 Elements,之後在 CSS 的樣式 (styles) 那欄會有一個 Eve...
今天寫第二步「進入選課頁面」、第三步「至加選頁面」及第四步「查詢你想要的課程」。 enter 這個函式涵蓋了第二步及第三步,因為不想分太多函式。 async f...
在上一章,我們提到了 Functor,但更精準地說是 Covariant functor,而今天要提到的則是 Contravariant Functor,其定義...
前面已經學習如何更改指定節點的內容今天來介紹如何取出指定節點的資料值 innerHTML 使用 innerHTML 取出指定節點內的 HTML 結構 HTML...
JavaScript Array (陣列) 陣列 (array) 是一個有序的序列,陣列中可以儲存不定數量的任何值,陣列在 JavaScript 中屬於複合資...
前言 在查詢 MDN 語法關於 string、array、object 的內建方法時,有沒有發現開頭都有 prototype 這個字樣,可是明明在使用上沒有呀!...
前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程,課程主打 No Frameworks、No Compi...
問題回答 computed 有 getter(取值) 和 setter (寫入值)可使用,但預設只會有 getter 使用,因此 computed 預設是唯讀,...