iT邦幫忙

javascript相關文章
共有 5171 則文章
鐵人賽 自我挑戰組 DAY 28

技術 IIFE立即執行函式

IIFE(Immediately Invoked Function Expression),是一種「可以立即執行的函式」。 一般的函式長這樣: functio...

鐵人賽 自我挑戰組 DAY 28

技術 回頭呼喊你的愛情:Callback回呼函式

甚麼是「Callback function」? MDN的解釋如下: 「回呼函式(callback function)是指能藉由參數(argument)通往另一...

鐵人賽 Modern Web DAY 14

技術 入門魔法 - 針對 DOM 節點的簡單操作

前情提要 上回說了希望選擇學習火屬性魔法後,艾草帶我走到一棵大樹下。 艾草:「來嘗試用自己現有的魔力試試看能否選取到樹上紅色的果實。」 「呃啊啊啊...呼哈呼哈...

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

技術 JavaScript Day 19. by value ( 傳值 ) 與 by reference ( 傳址 )

上一篇說到 JavaScript 原始型別與物件型別,我想今天試著來討論「傳值」與「傳址」;在其他程式語言可能可以決定要「傳值」還是「傳址」,但在 JavaSc...

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

技術 處理 API 層次感之地基篇

先重新封裝 axios 的用法。並且一開始先不打算開放使用 axios 原生功能。 希望可以讓 GET: API.GET(url, params) 其它的就照...

鐵人賽 自我挑戰組 DAY 28

技術 事件監聽的this:「這個」到底是哪一個?

歐陽克是誰殺的? 這個this是誰?要看兇手是誰而定! 前面有提到,這個e是在當事件發生時,事件處理器自動建立的「事件物件」,裡面紀錄了跟事件有關係的資訊,並...

鐵人賽 Software Development DAY 27

技術 從 JavaScript 角度學 Python(27) - 傳值?傳參考?

前言 已經快到鐵人賽的結尾了,但是我現在才想到我好像少講了一個東西,就是關於傳值與傳參考的部分,所以這一篇就來聊一下關於傳值與傳參考吧。 傳值 首先先簡單聊一下...

鐵人賽 Modern Web DAY 20

技術 Chapter4 - Canvas背景動畫(I)讓落葉隨風飄落、自然搖擺

本篇銜接上篇:https://ithelp.ithome.com.tw/articles/10272738 該如何讓動畫更自然? 今天來深入聊聊怎麼調節動畫...

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

技術 JavaScript This

