iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 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...

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

技術 讓程式碼化為 API Doc

先寫 API 文件。 可以使用mockAPI的服務取得一組 user 的 API。 因應需求寫的 API 文件 GET /user response 200 {...

鐵人賽 自我挑戰組 DAY 29

技術 「this」好七怪!

聽前輩說,「this」在JavaScript裡面是一個大坑。 前面有提過「this」在事件監聽中,不考慮事件冒泡的情況下,this就等同是e.target,但...

鐵人賽 自我挑戰組 DAY 29

技術 暗通款曲的閉包

在「閉包」這一關,我一直有一種似懂非懂,玄之又玄的感覺。 MDN上對「閉包」的定義: 「閉包為函式的組合、還有該宣告函式的作用域環境。這個環境包含閉包建立時,...

鐵人賽 Modern Web DAY 15

技術 入門魔法 - Event 事件

前情提要 艾草:「好了,總算選取到樹上的紅色果實了,那我來教你一些簡單的火屬性魔法事件。」 「咦,我的魔力總量夠了嗎?總算能開始了嗎!」 艾草:「我琢磨著你的成...

鐵人賽 Modern Web DAY 14

技術 Day 14 - UML x Interface — Portal

UML Portal 是什麼? 開始之前,先說一下 Portal 其實是 React 比較常用的 Pattern,因此非 React 使用者可以斟酌一下怎麼...

鐵人賽 Software Development DAY 30

技術 從 JavaScript 角度學 Python(30) - 爬蟲

前言 前面我們也已經學了不少的知識點,而這邊也進入了鐵人賽的最後一天,所以就來試著寫一個簡單的 ithelp 鐵人賽爬蟲。 作業需求 一開始一樣先講一下我們要做...

鐵人賽 Modern Web DAY 15

技術 【Day15】數據展示元件 - Carousel

元件介紹 Carousel 是一個像旋轉木馬一樣會輪流轉的輪播元件。在一個內容空間有限的可視範圍中進行內容的輪播展示。通常適用於一組圖片或是卡片的輪播。 Car...

鐵人賽 Modern Web DAY 28

技術 #28 JS: Timing Events - Part 2

After introducing about the 2 methods for timing events in the last article, let...

鐵人賽 Modern Web DAY 21

技術 Chapter4 - Canvas背景動畫(II)就如那輕薄的鴻毛,我心上小船載浮載沉

今天西子灣被斷網了,所以沒時間打太多字,請見諒,有看不懂的留言詢問哦!https://jerry-the-potato.github.io/Chapter4-d...