iT邦幫忙

javascript相關文章
共有 5171 則文章
鐵人賽 Modern Web DAY 12

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

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

鐵人賽 Modern Web DAY 7

技術 入門魔法 - 流程判斷 if else if

前情提要 艾草:「好啦,還是有其他條件可以判斷你能不能成為大魔導師的!」 「哪尼~這麼好康的事不會早點說唷!快告訴我 ƪ(˘⌣˘)ʃ 」 艾草:「如果你是天選之...

鐵人賽 Software Development DAY 10

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

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

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

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

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

鐵人賽 Modern Web DAY 6

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

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

鐵人賽 Modern Web DAY 21

技術 #21 JS: Object - Constructors

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

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

技術 深入淺出 Computed

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

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

鐵人賽 Modern Web DAY 13

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

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

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

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

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

鐵人賽 Modern Web DAY 5

技術 那些被忽略但很好用的 Web API / FullScreen

一起來延伸視野,迎接更大的畫面吧! 今天要介紹的 FullScreen API 會被忽略的原因可能是因會需要使用到它的情境比較少,但如果你撰寫網站的經驗有累...

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

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

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

鐵人賽 Modern Web DAY 20

技術 #20 JS: Object Fundamentals

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

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

鐵人賽 自我挑戰組 DAY 5

技術 [ Day 5 ] - 物件

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

鐵人賽 Modern Web DAY 5

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

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

鐵人賽 Modern Web DAY 5

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

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

鐵人賽 Software Development DAY 5

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

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

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

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

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

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

技術 33歲轉職者的前端筆記-DAY 20 Javascript 基本知識筆記

寫Javascript前必要小知識 1.<!DOCTYPE html> 為 HTML 5 的語言格式2.head 是網路爬蟲爬的區塊,可以放很多資訊...

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

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

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

鐵人賽 Modern Web DAY 6

技術 入門魔法 - 運算子的優先性與相依性

前情提要 艾草:「你的炫酷魔法的定義是什麼呀?」 「就是那種一施放後大家看到都會愛上我,覺得我好棒的魔法。」 艾草:「 不需要那種魔法,你就很棒囉! 」「......

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

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

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

鐵人賽 Modern Web DAY 8

技術 Day 8【錢包登入區 - Loading Message】阿嬤為什麼妳有感覺?

【前言】一樣先來回顧一下 Day2 Project 分析的使用者流程,今天來做第二步的**「驗證帳號讀取時的 Loading 特效」**。我發現寫 React...