iT邦幫忙

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

技術 DAY2 - JavaScript概念 - 變數的宣告與型別

變數是值的容器,就像我們可能在總和中使用的數字,或者我們可能用作句子一部分的字符串。//引述自 MDN Web docs 什麼是變數 我們在寫出各種程式時,...

鐵人賽 自我挑戰組 DAY 1

技術 DAY1 開始玩JavaScript吧!

JavaScript 是一種程式語言,它使你能夠創建動態更新內容、控制多媒體,動畫圖片等等幾乎所有事。(好吧,不是所有,但這是非常神奇的僅通過短短幾行 Jav...

鐵人賽 Modern Web DAY 2

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

前言 轉生第一日,來到 JS 世界的第一天就跟勇闖異世界一樣必須要先理解這個世界的背景。 JavaScript 介紹 一開始在學習任何一個語言之前,通常都會建議...

鐵人賽 Modern Web DAY 5

技術 [Vue.js][日記]生命週期的變化是如此美妙啊!(2)

超緊繃!30天Vue.js學習日記 生命週期的變化是如此美妙啊!(2) 大家好,我們今天會延續昨天的主題,對生命週期中的鉤子函數做進一步的介紹! 我們先附上一...

鐵人賽 Modern Web DAY 13

技術 Day 13. 機動藍圖・介面的延展 X 功能與意義 - Interface Extension & Significance

閱讀本篇文章前,仔細想想看 如何宣告介面(Interface)? 介面跟型別(Type)在語法上的差別與規則會是什麼?(筆者目前還沒講概念上的差別,讀者先...

鐵人賽 Modern Web DAY 12

技術 Day 12. 機動藍圖・介面宣告 X 使用介面 - TypeScript Interface Intro.

《機動藍圖》篇章概要 本系列第二部分:《機動藍圖》(The Agile Blueprint)篇章涵括的範圍就是 TypeScript 的重頭戲。不外乎,筆者想...

鐵人賽 Modern Web DAY 2

技術 DAY14- slot 複合式元件

svelte slot 的介紹 svelte slot 是在說明完html的事件以及變數綁定還有fetch和promise還有await之後要說明的,為什麼這個...

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

技術 JavaScript 初心者筆記: 迴圈簡介

迴圈可以重複執行同一組程式碼,幫我們處理不斷重複的事情。迴圈會檢測條件,如果條件為 true,便會執行程式碼;接著條件繼續被檢測、程式碼繼續執行,直到條件為 f...

鐵人賽 Modern Web DAY 2

技術 [JS30]DAY1 : Drum Kit

[程式碼&DEMO] [HackMD完整筆記] 目標 按下鍵盤後要播放出相對應的聲音,並同時產生一個特效,按下其他鍵後就會關閉該特效。 步驟流程...

鐵人賽 Modern Web DAY 1

技術 [JS30]DAY0 : 發想

本來想要架一個網站,但對於後端的技術也不是很懂,後來想說不然用vue練習寫一個網站的前端部分就好,最後請教了許多前端的前輩、大大們,一致認爲先把JS紮實了比較重...

鐵人賽 Modern Web DAY 14

技術 [ Vue.js ] 動態元件 Dynamic component

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

鐵人賽 Modern Web DAY 11

技術 Day 11. 前線維護・特殊型別 X 無法無天 - Any & Unknown Type

閱讀本篇文章前,仔細想想看 當函式遇到 100% 無法跳脫或會拋出例外的狀況,這時 TypeScript 會如何對該函式進行推論? never 型別為所...

鐵人賽 Modern Web DAY 5

技術 [DAY05] JSX 到底是多 X!

我想說的是: JSX 是一種語法糖 (Syntatic Sugar),一種語法類似 XML 的 ECMAScript 語法擴充 當遇到<,JSX 就當...

鐵人賽 Modern Web DAY 4

技術 【React.js入門 - 04】 HelloWorld! - 從ReactDOM開始

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

鐵人賽 Modern Web DAY 4

技術 [DAY04] 你好世界

我想說的是:基礎 Hello World 建立和組件說明 冷知識:於1972年,貝爾實驗室成員布萊恩·柯林漢撰寫的內部技術檔案《A Tutorial Int...

鐵人賽 Modern Web DAY 3

技術 [DAY03] 上帝視角之路徑之熟門熟路老司機之資料夾說明

我想說的是:快速了解各個資料夾內資料的用處 用框架的好習慣就是先搞清楚各個資料夾的用處就像是你今天出國去了國外的合法賭場,至少要先知道人家的規矩跟行情知道籌...

鐵人賽 Modern Web DAY 2

技術 [DAY02] 套路開始

我想說的是:環境安裝方法:安裝 Node.js、安裝 create-react-app、npm start 首先安裝 Node.js這部分可以使用官方網站的...

鐵人賽 Modern Web DAY 1

技術 [DAY01] 開門見山地說

我想說的是:這是個原本只會 JQuery 的後端工程師學 React 的筆記並不會有甚麼高深的內容,但是可以保證會有很多垃圾話、冷笑話、鄉民哏 Oxford...

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

技術 DAY14 Rotate Array

題目: https://leetcode.com/problems/rotate-array/一個陣列將其向右旋轉k步,並回傳結果。 解題思路: 利用2個for...

鐵人賽 Modern Web DAY 11

技術 【Day 10】CSS && Inline-style

到昨天為止都著重在 JS 的部分,基本的功能已經可以完成了,但除了功能以外,網頁應用的外觀也是很重要的,所以今天就暫時把 JS 擺在一邊,看看在 React 中...

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

技術 Component 的溝通方式 Vuex Day 13

部落格同步刊登 [IT 鐵人賽] Component 的溝通方式 Vuex Day 13 我們會把 Vuex 放的比較前面,是因為既然使用了狀態管理機制,那...

鐵人賽 Modern Web DAY 4

技術 [Vue.js][日記]生命週期的變化是如此美妙啊!

超緊繃!30天Vue.js學習日記 生命週期的變化是如此美妙啊! 大家好,我IAN啦!今天要來介紹的是在官方文件中所提到的生命週期,官方文件給了以下圖示並且補...

鐵人賽 Modern Web DAY 10

技術 Day 10. 前線維護・特殊型別 X 永無止盡 - Never Type

閱讀本篇文章前,仔細想想看 如何跳脫死板定義的型別 type 格式? 對狹義物件的屬性下達 undefined 之原始型別跟使用選用屬性(Optional...

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

技術 JavaScript 初心者筆記: 判斷式 - if...else / switch 篇

接續昨天學到的比較運算子跟邏輯運算子,今天終於進入正題:判斷式。判斷式是 JavaScript 用來控制流程的,當指定的條件成立時,就會執行後續的指令。判斷式的...

鐵人賽 Modern Web DAY 9

技術 Day 09. 前線維護・選用屬性 X 型別擴展 - Optional Properties

閱讀本篇文章前,仔細想想看 明文型別(Literal Type)是什麼? 如何使用型別化名(Type Alias)?使用化名的好處是什麼? 變數被指派廣義...

鐵人賽 Modern Web DAY 13

技術 Day13【ES6 小筆記】Array.map() - 處理陣列最佳選擇

上一篇不小心介紹了 airbnb 風格不推薦的 for-of 語法,我們來仔細看看 ESLint airbnb 的規則到底是怎麼說的: 11.1 不要使用迭代...

鐵人賽 Modern Web DAY 13

技術 [ Vue.js ] 元件傳遞 event bus

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

鐵人賽 Modern Web DAY 8

技術 Day 08. 前線維護・明文型別 X 格式為王 - Literal Types

閱讀本篇文章前,仔細想想看 在什麼樣的情況下,你會怎麼決定要選擇使用 TypeScript 的陣列、元組(Tuple)或列舉(Enumerated)呢? 如...

鐵人賽 Modern Web DAY 3

技術 【React.js入門 - 03】 開始之前應該要知道的DOM和ES6

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

鐵人賽 Modern Web DAY 12

技術 [ Vue.js ] 元件傳遞 event

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