This JavaScript 的 This 會指向不同的對象,這依據函數如何被呼叫的。當函數被呼叫,形成新的執行環境,而每個執行環境有自己的變數環境(Vari...

鐵人賽 Modern Web DAY 12

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

歷史是現在與過去之間永無休止的對話。 我們都知道瀏覽器提供了上一頁、下一頁,甚至可以讓你回到前兩頁、前三頁...,但其實我們也可以借助 History AP...

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

技術 【Day27】this - 簡易呼叫(Simple Call)

簡易呼叫(Simple Call) 當我們直接執行函式時,就是所謂的簡易呼叫(Simple Call), 以下會列出各種簡易呼叫(Simple Call)的範例...

鐵人賽 Modern Web DAY 14

技術 【Day14】數據展示元件 - Card

元件介紹 Card 是一個可以顯示單個主題內容及操作的元件,通常這個主題內容包含圖片、標題、描述或是一些操作。 例如在電商網站,一個商品或需要包含商品圖片、商品...

鐵人賽 Modern Web DAY 12

技術 #12 No-code 之旅 — 在 Next.js 專案中顯示 RSS 的資料 ft. RSS Parser

嗨嗨嗨!昨天使用 Notion SDK 顯示我的 Notion page 裡面的內容,可以在這裡看看喔。那今天新增了一個新的頁面,使用 RSS 顯示iT邦幫忙系...

鐵人賽 自我挑戰組 DAY 12

技術 [ Day 12 ] - <script> 標籤放哪裡~

上一篇有提到,一個瀏覽器在解析網頁時,會將 HTML 內容由上至下一行一行解析成 DOM 的節點,並且透過 DOM API 來控制節點 那麼,HTML 在寫 J...

鐵人賽 Modern Web DAY 27

技術 #27 JS: Timing Events - Part 1

What is timing event? &quot;JavaScript can be executed in time-intervals. This i...

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

技術 JavaScript Day12 - DOM(1)

DOM(Document Object Model) DOM = Document Object Model (文件物件模型) 可參考以前寫的幾篇,了解基本概...

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

技術 #13 Automation

自動化 (Automation) 指的是寫出一個程式,讓原本需要人工手動執行的多個步驟變成全部都由程式自動執行。 自動化的好處很多,像是可以避免枯燥重複的工作、...

鐵人賽 Software Development DAY 12

技術 Day 12 - Semigroup I

Definition of a Semigroup 一個集合(Set)或稱型別(Type) 有 concat method 必須符合 associative...

鐵人賽 Modern Web DAY 18

技術 不只懂 Vue 語法:什麼是 slot?請示範 slot 的用法?

問題回答 slot(插槽)的概念是把外層的內容塞進子元件的指定位置裏。跟插槽的字面意思一樣,前提是:有插口才能插。子元件需要開一個插口(slot),才可以在外層...

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

技術 Day 27 - Click and Drag to Scroll

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

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

技術 Vuex 的使用偏好

這是我個人的使用偏好,而且是以抽象資料型別的使用方式來理解 vuex 的使用方式。也許,我是說也許啦!和官網的不太一樣。 昨天介紹了物件設計的核心原則,就是...

鐵人賽 Modern Web DAY 18
入門前端技能之旅 系列 第 18

技術 Day.18 「從函式物件認識 作用域 與 提升!」 —— JavaScript 函式(Function) & 作用域(Scope) & 提升(Hoisting)

函數也是個物件型別,可以封裝一些功能(程式碼),在需要使用的時候執行功能(程式碼)。 例如我們需要把數字相加,在沒有函式的時候,需要用的時候就要重複打程式碼:...

鐵人賽 Modern Web DAY 12

技術 第12車廂-table界的神器!DataTables介紹篇(2)

延續上篇&lt;第11車廂-table界的神器!DataTables介紹篇(1)&gt;,今日再介紹其他參數設定 好的!延續上篇&lt;第11車廂-tabl...

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

技術 D12 - 那些年算不出來的 Math

前言 在 JavaScript 中有個物件 Math,內建了數學上會用到的常數和運算式,那些年算不出的log、三角函數,通通設置好參數帶入就對了,甚至還有隨機功...

鐵人賽 Modern Web DAY 13

技術 入門魔法 - 常用陣列方法(二)find、findIndex

前情提要 艾草:「不知不覺也累積了不少魔力總量了,我們今天透過魔法陣列來找出你適合的屬性值吧!」 「有哪些屬性呀?」 艾草:「金、木、水、火、土。喔喔喔,看到了...

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

技術 JavaScript Day 18. 原始型別與物件型別

JavaScript 日常系列寫著寫著,就此進入了我的苦手範圍QQ,之後的主題應該都是我的修羅場,考驗著自己觀念有沒有打穩的每一篇;不過,我還是會加油的。 在寫...

鐵人賽 Modern Web DAY 12

技術 Day 12 - 物品借用紀錄系統 (3) 系統完成

今天我們就把整個服務完成吧! 不知道大家順利地收到通知了沒? 我已經順利收到囉~ 咦咦咦?發生什麼事! 為什麼我一次收到兩封咧? 回頭看一下程式碼,以及對照...

鐵人賽 Software Development DAY 16

技術 【Day16】[資料結構]-二元搜尋樹Binary Search Tree-實作

二元搜尋樹(Binary Search Tree)建立的方法 insert: 新增元素進入樹中 delete: 從樹中刪除此元素 preOrderTra...

鐵人賽 自我挑戰組 DAY 27

技術 e.stopPropagation()停止事件冒泡

當事件發生的時候,如果想要阻擋事件向上傳遞,只要利用「事件物件」(Event Object)所提供的e.stopProoagation(),就可以阻止事件由觸...

鐵人賽 Software Development DAY 26

技術 從 JavaScript 角度學 Python(26) - 指定直譯器

前言 這一章節開始讓自己腦袋輕鬆一點好了,畢竟前面也學了不少的東西,所以這邊就聊點簡單的好了。 指定直譯器 你有注意到許多 Python 的程式碼前面都會有一行...