前幾天說了很多純 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...
前言 前一章節簡單的聊了一下 JSON 之後，接下來我想額外補充一個關於 CSV 檔案處理的部分，而 CSV 通常在批次匯入的時候會很常看到，所以就特別拉一篇來...
前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程，課程主打 No Frameworks、No Compi...
前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程，課程主打 No Frameworks、No Compi...
運算子是函數 運算子事實上就是一種函數，有賦值運算子，比較運算子，算術運算子，位元運算子， 邏輯運算子, 字串運算子, 條件運算子等種類。像是 +(加), -(...
阿沁
‧
2021-09-19
嗨大家！昨天跟大家分享了四種網頁渲染方式，那今天來講講該怎麼用 Next.js 實作～ 在 Next.js 裡，抓取資料的方式會影響到渲染方式。上一篇提到 Ne...
變數(variable)-Boolean 主要為 true、false，內容為判斷式也可以，如 2<3 顯示 true 用在判斷式較多，如 if 內的...
全文同步於個人 Docusaurus Blog 在這一章中，主要處理下述兩個問題： 初始進入頁面的建立 存放使用者輸入的名稱 Introduct...
陣列的基本介紹 簡單來說是存放一組資料集 陣列 會使用 [ ] 前後包住資料集 下面的範例意思是 drinks 中有 coffee、tea、juice 三種值...
What is the HTML DOM? "The HTML DOM is a standard object model and programm...
About Constructors “The way to create an 'object type', is to use an object cons...
JacobLinCool
Jade
jerrythepotato
DoDoBird
Jemma
Jing.tech
DannyChen
鳳黃酥
weiwei
a841722
Jen
karakamin
Hooo
Alysa Chan
Chris
popeye_ux
Ray
Xiang1009
hokou
Vida Lin
iThome鐵人賽
看影片追技術