iT邦幫忙

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

鐵人賽 自我挑戰組 DAY 3
Vue.js 初學筆記 系列 第 3

技術 03. Vue 指令:v-text, v-html, v-bind

指令(directive) 了解樣板跟資料之後,就可以來了解指令的部分。Vue 可以透過在 HTML 中以被稱為指令的特殊屬性來編寫。可以依據我們提供的資料作不...

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

技術 DAY13 Two Sum II - Input array is sorted

題目: https://leetcode.com/problems/two-sum-ii-input-array-is-sorted/在已排序的陣列使其數值相加...

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

技術 薛丁格的生命週期 Day 12

部落格同步刊登 [IT 鐵人賽] 薛丁格的生命週期 Day 12 是的,這個篇幅會用來聊一下生命週期當中,比較奇怪的事情。薛丁格 我就不解釋了,程式執行其實...

鐵人賽 Modern Web DAY 3

技術 [Vue.js][日記]一切都得從源頭講起...

進入正題 本篇要介紹的是在 Vue 官網中最先提到的概念: Instance。 實例 (instance) 當我們使用 Vue 去建構 Web 應用時,都是先...

鐵人賽 Modern Web DAY 7

技術 Day 07. 前線維護・列舉型別 X 主觀列舉 - Enumerated Types

閱讀本篇文章前,仔細想想看 陣列跟元組(Tuple)的差別在哪裡?什麼時候用陣列 / 元組比較適合呢? 什麼時候可能不用對函式的參數進行積極註記?試舉個範...

鐵人賽 Modern Web DAY 2

技術 DAY12-下拉選單的設定

svelte設定下拉選單 昨天跟大家分享完html的input的屬性綁定,不過還有型態比較特別的select跟option今天繼續跟大家分享。 本文同步放置於...

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

技術 JavaScript 初心者筆記: 判斷式 - 運算子篇

在正式講到判斷式之前,我想要先來簡介一下跟判斷式有關的運算子,畢竟要學習如何用判斷式判斷條件,總要先知道怎麼設條件吧!其實 JavaScript 裡有好幾種類型...

鐵人賽 Modern Web DAY 9

技術 【Day 9】Component Lifecycle

昨天對 class-based component 有了初步的認識,然而除了 state ,在 hooks 出來以前 class component 還有一項...

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

技術 DAY12 Maximum Product Subarray

題目: https://leetcode.com/problems/maximum-product-subarray/給定一個陣列,找到連續的最大乘積 解題思路...

鐵人賽 自我挑戰組 DAY 2
Vue.js 初學筆記 系列 第 2

技術 02. Vue 的聲明式渲染、樣板與資料

Vue 的響應性 Vue 會自行觀察物件內變化,在第一時間產生 HTML 與更新 DOM。比起 jQuery 的命令式渲染,開發者只需要專注在視圖層的表現,而不...

鐵人賽 Modern Web DAY 11

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

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

鐵人賽 Modern Web DAY 6

技術 Day 06. 前線維護・陣列與函式 X 陣列與元組 - Array & Functions & Tuples

閱讀本篇文章前,仔細想想看 陣列的推論大致上是如何運作呢? 什麼時候要積極去對陣列進行型別註記呢? 如果還沒理解完畢的話,可以先翻看前一篇文章喔!...

鐵人賽 Modern Web DAY 2

技術 DAY11-html 屬性綁定

html的屬性綁定 昨天分享了如何綁定html的事件,今天要談談如何綁定html屬性,也就是如何更新input的value時object的值也會一併更新。 本...

鐵人賽 Modern Web DAY 12

技術 Day12【ES6 小筆記】for 迴圈 vs. for...of - 陣列處理比一比

過去我們可以使用 for、while、do while、for-in 等內建的函式來處理資料,而在 ES6 中我們多了 for-of 這個更方便的用法來處理這...

鐵人賽 Modern Web DAY 2

技術 【React.js入門 - 02】 環境設置(下) - 使用create-react-app

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

鐵人賽 Modern Web DAY 1

達標好文 技術 【React.js入門 - 01】 前言 & 環境設置(上)

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

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

技術 Router 與生命週期 Day 11

部落格同步刊登 [IT 鐵人賽] Router 與生命週期 Day 11 我在先前的篇幅當中,有提到生命週期與路由的關係。我們這一個篇章,就將路由與生命週期...

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

技術 DAY11 Pascal's Triangle

題目: 請看維基百科解釋https://en.wikipedia.org/wiki/Pascal%27s_trianglehttps://leetcode.co...

鐵人賽 自我挑戰組 DAY 1
Vue.js 初學筆記 系列 第 1

技術 01. Vue 就決定是你了!

為什麼決定是 Vue.js ? 提高可閱讀性 程式邏輯與視圖邏輯完全分開 可深可淺的漸進式框架 初學可僅以代替原生 javascript 或 jQu...