iT邦幫忙

javascript相關文章
共有 5653 則文章
鐵人賽 Modern Web DAY 9

技術 【React.js入門 - 09】 用props綁定函式

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

鐵人賽 Software Development DAY 6

技術 Day6-來了解堆疊並實作它吧!

今天要來介紹的資料結構是堆疊。我們可以用一疊書來做比喻堆疊,最一開始被放在桌上的書會被壓在最下面,而最後被放在書堆的書本則在書堆最上面。而當要拿書離開時,不能從...

鐵人賽 Modern Web DAY 16

技術 【Day 16】state management - redux 基礎概念

今天開始會進入 React 中比較進階的主題 - state management在前幾天中我們介紹了 state,也介紹了 props,我們了解一個 comp...

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

技術 JavaScript 初心者筆記: DOM - 如何用 JS 更改 HTML & CSS 屬性

今天要接續昨天的主題,繼續談在選取 DOM 之後,有哪些語法可以動態更改 HTML 元素的屬性及 CSS 屬性。 增加 / 更改屬性的值 - setAttri...

鐵人賽 Modern Web DAY 6

技術 EP.5 RE:從零開始的學習 JS 生活-第五日

前言 轉生第五日,這一篇將會來了解什麼是陣列與物件。 陣列 陣列你可以把它看成一個很特別的變數,以往一個變數只能放一個東西,例如字串、數字、布林,你也可以把變數...

鐵人賽 Modern Web DAY 6

技術 [JS30]DAY5 : Flex Panel Image Gallery

[程式碼&DEMO] [HackMD完整筆記] 目標 點擊圖片,圖片會展開,字從上下方移入;再點擊一次,即會收合,上下方的字也會被擠出去。 CS...

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

技術 DAY19 Symmetric Tree

題目: https://leetcode.com/problems/symmetric-tree/判斷一個二元樹是否鏡像,是的話回傳TRUE不是的話回傳FALS...

鐵人賽 Modern Web DAY 5

技術 JS 原力覺醒 Day05 - Scope Chain

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

鐵人賽 自我挑戰組 DAY 5

技術 新手村05 - Flex Panel Gallery

05 - Flex Panel Gallery 俗話說的好,一天一蘋果,醫生遠離我 一天一 JS,What the f*ck JavaScript? small...

鐵人賽 Modern Web DAY 21

技術 Day 21. 機動藍圖・靜態成員 X 即刻操作 - Static Properties & Methods

閱讀本篇文章前,仔細想想看 如何使用類別的繼承(Inheritance)? 為何我們設計類別的成員時,會儘量以 private 模式為基準?什麼時候該開放...

鐵人賽 Modern Web DAY 2

技術 DAY18- 唯讀的store

readable store 初體驗 readable store 是甚麼呢?今天這篇就來分享一下甚麼是svelte的readable store,並且透過這一...

鐵人賽 Modern Web DAY 9

技術 [Vue.js][日記]監聽屬性&計算屬性

超緊繃!30天Vue.js學習日記 監聽屬性&計算屬性 大家好,今天我要介紹的是Vue中的監聽屬性(watch)以及計算屬性(computed),並且...

鐵人賽 Modern Web DAY 17

技術 Day 17: 物件繼承

程式開發是個集眾人智慧的工作,開發者希望能站在巨人的肩膀,繼承(inheritance)既有的程式所有功能,在上面開發新功能,不用每次都重新造輪子。在其他程式語...

鐵人賽 自我挑戰組 DAY 4

技術 Day 4: 運算式與運算值

function 運算式 var square = function(x) {return x*x} 屬性存取 expression . identifie...

鐵人賽 Modern Web DAY 4

技術 nvm:快速安裝、切換不同版本的 Node.js

nvm 可以用來安裝 Node.js,如果有需求測試不同版本的話,也可以安裝多種版本、隨時切換不同版本的 Node.js。 nvm 的全名是 Node Vers...

