iT邦幫忙

javascript相關文章
共有 5651 則文章
鐵人賽 Modern Web DAY 23
33歲轉職者的前端筆記 系列 第 23

技術 33歲轉職者的前端筆記-DAY 23 JavaScript 變數與型別

Nan => Not a Number,要判斷是不是NaN要用:isNaN(); 注意自動轉型,可以先利用 typeof 判斷型別 如果是數值運...

鐵人賽 Modern Web DAY 22
33歲轉職者的前端筆記 系列 第 22

技術 33歲轉職者的前端筆記-DAY 22 成績計算機練習筆記

流程 1.先觀察畫面,哪些值需要抓2.抓HTML的值:a.先宣告變數,變數就是抓HTML的值,也可以說變數取代HTML的值之後用變數做程式的處理。例:const...

鐵人賽 Modern Web DAY 21
33歲轉職者的前端筆記 系列 第 21

技術 33歲轉職者的前端筆記-DAY 21 英吋轉公分單位轉換器練習筆記

基本語法筆記 四捨五入: Math.round(); 無條件進位: Math.ceil(); 無條件捨去: Math.floor(); 英吋轉公分單位轉換器...

鐵人賽 自我挑戰組 DAY 5

技術 [ Day 5 ] - 物件

物件 物件的格式 會使用 { } 前後包住資料集 內容會有屬性和值 let shop = { Name : "happy Store",...

鐵人賽 Modern Web DAY 5
舌尖上的JS 系列 第 5

技術 D5 - 你不知道 Combo : 前菜 Hoisting

前言 cookie(); function cookie(){ console.log('I love Oreo') } 上面這段程式碼可以成功印出...

鐵人賽 Modern Web DAY 11

技術 不只懂 Vue 語法:如何使用 v-model 實現父子元件傳遞資料?

問題回答 所謂父子元件傳遞資料,就是透過使用 props 和 emits 來完成。而 v-model 只是結合使用 props 和 emits 的語法糖。例如在...

鐵人賽 Modern Web DAY 5
Vue.js 進階心法 系列 第 5

技術 Component 的 Component (不是遞迴)

這一篇單純的介紹幾個,重要又常被忽略的 Vue API 在 component 裡又再包一個 component 最麻煩的就是將外部的 props 接到內部...

鐵人賽 自我挑戰組 DAY 20
JavaScript 核心觀念 系列 第 20

技術 【Day20】淺層複製及深層複製

在 JavaScript 中,物件型別是利用傳參考的方式來傳遞它的值, 因此當我們要複製出獨立的物件型別時, 就必須使用淺層複製或深層複製的方式來複製它的值 淺...

鐵人賽 自我挑戰組 DAY 20

技術 【Day20】比較Nodelist與HTML collection的差異

前面提到透過DOM API取得網頁節點的方法: //根據傳入的id 名稱,找到DOM裡面相同id名稱的節點。 document.getElementById...

鐵人賽 Software Development DAY 20

技術 從 JavaScript 角度學 Python(20) - CSV

前言 前一章節簡單的聊了一下 JSON 之後,接下來我想額外補充一個關於 CSV 檔案處理的部分,而 CSV 通常在批次匯入的時候會很常看到,所以就特別拉一篇來...

鐵人賽 自我挑戰組 DAY 20
JS30 學習日記 系列 第 20

技術 Day 20 - Native Speech Recognition

前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程,課程主打 No Frameworks、No Compi...

鐵人賽 自我挑戰組 DAY 19
JS30 學習日記 系列 第 19

技術 Day 19 - Unreal Webcam Fun [更新]

前言 JS 30 是由加拿大的全端工程師 Wes Bos 免費提供的 JavaScript 簡單應用課程,課程主打 No Frameworks、No Compi...

鐵人賽 自我挑戰組 DAY 5
開始入坑網頁吧! 系列 第 5

技術 JavaScript 運算子

運算子是函數 運算子事實上就是一種函數,有賦值運算子,比較運算子,算術運算子,位元運算子, 邏輯運算子, 字串運算子, 條件運算子等種類。像是 +(加), -(...

鐵人賽 Modern Web DAY 4

技術 #04 No-code 之旅 — Next.js 中的 Pre-render 與 Data Fetching

嗨大家!昨天跟大家分享了四種網頁渲染方式,那今天來講講該怎麼用 Next.js 實作~ 在 Next.js 裡,抓取資料的方式會影響到渲染方式。上一篇提到 Ne...

鐵人賽 Modern Web DAY 4
JavaScript 筆記 2 版 系列 第 4

技術 JavaScript Day04 - 變數(3)

變數(variable)-Boolean 主要為 true、false,內容為判斷式也可以,如 2<3 顯示 true 用在判斷式較多,如 if 內的...

鐵人賽 Modern Web DAY 4

技術 Day03:Set User Name(存放使用者名稱)

全文同步於個人 Docusaurus Blog 在這一章中,主要處理下述兩個問題: 初始進入頁面的建立 存放使用者輸入的名稱 Introduct...

鐵人賽 自我挑戰組 DAY 4

技術 [ Day 4 ] - 陣列基本介紹

陣列的基本介紹 簡單來說是存放一組資料集 陣列 會使用 [ ] 前後包住資料集 下面的範例意思是 drinks 中有 coffee、tea、juice 三種值...

鐵人賽 Modern Web DAY 22

技術 #22 JS: HTML DOM Fundamentals

What is the HTML DOM? "The HTML DOM is a standard object model and programm...

鐵人賽 Modern Web DAY 21

技術 #21 JS: Object - Constructors

About Constructors “The way to create an 'object type', is to use an object cons...

鐵人賽 Software Development DAY 14
全端工程師生存筆記 系列 第 14

技術 [面試][後端]請簡述 Node.js 的 Event Loop

熟悉的起手式:「我方便問你一個 Node.js 核心的問題嗎?」 這是一個在了解後,無論面試還是工作,CP 值都很高的題目,建議讀者要真的融會貫通。 大綱...

鐵人賽 Modern Web DAY 20

技術 #20 JS: Object Fundamentals

What is an Object? Introduction by W3C School Elements creating Object: prope...

鐵人賽 Modern Web DAY 12

技術 Chapter2 - 重構完了 還是覺得物件很複雜嗎?直接上圖,就明白物件讓你更輕鬆

前言 前天談到如何避免程式碼散落四處、維護困難,帶大家改寫了物件格式,過了兩天,我突然想到,當時花太多篇幅在解釋觀念和舉例子,結果沒有實際把程式碼秀給大家看,果...

鐵人賽 Modern Web DAY 10

技術 不只懂 Vue 語法:什麼是單向資料流和雙向綁定?

問題回答 雙向綁定(two-way data bindings)是指把畫面上的 DOM 與資料透過 Vue 實體來綁定。當其中一方有更動時,另一方都會隨即更新。...

鐵人賽 Modern Web DAY 10
我的JavaScript日常 系列 第 10

技術 JavaScript Day 10. 陣列

為什麼需要學到陣列? 假設今天這裡有100樣東西,我們必須設法執行它,而這時候如果不使用陣列,東西都是獨立狀態的時候,我們可能需要給100樣東西都取名才能操作,...

鐵人賽 Modern Web DAY 4
舌尖上的JS 系列 第 4

技術 D4 - 加鹽不加價 嚴格模式開啟

前言 JavaScript 相較是個自由的語言,在學習語法時會發現,咦 明明規則是這樣,怎麼那樣也可以? 在 2009 年的 ECMAScript 5 中新增了...

鐵人賽 自我挑戰組 DAY 4
學習NodeJS的30天 系列 第 4

技術 Day4 JS-Object、Prototype與Class(ES6)

今天要稍微跳脫一下下NodeJS,紀錄一下基本的JavaScript物件概念,包含Obeject、Prototype與ES6標準下的Class。 Object...

鐵人賽 Modern Web DAY 4
Vue.js 進階心法 系列 第 4

技術 pure component

在寫 Vue.js 或 React 的過程,一定都會聽過這個名詞。並不是所有的 component 都必須 pure ,不是這樣的,是有時候會需要 pure 有...

鐵人賽 自我挑戰組 DAY 19

技術 文件物件模型--DOM

BOM(Browser Object Model 瀏覽器物件模型)的重點在於瀏覽器的功能,完全由各家瀏覽器廠商自行開發。而DOM(Document Objec...

鐵人賽 Software Development DAY 8

技術 【Day8】[資料結構]-佇列Queue-實作

佇列(Queue)建立的方法 enqueue: 尾端新增元素 dequeue: 從前端移除元素 peek: 查看最前端元素 size: 此佇列的元素量...

鐵人賽 Modern Web DAY 4

技術 Day 4— 自動化回信機(1) 前置作業

今天開始就要來利用專題了解 GAS 的各項功能囉~ 說到要能優雅、或是狼狽的…總之要能夠享受下午茶,不管你的狀態為何,你都必須要有「時間」。 而系統自動化,也就...