iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 JavaScript DAY 29

技術 TypeScript 實戰:製作 npm Package

前言 在開發專案時,經常會遇到跨專案共用邏輯或工具的情況,例如常用的 logger 或驗證工具。如果每次都從一個專案複製貼上到另一個專案,難免會出現版本不同步...

鐵人賽 自我挑戰組 DAY 10

技術 這些日子我學到的JavaScript:Day12-運算子

比較運算子比較運算子會比較兩個值,並依比較的結果回傳 true 或 false。 拿來做比較的值可以是數字、字串、布林,或物件。比較運算子總共有以下這幾個符號:...

鐵人賽 Modern Web DAY 9

技術 Day9 要開始寫程式了,但我對 CSS、TypeScript 和 HTML 不熟,怎麼辦?(下)

在上一篇文章中,我們探討了如何掌握 HTML 和 CSS 的基礎,這些技術幫助你建立網頁的結構和樣式。然而,網頁的動態功能和邏輯處理則依賴於另一個關鍵技術——T...

鐵人賽 JavaScript DAY 22

技術 TypeScript 實戰:後端路由 Routes

前言 在前一篇文章中,我們介紹了如何使用 TypeScript 與 Express 搭建一個基礎的後端應用,並實現了最簡單的 Hello World 功能。本...

鐵人賽 JavaScript DAY 1

技術 [Day 01] 系列文動機與大綱

嗨大家好!我是 Monica,第一天來講講系列文動機與大綱,談談未來的內容規劃。 關於分享主題 一直想嘗試看看鐵人賽,但苦於找不到文章主題,後來想說既然前陣子...

鐵人賽 自我挑戰組 DAY 9

技術 Day9-[30 Days of JavaScript] LeeCode 2629、2637、2665、2704

2629. Function Composition 解題程式碼 // 解法 1. 最簡潔 const compose = (fs) => (x) =&g...

鐵人賽 Modern Web DAY 17

技術 Day17 陣列 Arrays

當從外界獲得資料時,資料未必只會是一筆一筆的,更有可能的是一次會獲得超大筆資料,例如台北市的豪宅資料、1111購物節的商品資訊等等。這時候如果要用變數一個一個地...

鐵人賽 Modern Web DAY 30

技術 Day30 Hoisting 提升

今天是鐵人賽的最後一天 我們要來認識重要的 Hoisting 提升 為什麼重要呢? 認識 Hoisting 之前,在宣告變數時不會太在意變數或函式的宣告要放在哪...

技術 Day19 X Leetcode:二元樹的直徑 Diameter of Binary Tree

這次我們來解一道二元樹的題目:Diameter of Binary Tree,這道題目的關鍵在於找到二元樹中兩個節點之間的最長路徑,這段路徑稱為「直徑」。 接...

技術 2024 IT鐵人賽 Day28 -localStorage

