iT邦幫忙

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

鐵人賽 Modern Web DAY 13

技術 #13 No-code 之旅 — 簡單快速開發漂亮的 React 元件 ft. Chakra UI

今天來點不一樣的!來講一個我最近常用的 React UI component library,就是 Chakra UI~ 講到 React,很多人會想到 Mat...

鐵人賽 Modern Web DAY 14

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

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

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

技術 JavaScript Day13 - DOM(2)

新增元素 createElement():可以創造相關元素,如 div、ul、li appendChild():將元素附加上去 這次發現用 innerHT...

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

技術 #14 Automation (2)

在寫爬蟲程式的時候,我們需要先理解一下目標網站的結構。做自動化時,我們也須了解手動執行時的步驟。 步驟 當我們想在選課網站上刷加選時,我們需要以下步驟: 登入...

鐵人賽 Software Development DAY 13

技術 Day 13 - Semigroup II & Monoid

yo, what's up Semigroup II 多組 Semigroup 進形合併 到目前為止我們已經知道 Semigroup 可以透過 concat 將...

鐵人賽 Software Development DAY 14

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

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

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

技術 【Day29】this - DOM

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

鐵人賽 自我挑戰組 DAY 13

技術 [ Day 13 ] - 如何透過 DOM 抓取網頁元素

本日要來說明如何透過 DOM 取得網頁元素,直接動手做看看! 下面 JS 所使用的 HTML 範例如下: <h1 class="header...

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

技術 JavaScript Arrow Function(箭頭函式)

箭頭函式 箭頭函式功能與一般函式的用法大致差不多,不過寫法卻比一般函式還要簡潔的多。這裡就直接來時做如何把一般函式改成箭頭函式,如此會比較好理解兩者之間的差異。...

鐵人賽 Modern Web DAY 19

技術 不只懂 Vue 語法:請示範如何使用 Vue 3 的 teleport?

問題回答 teleport 是 Vue 3 新增功能。teleport 就像是多啦A夢的「隨意門」一樣,只要設定了 teleport,就能夠把 DOM 內容隨意...

鐵人賽 Modern Web DAY 13

技術 Day 13 - 物品借用紀錄系統 (3) 程式碼解說

今天主要是來補足 Day11 和 Day12 簡(ㄏㄨㄚˊ)約(ㄕㄨㄟˇ)的部分。 我們會講兩個東西: Range.getValues() 會抓到什麼東西。...

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

技術 D13 - 做出雞蛋糕 new + Constructor

前言 距離上次的你不知道 Combo 有段時間了,這次要端出的是營養更 up up 的滿漢全席原型系列,包括原型、繼承、constructor、class 等,...

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

技術 Day.19 「認識 JavaScript 記憶體堆疊、傳值 與 傳址」 —— JavaScript 物件 與 記憶體

我們的變數在我們開啟網站時,都會存放在記憶體內,當我們關閉網站時,記憶體也會將這些變數釋放。 記憶體的堆疊 JavaScript 變數都是保存在 Stack...

鐵人賽 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,而這套件也是爬蟲很常使用的套件,所以接下來就讓我們來學習...