iT邦幫忙

javascript相關文章
共有 5651 則文章
鐵人賽 自我挑戰組 DAY 28
JavaScript 核心觀念 系列 第 28

技術 【Day28】this - call, apply, bind 與嚴謹模式

call, apply, bind 方法 當我們對函式使用 call, apply, bind 這三種方法時,能改變 this 的值 簡易呼叫 先來看一般的函式...

鐵人賽 自我挑戰組 DAY 28

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

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

鐵人賽 Software Development DAY 13

技術 Day 13 : Maximum Subarray

今天的題目是要我們在一個整數陣列中找到子陣列(subarray),也就是擷取陣列中相連的一部分,求出擁有最大的總和並且回傳 而會讓題目變得複雜的原因,是因為我們...

鐵人賽 Modern Web DAY 13

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

本篇要延續DataTables介紹,如何引用拓展包呈現響應式版本 好心建議要先看: 第11車廂-table界的神器!DataTables介紹篇(1)...

鐵人賽 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 13
開始入坑網頁吧! 系列 第 13

技術 JavaScript This

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

鐵人賽 Software Development DAY 28

技術 從 JavaScript 角度學 Python(28) - 閉包(Closure)

前言 那 JavaScript 中有一個東西叫做閉包 (Closure),Python 也會有嗎?所以這章節就輕鬆的聊一下如果你想要在 Python 中寫閉包的...

鐵人賽 Modern Web DAY 20

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

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

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

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

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

鐵人賽 Software Development DAY 12

技術 Day 12 - Semigroup I

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

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

技術 #13 Automation

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

鐵人賽 自我挑戰組 DAY 12

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

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

鐵人賽 Modern Web DAY 18

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

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

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

技術 Vuex 的使用偏好

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

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

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

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

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

技術 JavaScript Day12 - DOM(1)

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

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

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

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

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

技術 Day 27 - Click and Drag to Scroll

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

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

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

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

鐵人賽 Modern Web DAY 11

技術 #11 No-code 之旅 — 在 Next.js 專案中顯示 Notion 的資料 ft. Notion SDK

哈囉!昨天使用 SWR 實作了一個小功能,讓使用者可以列出某 Github user 的所有公開 repository~ 今天用 Notion SDK 新增了一...

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

技術 #12 Web Crawler 5

今天應該是爬蟲的最後一篇了。我們要把爬下來的資料做成「每日鐵人賽熱門 Top 10」。 來看看爬下來的資料 // 2021-09-26.json { &...

鐵人賽 Modern Web DAY 12

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

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

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

技術 JavaScript Day11 - 迴圈

for、while 可參考:Day13 - 迴圈(01) 還蠻常搭配陣列使用的 for (初始值 ; (結束)條件 ; 更新) { // 迴圈內的...

鐵人賽 Software Development DAY 11

技術 Day 11 - Algebraic Data Types

yo, what's up? Product Type Product types 允許同時存在兩種以上的資料型態在內 舉例來說現在我們建立一個特別的型別叫...