localStorage MDN文件 語法: 儲存 localStorage.setItem("myCat", "Tom&...

鐵人賽 Modern Web DAY 8

技術 Day08 資料型別 (Data Type) 與 typeof 運算子

資料型別 (Data Type) 是用來告訴電腦系統的編繹器 (compiler) 如何處理這組資料,如果不當使用資料型別,當程式執行時就會發生錯誤。 Java...

技術 2024 IT鐵人賽 Day25 -深拷貝

第三方套件 lodash // 使用 lodash 的 cloneDeep 方法進行深拷貝 const obj2 = _.cloneDe...

鐵人賽 JavaScript DAY 25

技術 Day 25: SOLID - 依賴反轉原則(DIP) 和 Vue 的依賴注入模式

今天要介紹 SOLID 設計準則的最後一個 依賴反轉原則(Dependency Inversion Principle, DIP),我覺得是一個光看定義不太好懂...

鐵人賽 Modern Web DAY 17

技術 Day17 Vue.js 動效分類實戰 (9) 萌兔吹泡泡特輯 - 顛覆等待的互動視覺體驗

用兔子吹泡泡動畫驚豔你的訪客,刷新等待體驗 你是否曾經因為網站載入速度太慢而感到焦慮? 在現代網站開發中,等待通常是訪客戶最不喜歡的環節。如何讓使用者在等待...

鐵人賽 Vue.js DAY 1
重新認識 Vue.js 系列 第 1

技術 重新認識 Vue.js - Day 01:前言與大綱

陸陸續續前端也寫了一段時間了,除了怎麼用,總是要探討一下用什麼接下來的這段時間會介紹一些使用現代框架的原因以及差別,還有一些些的如何達成這些功能這邊就獻上大綱啦...

鐵人賽 自我挑戰組 DAY 23

技術 Day23-[Grind 169 questions][Binary] LeeCode 191、136、268

191. Number of 1 Bits 解題程式碼 var hammingWeight = function (n) { let count = 0;...

鐵人賽 自我挑戰組 DAY 10

技術 [ Day 10 ] - 傳值與傳址

傳值與傳址 先來看案例 案例一 let a = 50; let b = a; console.log (a); // 顯示為 50 console.log(b)...

技術 JavaScript-基礎篇-This指向問題-下

2. Arrow function 的this指向 上篇回顧: 1. 默認綁定: console.log(this=== window) ==> tru...

鐵人賽 Vue.js DAY 9

技術 在 Vue 過氣前要學的第九件事 - Virtual DOM 要走入歷史了嗎? / Vapor Mode

前言 Vue 3.6.0-alpha.1 推出了,其中最特殊的應該就是這個 Vapor Mode 了,就來看一下這個新的模式會有什麼幫助吧。 概述 Vapor...

技術 如何開始javascript

首先先準備好一個網頁,然後在檔案中用文字編輯器打開,即可開始打程式。基本的程式樣式之前html那篇有寫:(程式中無需區分大小寫)然後在網頁的< head...

鐵人賽 自我挑戰組 DAY 20

技術 Day 20: JavaScript操作CSS

Cascading Style Sheets(CSS) 用來指定HTML document視覺呈現方式的標準。style規則來至不同來源所一層層相疊後的結果(後...

鐵人賽 影片教學 DAY 13
從麻瓜變成前端魔法師 系列 第 19

技術 Day19【從麻瓜變成前端魔法師】JS 陣列 array

陣列的操作方法 說明 push( ) 新增資料到陣列的末端 pop( ) 移除陣列的最後一個元素 shift( ) 移除陣列的第一個元素...

鐵人賽 Modern Web DAY 25

技術 Day 25: 使用 Vitest 測試異步行為與 API 請求邏輯

簡介 在現代 Vue.js 應用程序開發中,處理異步操作和 API 請求是常見且關鍵的任務。本文將深入探討如何使用 Vitest 來全面測試這些異步行為和 A...

技術 菜雞學習 JavaScript 的 30 日讀書分享【Day 19】指派運算子

====================本系列文章沒有什麼高深的理論========================================純粹是以一...

技術 Limesurvey進階應用--縣市鄉鎮選單

寫在前面 Limesurvey是一個開源網路調查軟體。可以註冊使用它的服務,或者使用Community Edition架設自己的網路調查系統。Limesurve...

鐵人賽 Modern Web DAY 10

技術 Day 10 咩色用得好 - Array.prototype.every

閱讀說明 整篇會分成以下幾個部分: 使用時機 語法 範例 注意事項 ECMAScript 結論 every 這個 method 的全寫應該是 Array.p...

鐵人賽 Modern Web DAY 19

技術 【Day19】物件Object

物件是JavaScript中很強大的功能!他可以將許多的屬性儲存在一個數據中裝到一個容器中,但有些人可能會疑惑,陣列也可以存放許多元素,跟物件又有什麼不同?陣列...

鐵人賽 自我挑戰組 DAY 26
複習 JavaScript 核心概念 系列 第 26

技術 [Day 26] Promise 與 Async Function(Async / Await)

在 JavaScript 中,非同步程式碼的處理一直以來都是個挑戰。過去,我們只能使用回調函式(callbacks)和事件(events)等來處理非同步操作,但...

鐵人賽 自我挑戰組 DAY 14
JavaScript 核心觀念 系列 第 14

技術 【Day14】優先性及相依性

優先性(Precedence) 決定運算子彼此之間被語法解析的方式,優先序較高的運算子會成為優先序較地運算子的運算元 相依性(Associativity...