鐵人賽 自我挑戰組 DAY 18
一週程式專案挑戰 系列 第 18

技術 [專案03]貓圍棋(三)地圖完成

隨機放入棋子,設置貓咪出生地。 【大綱】 六角形地圖 定義地圖方向 貓咪AI 心得 【六角形地圖】 與原作比較 檢討 程式碼說明 【與原作比較】 初始...

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

技術 Day04 - 變數(01)

前言 這次主要是說明變數是什麼 變數( variable ) 變數 = variable = var 語法:var varname = "我是變數&...

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

技術 為何我不用 SSR? Day 18

部落格同步刊登 [IT 鐵人賽] 為何我不用 SSR? Day 18 昨天提到了關於 SEO 的狀況,那麼,我們是不是使用 SSR 就能解決那些問題?關於這...

鐵人賽 Software Development DAY 5

技術 Day 5-變數環境、scope chain

variable environment 變數環境 描述變數創造的位置,和在記憶體中和其他變數的關係簡單來說,就是在問「變數在哪裡」 每個執行環境有自己的變數...

鐵人賽 自我挑戰組 DAY 3

技術 DAY3 - 遊戲實作 - 猜數字遊戲 (條件式)

今天我們來做做看第一個小遊戲吧! 在這之前要先了解兩個幾乎所有程式當會碰到的概念:條件式,下面就來簡單介紹一下。 條件式 在 JavaScript 與大多數語言...

鐵人賽 Modern Web DAY 20

技術 Day 20. 機動藍圖・類別繼承 X 延用設計 - TypeScript Class Inheritance

閱讀本篇文章前,仔細想想看 描述類別存取修飾子(Access Modifiers)的功能與意義。 為何類別要實踐某介面時,介面裡的所有規格在類別裡會直接綁...

鐵人賽 Modern Web DAY 5

技術 [JS30]DAY4 : Array Cardio Day 1

[程式碼&DEMO] [HackMD完整筆記] 目標 關於Array的各種操作。 步驟流程 1.篩選 16 世紀出生的發明家2.顯示他們的姓和...

鐵人賽 Modern Web DAY 18

技術 Day18【ES6 小筆記】比較值:== vs. === vs. Object.is() 差在哪呢?

當我們今天要比較兩個值是否相等時,在過去有兩個選擇:相等運算子 == 和嚴格相等運算子 ===,而在 ES6 中新增了一個Object.is 也可以拿來做比較!...

鐵人賽 自我挑戰組 DAY 4

技術 JS 創建與宣告陣列 Array

Day 4 總是要出來見世面的,但不講名字怎知你是誰? 這次的鐵人賽,參考書籍有可拿來當枕頭的大犀牛「Javascript 大全」和「你所不知道的JS」系列...

鐵人賽 Modern Web DAY 19

技術 [ D3.js ] 重新認識圖表

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

鐵人賽 Modern Web DAY 18

技術 [ D3.js ] 環境建置

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

鐵人賽 Software Development DAY 5

技術 Day5-陣列(Array)和鏈結串列(Linked List)的比較

在學習完陣列和鏈結串列之後呢,我們來把它們做統整比較吧!不過首先要先介紹一個網站,裡面整理了各式資料結構的時間複雜度並整理成表格。網站連結如下: https:/...

鐵人賽 Modern Web DAY 8

技術 【React.js入門 - 08】 用props綁定資料

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

鐵人賽 自我挑戰組 DAY 3

技術 Day 3: Datatypes and Values (Part 2)

JavaScript型別 null null 是JavaScript關鍵字。 null 被視為一種無物件(no object)的特殊物件。 null 自成一個...

達標好文 技術 IT幫鐵人賽小工具: 自動備份

先上效果圖 起因 一些安裝的的教學 請參考 IT幫鐵人賽小工具: 拖拉上傳本機圖片 就懶得打字了 script url https://github.com...