iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 自我挑戰組 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 允許同時存在兩種以上的資料型態在內 舉例來說現在我們建立一個特別的型別叫...

鐵人賽 Modern Web DAY 19

技術 Chapter4 用音樂做動畫 結合前三章學習的內容,一口氣衝刺吧!

題外話 昨天沒把樹葉畫上去,還是心癢癢的,所以動手簡單裝飾了一下這棵樹:https://jerry-the-potato.github.io/Chapter3-...

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

技術 【Day26】this - 物件的方法調用

在講解 this 之前,先來看一段程式碼,觀察它的執行過程 var myName = 'weiwei'; function callName() {}; c...

鐵人賽 Modern Web DAY 11

技術 Day 11 - Design System x 實作 — Transition

今天要介紹的是網頁元件會用到的動畫,在 Day 07 已經介紹過過渡動畫這邊主要就是三大重點要定義:過渡類型( Transition Type)、持續時間(D...

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

技術 Day.17 「如果基本型別是商品,那物件型別就是購物袋」 —— JavaScript 物件型別

前面有介紹了基本型別,基本型別有 string、number、boolean、null、undefined 這五個型別,剩下的可以都歸類於物件型別。 什麼是物...

鐵人賽 Modern Web DAY 17

技術 不只懂 Vue 語法:什麼是 directive?請示範如何使用 directive?

問題回答 directive(指令)是我們在 Vue 自定義的指令。當我們要重複處理某些工作,例如轉換時間呈現的格式的工作,可以使用 directive 來處理...

鐵人賽 Software Development DAY 11

技術 Day 11 : 子集 Subsets

今天要來解一題以前數學課本第0章都會遇到也很常被我們跳躍式略過的東西。 在看這題之前我們先來了解一個名詞 Power sets:假設有一個集合 X ,我們將 X...

鐵人賽 Modern Web DAY 11
追求JS小姊姊30天 系列 第 11

技術 追求JS小姊姊系列 Day11 -- 流程錯了怎辦?難道要跟D特終老?

前情提要 終於做出時間了,卻又卡在流程問題,這次解決是否能順利回到過去? 我:那要怎麼樣避免因為流程錯誤而造成流程執行不完?D特:有各種方法,像是流程控制...

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

技術 JavaScript Day 17. 認識物件

前面說了幾篇陣列以及陣列方法,今天終於要講到跟陣列息息相關的「物件」了。物件包含著一個以上的屬性與值,可以單一組物件存在,也可以好幾組物件存在於一個陣列之中。...

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

技術 D11 - 分子料理 解構賦值 Destructing Assignment

前言 let shoppingList = ['Oreo', 'Tilamisu', 'snickers'] let cookie = shoppingList...