前言 前一章解釋 Hoising 時說到,JavaScript 一開始會先記下變數名稱 和 Function Declaraion,因此可以做到提前呼叫 fun...
After understanding the basic HTML DOM Event concept in the last article, now we...
問題回答 所謂跨元件,即是兩個元件並無父子關係,並沒有被對方包著。如果要互相傳遞資料,可以使用 mitt(在 Vue 2 是 event bus)、Vuex 或...
What is the Event? “HTML DOM events allow JavaScript to register different event...
昨天我們終於把取得試算表內資訊的任務搞定了!接下來就是打勾之後,我們把信件寄出這個任務了! 首先,按照慣例我們來看一下 Docs 的部分,了解一下怎麼把信寄出:...
前言 在 JavaScript 中 AJAX 是一個非常重要的基礎功,畢竟現在很流行前後端分離,因此這一篇也想聊聊關於 Python 的部分,Python 可以...
雜湊表(Hash Table)建立的方法 hash: 雜湊函式 add: 新增資料 search: 搜尋資料 remove: 刪除資料 本實作使用...
Vue.js 的自我介紹中,只有說自己接近 MVVM 但不是嚴格的 MVVM。 我覺得只要會「自動更新畫面」就算是有 MVVM 的效果至於有沒有達到 MVVM...
陣列與物件混合使用 陣列與物件的混合使用範例 直接以範例說明,需要設計的範例資料上有兩間店,分別有各自販售的品項,以及地址資料資料集的設計以以下的方式呈現: l...
比較運算子 >、<、>=、<=:分別為「大於」、「小於」、「大於等於」、「小於等於」的意思 ==、!=:分別為「等於」、「不等於」...
前幾天說了很多純 JavaScript 及 DOM 的東西了,該為進入 Node.js 做準備了,所以今天來說說為什麼我們需要 Node.js 以及 Node....
嗨嗨嗨!昨天看完怎麼抓取資料的方式會影響到網頁的渲染模式之後,今天的主題是 Next.js 的 Pages 與 Routing。Next.js 的 routin...
打了2000字消失了怎麼辦呢(´・_・`) 先去上個廁所壓壓驚,懇請IT邦邦忙快優化界面 在編輯介面有許多的連結藏在各個角落,而且不是設計成另開分頁,直接無情跳...
全文同步於個人 Docusaurus Blog 在處理完輸入使用者名稱後,下一步,自然就是進入 Chat 的觸發事件。 HTML 先處理結構 <b...
陣列中常用的方法還有 filter() 跟 map(),filter() 方法可以根據指定的篩選條件,從陣列裡挑出符合的元素。此外,這兩種方法篩選完結果以後,都...
yo, what's up Ramda 是一個 Functional Programming 的函式庫,而 Ramda 的所有函式都有自帶 currying....
用D3繪製長條圖 我們現在可以嘗試著用已經學到的SVG來畫長條圖,只不過是透過D3Js的操作來新增SVG元素到html裡面。 先宣告一個變數叫做svg並且透過D...
昨天我們把試算表的前置作業完成,今天我們來看看將別人填表單後送到試算表中的內容怎麼被讀取。 首先先來看看昨天的問題: onEdit() 能在 Google 表單...
函式功能 函式在 JavaScript 中為物件型別,以下列出它一般的物件差別 被呼叫的能力 {} 能撰寫程式碼 () 能傳遞參數 有自己的 this 和...
定義 重複性的執行某個操作,一直做一樣的事情,有終止條件。 較常用的迴圈 for while do…while for迴圈 只要有達到條件就會一直執行,直到...
今天來稍微改變一下 Two Sum 這題題目原本的題目要回傳nums中的index,我們來把他改成回傳原數吧! 題目:給一個元素皆不同的陣列以及目標的總和,寫一...
Nan => Not a Number,要判斷是不是NaN要用:isNaN(); 注意自動轉型,可以先利用 typeof 判斷型別 如果是數值運...
流程 1.先觀察畫面,哪些值需要抓2.抓HTML的值:a.先宣告變數,變數就是抓HTML的值,也可以說變數取代HTML的值之後用變數做程式的處理。例:const...
基本語法筆記 四捨五入: Math.round(); 無條件進位: Math.ceil(); 無條件捨去: Math.floor(); 英吋轉公分單位轉換器...
物件 物件的格式 會使用 { } 前後包住資料集 內容會有屬性和值 let shop = { Name : "happy Store",...
前言 cookie(); function cookie(){ console.log('I love Oreo') } 上面這段程式碼可以成功印出...
問題回答 所謂父子元件傳遞資料,就是透過使用 props 和 emits 來完成。而 v-model 只是結合使用 props 和 emits 的語法糖。例如在...
這一篇單純的介紹幾個,重要又常被忽略的 Vue API 在 component 裡又再包一個 component 最麻煩的就是將外部的 props 接到內部...
在 JavaScript 中,物件型別是利用傳參考的方式來傳遞它的值, 因此當我們要複製出獨立的物件型別時, 就必須使用淺層複製或深層複製的方式來複製它的值 淺...
前面提到透過DOM API取得網頁節點的方法: //根據傳入的id 名稱,找到DOM裡面相同id名稱的節點。 document.getElementById...