iT邦幫忙

javascript相關文章
共有 5651 則文章
鐵人賽 Modern Web DAY 21
入門前端技能之旅 系列 第 21

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

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

鐵人賽 Modern Web DAY 16

技術 入門魔法 - AJAX

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

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

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

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

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

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

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

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

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

鐵人賽 Modern Web DAY 16

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

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

技術 從 JavaScript 角度學 Python(31) - 下一步,你想學什麼?

前言 昨天終於完成了鐵人賽,所以今天是第 31 天,而這一天就當作鐵人賽的結尾完賽心得跟大家聊聊吧。 從 JavaScript 角度學 Python 其實原本這...

鐵人賽 Modern Web DAY 15

技術 第15車廂-data-*的坑?data-*介紹篇

本篇介紹data-*常用抓取方法,以及需注意的地方 我們在<第9車廂-使用content:attr()實現tableRWD應用篇>,其實已經有用...

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

技術 #15 Automation (3)

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

鐵人賽 Modern Web DAY 14

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

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

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

技術 JavaScript Day14 - event(1)

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

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

技術 【Day30】函式常見的陷阱題

今天來講解 this 相關的陷阱題 第一題 myName = '全域'; var person = { myName: 'weiwei', g...

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

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

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

鐵人賽 Modern Web DAY 14

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

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

鐵人賽 Software Development DAY 15

技術 Day 15:Remove Duplicates from linked list

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

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

技術 Day 29 - Vanilla JS Countdown Timer

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

鐵人賽 自我挑戰組 DAY 14

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

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

鐵人賽 Modern Web DAY 22

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

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

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

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

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

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

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

前情提要 方函式準備展示第二個型態 我:有些情境下,時間就是不能掌握,這要求也太誇張了。方函式:很不合理吧,連一個女生都沒辦法掌握了,何況是時間呢? 方函式...

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

技術 D14 - 服務生!我要 this this this

前言 想像一下,今天你是負責幫忙點菜的服務生,來了一桌客人,拿著菜單跟你說 「 我要 this this this ! 」,請問你知道他點三小什麼嗎,相信除非你...

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

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

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

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

技術 JavaScript Day 20. BOM 與 DOM

前端網頁三大要素:JavaScript、HTML、CSS,HTML 負責整體資料與架構,CSS 負責網頁樣式外觀的呈現,JavaScript 處理使用者行為與互...

鐵人賽 Modern Web DAY 29

技術 #29 JS: AJAX

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