iT邦幫忙

javascript相關文章
共有 5169 則文章
鐵人賽 自我挑戰組 DAY 11

技術 Day 11: 類別與模組(Part 2)

子類別 假定現在有一個A類別且B類別為A類別的子類別,然後創建C為B的實體,那C同時有B和A的特性。使用下面兩行語法建構子類別 B.prototype = Ob...

鐵人賽 Modern Web DAY 26
VueJS 從前端到後端 系列 第 26

技術 大型資料載入實例與狀況 Event Binding Day 25

部落格同步刊登 [IT 鐵人賽] 大型資料載入實例與狀況 Event Binding Day 25 今天跟大家聊一下關於大型資料的一些例子。先說在最前面的,...

鐵人賽 Modern Web DAY 23

技術 【Day 23】useMemo

昨天 React.memo 比較像是針對 component 做 memorization,今天要介紹的 useMemo 這個 hooks 則是可以對函式實作...

鐵人賽 Modern Web DAY 17

技術 Day 17. 機動藍圖・複合型別 X 型別複合 - TypeScript Union & Intersection

閱讀本篇文章前,今天什麼都不用想! 直接進入正文,快看下面! 筆者就直接讓油門繼續摧下去~正文開始! 筆者 O.S.:今天又是數學時間,要學好程式可真不...

鐵人賽 Software Development DAY 13

技術 Day13-來了解 Set 並實作它吧!

集合是一種資料順序沒有意義而且其資料不會有重複值的一種資料結構,在 JavaScript ES6 的規範中,我們可以透過 new Set() 來建立一個 set...

鐵人賽 Modern Web DAY 12

技術 JS 原力覺醒 Day12- 傳值呼叫、傳址呼叫

一路上感謝各位讀者們的支持和回饋。本 30 天系列文目前已經將篇幅重新整理、編纂成冊。《JavaScript 概念三明治》在天瓏書局上架囉!喜歡這個系列,想閱...

鐵人賽 自我挑戰組 DAY 12

技術 JS 以陣列 Array 的複製談型別(下)

拿到它,先看它是什麼?拿它來做什麼? 再決定。 在複製陣列之前,先理解了 JavaScript 會依資料型別 Primitive type(基本型別)和No...

鐵人賽 Modern Web DAY 13

技術 [JS30]DAY12 : Key Sequence Detection (KONAMI CODE)

[程式碼&DEMO] [HackMD完整筆記] 目標 當在頁面輸入了完整的“密碼”(一串預先定義好的字串)後,會顯示Cornify特效。 步驟流...

鐵人賽 Modern Web DAY 26
JavaScript 初心者筆記 系列 第 26

技術 JavaScript 初心者筆記: 簡易 to-do list 練習

學會了 localStorage 跟 data-* 屬性後,今天就可以結合這兩者試著寫一個 to-do list 囉! 先貼個成品的程式碼連結。 HTML 部...

鐵人賽 Modern Web DAY 13

技術 [DAY13] Filter 標題的靈感之我真的一滴都不剩了之真想不出

我想說的是filter 會建立一個經過指定運算判斷後回傳為真的新陣列,就是這麼簡單 關於 filter 在其他地方我好像已經遇到好幾遍,一直沒有有系統地把它...

技術 js-按鈕1~3次生出值(按鈕箱)筆記記錄

主要是按一次加1,在if判斷1的時候要做什麼做值,最後到3歸零重1開始 html: <button>1</button> <spa...

鐵人賽 自我挑戰組 DAY 26
刷題記錄與人生分享 系列 第 26

技術 DAY26 Remove Linked List Elements

題目: https://leetcode.com/problems/remove-linked-list-elements/刪除鏈結串列中所有指定的數值。 解題...

鐵人賽 自我挑戰組 DAY 12

技術 新手村12 - Key Sequence Detection

12 - Key Sequence Detection 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? s...

鐵人賽 Modern Web DAY 25

技術 [ D3.js ] D3.js in Vue.js

學習完 Vue 之後,想要透過單元測試守護你的專案,但又不知道從何起手?別擔心,快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試!》讓你的 V...

鐵人賽 Modern Web DAY 16

技術 【React.js入門 - 16】 React生命週期(1/4): Mount(上)- 在渲染以前

