iT邦幫忙

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

技術 不只懂 Vue 語法:試說明 computed 的 get 與 set 運作機制?

問題回答 computed 有 getter(取值) 和 setter (寫入值)可使用,但預設只會有 getter 使用,因此 computed 預設是唯讀,...

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

技術 Day.21 「物件也有繼承問題?」 —— JavaScript 繼承 與 原型鍊

我們每新增一個函式,瀏覽器都會向函式內新增一個屬性叫 prototype function Person () {}; console.log( Person...

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

技術 追求JS小姊姊系列 Day15 -- 方函式的能力展現:認識生成器,工具人更神氣(下)

前情提要 生成器模式背後似乎有一個依循的規則 方函式:關於生成器運作的原理,其實跟工具人蠻像的我:又在拖台錢嗎 果然是個工具人,就該用工具人視角 來詮釋生...

鐵人賽 Modern Web DAY 16

技術 入門魔法 - AJAX

前情提要 經過上次火屬性初階魔法近距離灼傷手指後。 「就不能讓這個火離我遠一點嗎?遠距離魔法不存在嗎?」 艾草:「你這麼一說我倒是想起來了,有一個方法可以遠距離...

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

技術 JavaScript Day 21. 陳述式 & 表達式

聽說 JavaScript 的這兩大類型「陳述式」與「表達式」也是很基本的觀念,瞬間我感覺自己從來沒有認真搞懂的基本觀念真的不少,難怪每寫一篇文章都會有豁然開朗...

鐵人賽 Modern Web DAY 30

技術 #30 [Final] Had Fun Learning JavaScript?

Congratulations to all of us! The final day has already come! Hooray!Pic: Unspla...

鐵人賽 Modern Web DAY 18

技術 Day 18【Opensea.js】我的這把刀可是塗滿了毒藥的毒刃

【前言】除了從 web3.js 來取得 ERC-721 的 Token's Ownership,我就想既然都已經在 Opensea 上架商品的話,就直接使用...

鐵人賽 Modern Web DAY 15

技術 Day 15 - UML x Interface — Notifier

UML Notifier 的 UML 主要是根據 Ant Design 的設計畫出來的,而在 Material 那邊是只有 Snackbar( = Messa...

鐵人賽 自我挑戰組 DAY 30

技術 最終章:Todo List實作

前面提到了物件、陣列、DOM元素的選取、事件監聽,以及最後的localStorage。這些足夠我們用JavaScript做一個小小的網頁程式,來驗證一下之前提...

鐵人賽 自我挑戰組 DAY 30

技術 好記性的瀏覽器:localStorage

談這個主題之前,我們先來回憶一下日常的場景,你來到桃子購物網站,選了你要的商品往下捲動網頁,結果竟然發現網頁下方秀出你上次來買東西時,看的那幾樣商品,你心中覺...

鐵人賽 Software Development DAY 15

技術 Day 15:Remove Duplicates from linked list

這題開始之前先來介紹一下Linked list(連結串列)的資料結構。 Linked list(連結串列)使用node(節點)來記錄、表示、儲存資料(data)...

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

技術 不要在 mutation 加工 API 回來的資料

mutation當作 state 的 setter 使用。要符合 setter 的使命,擋掉錯誤格式。 在 GET 和 POST 格式差很多時。可以在 mut...

鐵人賽 Software Development DAY 29

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

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

鐵人賽 Modern Web DAY 22

技術 Chapter4 - Canvas背景動畫(III)風中的花朵 今天再加碼讓動畫更加自然的方法

一樣先上圖! https://jerry-the-potato.github.io/Chapter4-demo3/ Staring(因為像星星一樣繞行) 有了前...

鐵人賽 Modern Web DAY 14

技術 Day 14— To Do List (1) 專案前置

我們今天要來正式開一個新的專案啦! 不同於以往我們都用 Google Form 來當作載體,這次我們要來製作 Google Apps Script 中的 Web...

鐵人賽 Modern Web DAY 16

技術 【Day16】數據展示元件 - Table

元件介紹 Table 顧名思義就是一個表格元件,用來整齊的顯示行列數據。 參考設計 & 屬性分析 我自己覺得 table 是一個還蠻繁瑣的元件,要組成一...

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

技術 #15 Automation (3)

今天我們來加個 retry 函式,因為我覺得這個程式可能會出莫名其妙的問題。然後說說如何處裡圖片驗證碼。 Retry retry 函式的用處是當我們一個程式執行...

鐵人賽 自我挑戰組 DAY 14

技術 [ Day 14 ] - 存取網頁元素之變更指定內容

上一篇提到可以取得指定的 DOM 節點 今日來介紹可如何透過節點存取及變更文件節點 textContent 可以取得或更新指定元素內的文字 範例中, h1...

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

技術 JavaScript Day14 - event(1)

event event(事件):在 DOM 物件上所發生的事件,如點擊、滑動、變更等都是 事件處理與監聽:Day20 - 事件(01) DOM 事件處理器:...

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

技術 【Day29】this - DOM

今天要來講解 DOM 與 this 的關係, 對於 DOM 的操作有兩種方式, 第一種是直接將方法寫在元素上, 首先我們先準備一個 button <but...

鐵人賽 Modern Web DAY 14

技術 第14車廂-點開看更多?tableRWD應用篇

本篇延續手刻tableRWD應用,將範例配合選取器改為響應式隱藏欄位並能展開 上幾篇介紹table神器後,是不是已經忘了我們手刻table系列哩?本系列相關...

鐵人賽 Modern Web DAY 14

技術 #14 No-code 之旅 — 怎麼利用 Chakra UI 去做 React 元件客製化?

繼續昨天的主題,該怎麼用 Chakra UI 做開發呢?現成的元件該怎麼去做客製化?專案有定設計系統 (design system),那怎麼跟 Chakra U...

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

技術 Day 29 - Vanilla JS Countdown Timer

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

鐵人賽 Software Development DAY 14

技術 Day 14:凱撒密碼之Shifting Letters

在開始今天題目之前,先來認識一下凱撒密碼 (Caesar cipher) 凱撒密碼是一種替換加密技術,明文中的所有字母都在字母表上向後按照一個固定數目進行偏移...

鐵人賽 Software Development DAY 14

技術 Day 14 - Functor

Introduction 在先前我們提到了 compose,並且將許多單一功能的純函式,透過 compose 成一個更強大的計算函式。 但問題就來了,當兩個函式...

鐵人賽 Software Development DAY 18

技術 【Day18】[資料結構]-堆積Heap-實作

堆積(Heap)建立的方法(以最大堆積實作) maxHeapify: 最大堆積化 push: 新增元素 pop: 刪除特定元素 popRoot: 刪除...

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

技術 JavaScript class

Class 這是ES6 引入的概念,提供我們更簡潔的方式建立物件以及繼承,這樣我們不用一直寫重複的代碼。 類別是一種特殊函數定義類別可以使用*類別宣告*類別...

鐵人賽 Modern Web DAY 20

技術 不只懂 Vue 語法:試解釋 computed、watch 與 methods 的差異?

問題回答 簡短答法:computed 最大特點是必須回傳一個值,並且會把它緩存起來,當函式裏的依賴改變時,才會重新執行和求值。但 watch 與 methods...

鐵人賽 Modern Web DAY 29

技術 #29 JS: AJAX

What is AJAX? AJAX = Asynchronous JavaScript And XML.AJAX is not a programming l...

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

技術 Day.20 「初步認識 this,中央工廠式的自訂物件~」 —— JavaSript 構造函式

如同學習函式一樣!有時候我們會一直重複地做一件事,當還是初學者的我們需要製作大量的個人資料物件時,通常第一個想法就是複製貼上~ const person =...