iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 Modern Web DAY 10

技術 Day10【ES6 小筆記】物件的解構賦值-以一間好吃的餐廳為例(Object Destructuring)

今天來學習 ES6 中的解構賦值,功能是讓我們在寫物件、陣列的時候可以很便利的使用縮寫,快速的將多筆資料取出成獨立變數,增加可讀性並減少程式碼,今天就來練習物件...

鐵人賽 Modern Web DAY 1

技術 EP.0 RE:從零開始的學習 JS 生活-轉生之目錄

前言 這一系列是我挑戰同時期鐵人賽的第二篇系列文章,最主要是要講 JavaScript 的部分,但是會比較著重於初心者,嘛都說是從零開始了。 轉生 雖然這次是我...

鐵人賽 Modern Web DAY 2

技術 DAY09-$ 的用法就是即時反應

即時反應 在之前跟大家分享了svelte在html上操作的語法,也分享了如何在html上渲染變數,然後也提到更新畫面的規則及限制,今天要跟大家分享如何即時反應。...

鐵人賽 Modern Web DAY 9

技術 [ Vue.js ] 父子元件 child component

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

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

技術 JavaScript 初心者筆記: this 關鍵字

關於 this 有許多大神有相當詳盡的解說,例如 Kuro 大的優質好文,不過身為一個初心者,先對 this 有個粗淺的認識再延伸閱讀,我想會比較適合。 關鍵...

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

技術 JavaScript 初心者筆記: 物件簡介

物件的意義 物件就是將各種變數與函式整理成一個懶人包,不過在物件中,變數稱為「特性」,特性可以告訴我們有關物件的特徵;而函式稱為「方法」,方法代表物件所連結的相...

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

技術 DAY9 Plus One

題目: https://leetcode.com/problems/plus-one/給一個陣列把最後一個數字加一,如需要進位把該數字變成零下一進位值加一。 解...

鐵人賽 Modern Web DAY 8

技術 [ Vue.js ] 元件註冊 Registration

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

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

技術 [專案02]自製踩地雷(一)前期規劃

windows經典小遊戲,CPE也有踩地雷10189 - Minesweeper,不過文字版玩起來不刺激。這次嘗試製作網頁版踩地雷,會用到Html、Css、JS...

鐵人賽 Modern Web DAY 6

技術 【Day 6】Child Component && Props

昨天介紹了可以在 component 中使用的 state,然而 React 一般建議能夠用越少 state 越好,因為 state 的改變是非同步的,stat...

鐵人賽 Modern Web DAY 2

技術 DAY08-if else也可以喔

如何決定要不要顯示 昨天教授大家如何將陣列內的資料透過組件顯示出來,但是如果不想顯示某個資料時該如何處理呢?今天就教授大家如何在svelte完成這需求。 本文...

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

技術 Router 基本入門 Day 9

部落格同步刊登 [IT 鐵人賽] Router 基本入門 Day 9 聊完狀態管理之後,我們來聊一下前端的路由。最近各大家前端工具都有支援前端路由的功能。而...

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

技術 Vuex 基本入門 Day 8

部落格同步刊登 [IT 鐵人賽] Vuex 基本入門 Day 8 在我們要聊元件溝通之前,我們先來聊一下關於 Vuex 這個套件。他是官方推出的狀態管理的工...

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

技術 DAY8 Pow(x, n)

題目: https://leetcode.com/problems/powx-n/計算平方數值。 解題思路: 利用遞迴概念求出平方值。 C版本: double...

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

技術 Day01 - 說明

前言 剛好看到六角在鼓勵大家參加鐵人賽,想說 JavaScript 課程也想學很久了,就趁這個機會逼自己學習並記錄,因此這是一個還沒碰過 JavaScript...

鐵人賽 Modern Web DAY 9

技術 Day09【ES6 小筆記】展開運算子 - 基礎使用範例(Spread operator)

上一篇的剩餘參數,是把很多的參數整合成一個陣列,而展開運算子,則是把陣列裡面的值取出,並拆解成一個一個的獨立參數,使用方式一樣都是 ...,以下來看看使用情境...

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

技術 JavaScript 初心者筆記: 陣列簡介

還記得前面我們學到的變數嗎?當時我們反覆了解到變數是幫助我們記住資訊,但如果我們在寫程式時需要儲存一系列具有關聯性的值時,除了用變數一個一個宣告以外,難道沒有更...

鐵人賽 Modern Web DAY 5

技術 【Day 5】 第一個 hook - useState

今天終於要介紹 React hooks 中的第一個hook 了 - useState,Start! 建立自己的 component 在講解 state 概念與...

鐵人賽 Modern Web DAY 8

技術 Day08【ES6 小筆記】剩餘參數 - 基礎使用範例(Rest parameter)

在有些情況,Function 有不確定數量的參數時,ES6 提供的「剩餘參數」就可以幫助我們很容易 取得剩餘的所有參數,並保存在陣列裡! 剩餘參數的特性如下:...

鐵人賽 Modern Web DAY 7

技術 [ Vue.js ] 生命週期 lifecycle

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

鐵人賽 Modern Web DAY 6

技術 Day 06: 函式的 arguments & parameters

在口語上我們常將函式的 argument (引數)和 parameter (參數)互相替換使用,然而在程式開發裡二者各有自己的定義。 function askS...

鐵人賽 Modern Web DAY 2

技術 DAY07-foreach也來幫忙

如果有很多重複一樣的東西該怎麼辦 昨天教授大家怎麼抽組件以及如何傳遞資料給組件,但是如果有很多相同的html或是同樣的組件要如何處理呢?今天就來告訴大家在sve...

鐵人賽 Modern Web DAY 6

技術 [ Vue.js ] 資料選項 Options

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

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

技術 DAY7 Search Insert Position

題目: https://leetcode.com/problems/search-insert-position/已知一個排序好的陣列與目標值,如有找到目標值返...

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

技術 new Vue v.s new Vue Day 7

部落格同步刊登 [IT 鐵人賽] new Vue v.s new Vue Day 7 大家一定會覺得這個標題很奇怪,不就都是 new Vue 嗎?是有什麼差...

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

技術 Component 魔術方法 Day 6

部落格同步刊登 [IT 鐵人賽] Component 魔術方法 Day 6 這是關於元件方法的最後一篇,實際上來說,Vue.options 並不能算是很魔術...

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

技術 JavaScript 初心者筆記: 函式實際運作 - 回傳值與函式間互相傳遞

今天要分享的內容跟前面的觀念文比起來,程式碼比較多,畢竟標題是函式實際運作嘛。 回傳(return)的意義 函式可以透過 return 回傳函式運算完的結果,...

鐵人賽 Modern Web DAY 4

技術 【Day 4】JSX 語法 && Virtual DOM

第四天將接著昨日的內容繼續! 第一次接觸React的朋友們可能心裡會os: "X! 這到底是甚麼語法,又像JS但又有HTML包在裡面。"別擔...

鐵人賽 Modern Web DAY 2

技術 DAY06-組件與屬性

組件與屬性 昨天我們介紹了變數的宣告以及如何在html上使用變數,今天要更進一步說明屬性以及組件。 本文同步放置於此 名詞解釋 說中文可能讀者們不知道筆者在...

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

技術 JavaScript 初心者筆記: 函式實際操作 - 參數與數學運算

上一次學到一些關於函式的基本觀念,這一次則是要來了解如何用函式進行較複雜的運算。首先要從參數開始說起。 函式代入參數 有時候函式需要一些特定資訊才能完成它的工...