iT邦幫忙

javascript相關文章
共有 5779 則文章
鐵人賽 Modern Web DAY 13
追求JS小姊姊30天 系列 第 13

技術 追求JS小姊姊系列 Day13 -- 方函式的能力展現:懂回呼函式才能當好工具人

前情提要 方函式似乎正要解釋所謂的回呼函式 方函式:鄭列的能力啊,是很不錯,但是啊... 有些事情重視的就不是什麼多會整理、尋找,而是優先順序。我:這又是什...

鐵人賽 自我挑戰組 DAY 28

技術 IIFE立即執行函式

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

鐵人賽 自我挑戰組 DAY 28

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

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

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

技術 Day 28 - Build a Experimental Video Speed Controller UI

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

鐵人賽 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) 其它的就照...

鐵人賽 Software Development DAY 29

技術 從 JavaScript 角度學 Python(29) - BeautifulSoup

前言 已經準備進入鐵人賽的尾巴,所以這一篇就來介紹一個很常見的套件,也就是 BeautifulSoup,而這套件也是爬蟲很常使用的套件,所以接下來就讓我們來學習...

鐵人賽 自我挑戰組 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) 系統完成

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