iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 Modern Web DAY 6
舌尖上的JS 系列 第 6

技術 D6 - 你不知道 Combo : 主菜 Scope 字彙環境

前言 前一章解釋 Hoising 時說到,JavaScript 一開始會先記下變數名稱 和 Function Declaraion,因此可以做到提前呼叫 fun...

鐵人賽 Modern Web DAY 26

技術 #26 JS: HTML DOM Events - Part 4(Start Over Version)

After understanding the basic HTML DOM Event concept in the last article, now we...

鐵人賽 Modern Web DAY 12

技術 不只懂 Vue 語法:如何用 event bus 或 mitt 實現跨元件傳遞資料?

問題回答 所謂跨元件,即是兩個元件並無父子關係,並沒有被對方包著。如果要互相傳遞資料,可以使用 mitt(在 Vue 2 是 event bus)、Vuex 或...

鐵人賽 Modern Web DAY 23

技術 #23 JS: HTML DOM Events - Part 1

What is the Event? “HTML DOM events allow JavaScript to register different event...

鐵人賽 Modern Web DAY 6

技術 Day 6— 自動化回信機(3) 寄出信件功能

昨天我們終於把取得試算表內資訊的任務搞定了!接下來就是打勾之後,我們把信件寄出這個任務了! 首先,按照慣例我們來看一下 Docs 的部分,了解一下怎麼把信寄出:...

鐵人賽 Software Development DAY 21

技術 從 JavaScript 角度學 Python(21) - Requests

前言 在 JavaScript 中 AJAX 是一個非常重要的基礎功,畢竟現在很流行前後端分離,因此這一篇也想聊聊關於 Python 的部分,Python 可以...

鐵人賽 Software Development DAY 10

技術 【Day10】[資料結構]-雜湊表Hash Table-實作

雜湊表(Hash Table)建立的方法 hash: 雜湊函式 add: 新增資料 search: 搜尋資料 remove: 刪除資料 本實作使用...

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

技術 深入淺出 Computed

Vue.js 的自我介紹中,只有說自己接近 MVVM 但不是嚴格的 MVVM。 我覺得只要會「自動更新畫面」就算是有 MVVM 的效果至於有沒有達到 MVVM...

鐵人賽 自我挑戰組 DAY 6

技術 [ Day 6] - 陣列與物件的混合使用

陣列與物件混合使用 陣列與物件的混合使用範例 直接以範例說明,需要設計的範例資料上有兩間店,分別有各自販售的品項,以及地址資料資料集的設計以以下的方式呈現: l...

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

技術 JavaScript Day05 - 比較與邏輯判斷運算子

比較運算子 >、<、>=、<=:分別為「大於」、「小於」、「大於等於」、「小於等於」的意思 ==、!=:分別為「等於」、「不等於」...

鐵人賽 Modern Web DAY 6
JavaScript Easy Go! 系列 第 6

技術 #6 JavaScript & Node.js

前幾天說了很多純 JavaScript 及 DOM 的東西了,該為進入 Node.js 做準備了,所以今天來說說為什麼我們需要 Node.js 以及 Node....

鐵人賽 Modern Web DAY 5

技術 #05 No-code 之旅 — Next.js 的 Pages 與 Routing

嗨嗨嗨!昨天看完怎麼抓取資料的方式會影響到網頁的渲染模式之後,今天的主題是 Next.js 的 Pages 與 Routing。Next.js 的 routin...

鐵人賽 Modern Web DAY 13

技術 Chapter3 - 動感DJ續篇 進一步操作陣列,讓音樂嗨起來

打了2000字消失了怎麼辦呢(´・_・`) 先去上個廁所壓壓驚,懇請IT邦邦忙快優化界面 在編輯介面有許多的連結藏在各個角落,而且不是設計成另開分頁,直接無情跳...

鐵人賽 Modern Web DAY 5

技術 Day04:Set Chat Page(設定聊天頁) I

全文同步於個人 Docusaurus Blog 在處理完輸入使用者名稱後,下一步,自然就是進入 Chat 的觸發事件。 HTML 先處理結構 <b...

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

技術 JavaScript Day 11. 篩選條件 filter()

陣列中常用的方法還有 filter() 跟 map(),filter() 方法可以根據指定的篩選條件,從陣列裡挑出符合的元素。此外,這兩種方法篩選完結果以後,都...

鐵人賽 Software Development DAY 5

技術 Day 05 - Ramda

yo, what's up Ramda 是一個 Functional Programming 的函式庫,而 Ramda 的所有函式都有自帶 currying....

鐵人賽 Modern Web DAY 5

技術 D3JsDay05Bar拉BarBarBar,作伙來畫吧—畫個bar chart長條圖

用D3繪製長條圖 我們現在可以嘗試著用已經學到的SVG來畫長條圖,只不過是透過D3Js的操作來新增SVG元素到html裡面。 先宣告一個變數叫做svg並且透過D...

鐵人賽 Modern Web DAY 5

技術 Day 5— 自動化回信機(2) 讀取試算表內容

昨天我們把試算表的前置作業完成,今天我們來看看將別人填表單後送到試算表中的內容怎麼被讀取。 首先先來看看昨天的問題: onEdit() 能在 Google 表單...

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

技術 【Day21】什麼是函式?

函式功能 函式在 JavaScript 中為物件型別,以下列出它一般的物件差別 被呼叫的能力 {} 能撰寫程式碼 () 能傳遞參數 有自己的 this 和...

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

技術 33歲轉職者的前端筆記-DAY 25 JavaScript 迴圈語法筆記

定義 重複性的執行某個操作,一直做一樣的事情,有終止條件。 較常用的迴圈 for while do…while for迴圈 只要有達到條件就會一直執行,直到...

鐵人賽 Software Development DAY 5

技術 Day 05 : 來點不一樣的 Two Sum

今天來稍微改變一下 Two Sum 這題題目原本的題目要回傳nums中的index,我們來把他改成回傳原數吧! 題目:給一個元素皆不同的陣列以及目標的總和,寫一...

鐵人賽 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...