iT邦幫忙

javascript相關文章
共有 5171 則文章
鐵人賽 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
我的JavaScript日常 系列 第 20

技術 JavaScript Day 20. BOM 與 DOM

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

鐵人賽 Modern Web DAY 15

技術 入門魔法 - Event 事件

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

鐵人賽 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上對「閉包」的定義: 「閉包為函式的組合、還有該宣告函式的作用域環境。這個環境包含閉包建立時,...

鐵人賽 Software Development DAY 14
全端工程師生存筆記 系列 第 14

技術 [面試][後端]請簡述 Node.js 的 Event Loop

熟悉的起手式:「我方便問你一個 Node.js 核心的問題嗎?」 這是一個在了解後,無論面試還是工作,CP 值都很高的題目,建議讀者要真的融會貫通。 大綱...

鐵人賽 Modern Web DAY 17

技術 Day 17【ethers.js】ETHER. ETHER EVERYWHERE.

【前言】這兩天來記錄 ethers.js 我覺得蠻重要的一些學習筆記,今天主要聚焦在一些常見名詞,還有連動的基本設定。省略了大部分的東西因為篇幅還有時間有限!...

鐵人賽 Modern Web DAY 14

技術 Day 14 - UML x Interface — Portal

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

鐵人賽 Software Development DAY 28

技術 從 JavaScript 角度學 Python(28) - 閉包(Closure)

前言 那 JavaScript 中有一個東西叫做閉包 (Closure),Python 也會有嗎?所以這章節就輕鬆的聊一下如果你想要在 Python 中寫閉包的...

鐵人賽 Modern Web DAY 21

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

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

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

技術 【Day28】this - call, apply, bind 與嚴謹模式

call, apply, bind 方法 當我們對函式使用 call, apply, bind 這三種方法時,能改變 this 的值 簡易呼叫 先來看一般的函式...

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

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

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

鐵人賽 Modern Web DAY 13

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

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

鐵人賽 自我挑戰組 DAY 13

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

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

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

技術 JavaScript Arrow Function(箭頭函式)

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

鐵人賽 Modern Web DAY 13

技術 那些被忽略但很好用的 Web API / SessionStorage

狡兔有三窟,儲存用戶端的資料當然也要有三個。 相信大家應該都有遇過需要將資料儲存在用戶端的需求,像是將後端的 SessionID 儲存在 Cookie,或是...

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

技術 Day 13 : Maximum Subarray

今天的題目是要我們在一個整數陣列中找到子陣列(subarray),也就是擷取陣列中相連的一部分,求出擁有最大的總和並且回傳 而會讓題目變得複雜的原因,是因為我們...

鐵人賽 Modern Web DAY 19

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

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

鐵人賽 自我挑戰組 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 13

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

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

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

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

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

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

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

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

鐵人賽 Modern Web DAY 13

技術 第13車廂-table界的神器!DataTables介紹篇(3)

本篇要延續DataTables介紹,如何引用拓展包呈現響應式版本 好心建議要先看: 第11車廂-table界的神器!DataTables介紹篇(1)...

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

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

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