(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

鐵人賽 Modern Web DAY 16

技術 [Vue.js][日記]過濾器在手,資料改起來!

超緊繃!30天Vue.js學習日記 過濾器在手,資料改起來! 大家好,今天要來跟大家介紹過濾器,假設今天我們從後端取得了一些資料(像是數字….之類的),我們想...

鐵人賽 Modern Web DAY 13

技術 EP.12 RE:從零開始的學習 JS 生活-第十二日

前言 轉生第十二日,這一篇將會來介紹迴圈。 迴圈 迴圈的用途主要是替我們將重複性極高的動作,不停地重複直到條件達到,這邊舉例我在前面章節所撰寫的 0 ~ 10...

鐵人賽 Modern Web DAY 2

技術 DAY25- 過場動畫 (二)

slide scale 昨天跟大家分享了fly fade兩種過場動畫的方式,今天接續分享 slide scale 這兩種。 本文同步放置於此 回顧怎麼使用...

鐵人賽 自我挑戰組 DAY 10

技術 Day 10: 類別與模組(Part 1)

類別(class)與建構式(constructor) 建構式是用來初始化新建物件的函式,利用new來呼叫它。 呼叫建構式關鍵特色在於建構式的prototype...

鐵人賽 Modern Web DAY 24

技術 [ D3.js ] 資料圖形繪製與重繪 enter(), exit() & update()

學習完 Vue 之後,想要透過單元測試守護你的專案,但又不知道從何起手?別擔心,快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試!》讓你的 V...

鐵人賽 自我挑戰組 DAY 11
JavaScript 新手筆記 系列 第 11

技術 Day11 - 流程控制與判斷

前言 這次主要是說明流程控制與判斷的部分 流程控制 if else 和 else if 之前為了寫 BMI 有寫一些,參考 Day06 - 變數(03) -...

鐵人賽 Modern Web DAY 11

技術 Day 11:用「Create Bottender App」來 Create Bottender App

前幾天已經示範了許許多多不同的範例,在嘗試各種範例時,不管是新增一個新的環境還是修改舊的環境都是一個很麻煩的過程。所以今天要教大家一個方式,可以在幾秒鐘開一個新...

鐵人賽 自我挑戰組 DAY 11

技術 Day11. 你(Ruby)的物件不是我(JavaScript)的物件

本日閱讀進度:第五章 認識物件(173~185頁) 重點摘要: 物件是什麼?物件(object)是屬性所構成的一個集合。在Ruby程式語言中,稱為雜湊(ha...

鐵人賽 Modern Web DAY 25

技術 Day25【ES6 小筆記】有點規矩!讓你的程式碼整整齊齊~

Hi~你寫程式時都隨便換行、隨便空白,看心情加逗號跟分號嗎?你覺得反正程式沒有錯誤,結果有出來就好嗎?偶爾還會因為忘記分號導致出錯嗎?你覺得其實看了很不舒服,但...

鐵人賽 Modern Web DAY 25
VueJS 從前端到後端 系列 第 25

技術 動態載入 webpack 簡易設定 Day 24

部落格同步刊登 [IT 鐵人賽] 動態載入 webpack 簡易設定 Day 24 今天說好要提到 Webpack 的部分,然後,我最近其實有點疲憊,所以今...

鐵人賽 Modern Web DAY 10

達標好文 技術 10. [JS] 一般函式與箭頭函式的差異?

旅程來到了第 10 天,這趟旅程真的有點硬啊...不過每天只要花一點點時間,就能讓逐漸讓自己變強,這樣的感覺是不是很棒呢? 今天的主題輕鬆一點,來看看 Jav...

鐵人賽 Software Development DAY 12

技術 Day 12 - 指令系統 - Unlight 解析指令的陷阱

現在已經從伺服器跟客戶端了解到了發送跟接收的步驟,不過伺服器的如何發送到客戶端並接和處理收似乎是還沒有討論過。不過因為使用相同的規則解析實際上差異並不大。 雖然...

鐵人賽 Modern Web DAY 16

技術 Day 16. 機動藍圖・介面與型別 X 混用與比較 - TypeScript Interface V.S. Type

閱讀本篇文章前,仔細想想看 TypeScript 的型別系統與介面之間在語法上的差別與介面或型別的使用有何共通點呢?但意義上又會差在哪? 如果還沒理解完畢的...

鐵人賽 Modern Web DAY 25
JavaScript 初心者筆記 系列 第 25

技術 JavaScript 初心者筆記: HTML 的自訂資料屬性 - data-*

data-* 屬性 在 HTML 標籤中可以放入自創的屬性,這麼做的目的是去綁定 DOM 與資料以及驗證資料。語法是 data-*,把 * 代換成自訂屬性名稱跟...

鐵人賽 Modern Web DAY 12

技術 [JS30]DAY11 : Custom HTML5 Video Player

[程式碼&DEMO] [HackMD完整筆記] 目標 1.使用HTML5的video tag做出各種播放器功能 滑動調節音量以及播放速度 按鈕...