iT邦幫忙

javascript相關文章
共有 5179 則文章
鐵人賽 自我挑戰組 DAY 29
複習 JavaScript 核心概念 系列 第 29

技術 [Day 29] ECMAScript 各版本重點語法

ECMAScript(簡稱 ES) 是一個用來標準化 JavaScript 語言的規範,它的第一個版本(ES1)在 1997 年釋出,並在之後幾年陸續都有釋出新...

鐵人賽 自我挑戰組 DAY 17
一個月的後端學習之旅 系列 第 17

技術 【DAY17】Array Methods 補充、map forEach比較

Array Methods 以下皆是 higher-order function arr.map(callbackFn) - 創建一個新array,其中填充...

鐵人賽 影片教學 DAY 23

技術 一起來實作響應式網頁設計: Power星期天 終極密碼 Day23

影片教學 重點回顧 這次的實作預計結果為 生成一個隨機密碼0~100 可以請使用者輸入數字 判斷是否猜中,若否從新輸入(更新範圍);若是,顯示猜中數字 參...

技術 如何用TypeScript寫出你的第一個Eslint Rule

在公司實習時遇到了一個問題,我們會用i18n來去做網站的中英文轉換,我們並且會寫一份json來管理我們所有的key,但會遇到一個問題就是說如果一個key在英文有...

鐵人賽 自我挑戰組 DAY 12

技術 物件的映射(Reflection)與擴展(Extend)

物件的映射表示物件能夠看見與改變自己的屬性與方法,透過物件的映射可以使用一種有用的模式來擴展物件, 透過以下程式碼來看如何使用: var person = {...

鐵人賽 自我挑戰組 DAY 16

技術 關於非同步-1

前言 在這邊會偏向複習非同步用法、釐清 promise 函式與 async/await 的想法。建議可以對非同步已經有一點了解再看~ 非同步的種類在下篇文章,會...

鐵人賽 自我挑戰組 DAY 9

技術 Object 常用錦集

前言 前後端傳值時也很常用到的Object方法。 本篇文章會介紹到 Object.assign()、delete、Object.keys()、Object.va...

技術 變數宣告練習

題目: 活動主題:2023 中秋節晚會抽獎活動活動進度:0主辦人:王大明活動內容:中秋節社區晚上吃辦桌,摸彩活動抽大獎獎品:Iphone 14 pro max...

鐵人賽 自我挑戰組 DAY 18

技術 Day18-[Grind 169 questions][String] LeetCode 125、242、3

125. Valid Palindrome 解題程式碼 var isPalindrome = function (s) { const loweCaseSt...

鐵人賽 自我挑戰組 DAY 28

技術 Day28-[Grind 169 questions[Binary Tree] LeeCode 105、113、662

105. Construct Binary Tree from Preorder and Inorder Traversal 解題程式碼 var buildTr...

鐵人賽 Software Development DAY 3
Should I use fp-ts 系列 第 3

技術 [Should I use fp-ts?] Day 03 - pure function

在本系列文中,所有的程式碼以及測試都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-03。本系列文的目的是讓讀者 和筆者 能...

鐵人賽 Software Development DAY 1
Should I use fp-ts 系列 第 1

技術 [Should I use fp-ts?] Day 01 - 前言

筆者背景 大家好,我是 Tuhacrt (吐哈庫)。 我是今年(2023)六月才剛成為軟體工程師的菜鳥工程師,有一次跟前輩在 debug 的途中討論到 Func...

鐵人賽 Modern Web DAY 15

技術 Static Method 靜態方法

什麼叫靜態方法 靜態方法是一種直接附加在class上的方法,使用class建立的instance無法存取,也就是,它不在instance的[[protorype...

鐵人賽 自我挑戰組 DAY 19

技術 Day19-[Grind 169 questions][String] LeetCode 409、8、5

409. Longest Palindrome 解題程式碼 var longestPalindrome = function (s) { const cha...

鐵人賽 Modern Web DAY 2

技術 提升網頁效能的小技巧(字體載入)

在當今的網頁開發中,優化效能始終是一個追求的目標。我們都希望在短時間內,讓使用者得到最好的體驗。 於是,我們在開發過程中,努力地優化Lighthouse上的指標...

鐵人賽 Modern Web DAY 7
了不起的 Svelte 系列 第 7

技術 第 07 天:Svelte 中的 Javascript:賦值

第 07 天:Svelte 中的 Javascript:賦值 凱瑟琳彎過身來悄聲對我說:「我的專案狀態 (state) 跟文件物件模型 (DOM) 總是沒辦法...

鐵人賽 自我挑戰組 DAY 8

技術 [Day 08] JavaScript 中的同步(synchronous)和非同步(asynchronous)

非同步(asynchronous)是 JavaScript 非常重要的概念之一,如果不理解非同步的特性甚至不會使用,在實際開發上絕對會處處碰壁。但在開始之前,還...

鐵人賽 自我挑戰組 DAY 13

技術 Day13 - 超好用的Web API intersection Observer

嗨大家好,我是Eric!今天我們來談談一個超好用的 Web API,intersection Observer,它是一種只在用戶實際看到或需要內容時才開始加載該...

鐵人賽 自我挑戰組 DAY 8

技術 Array 常用錦集

前言 今天會提到indexOf()、find()、filter()、slice()、splice() ,來看看有什麼常用的Array 方法吧。 Array.p...

技術 學習JavaScript第四天--字串型別、「賦值運算子+=、-=」「a++」「a--」

宣告字串:用單引號「‘’」或使用雙引號「“”」都可以喔! let a = 'abc'; let b = "def"; 單引號「''」不...

鐵人賽 影片教學 DAY 20

技術 一起來實作響應式網頁設計:初探Array Day20

影片教學 重點回顧 Array 陣列 當有性質相近的資料要存放一起時,可以使用array array 可以包含多種資料類型 array 不是 primiti...

鐵人賽 自我挑戰組 DAY 13

技術 Day13-[Grind 169 questions][Array] LeetCode 169、75、217

169. Majority Element 解題程式碼 var majorityElement = function (nums) { let majori...

鐵人賽 Software Development DAY 6
Should I use fp-ts 系列 第 6

技術 [Should I use fp-ts?] Day 06 - pipe and flow

在本系列文中,所有的程式碼以及測試都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-06 並且有習題和測試可以讓大家練習。...

鐵人賽 自我挑戰組 DAY 16

技術 Day16 - 表單的元素選擇:為什麼我們應該用 Form 而不是 Div?

哈囉,大家好!我是 Eric。今天我們要來談談一個看似簡單但實則關鍵的議題:表單處理。我們都知道,表單是網頁互動中不可或缺的一部分。但你有沒有遇過這樣的問題:你...

鐵人賽 Software Development DAY 9
Should I use fp-ts 系列 第 9

技術 [Should I use fp-ts?] Day 09 - fp-ts: Option flatten, flatMap(chain)

在本系列文中,所有的程式碼以及測試都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-09 並且有習題和測試可以讓大家練習。...

鐵人賽 Software Development DAY 12
Should I use fp-ts 系列 第 12

技術 [Should I use fp-ts?] Day 12 - fp-ts: Option alt

在本系列文中,所有的程式碼以及測試都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-12 並且有習題和測試可以讓大家練習。...

鐵人賽 自我挑戰組 DAY 4

技術 Day4-Graph 圖

簡單說,就是有多個節點(vertex),且彼此有些連接線(edge)的資料結構,以下都是 graph : 並且 graph 種類還能分為有向 & 無...

鐵人賽 自我挑戰組 DAY 17

技術 Day17-[Grind 169 questions][Array] LeetCode 977、16、435

977. Squares of a Sorted Array 解題程式碼 var sortedSquares = function (nums) { con...

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

技術 [Day 28] 事件的傳遞機制

昨天提到可以在 HTML 的 DOM 元素上添加事件監聽器,而今天要來講事件的傳遞機制。在 JavaScript 中,事件冒泡(event bubbling)...

鐵人賽 Software Development DAY 24
Should I use fp-ts 系列 第 24

技術 [Should I use fp-ts?] Day 24 - fp-ts Array

在本系列文中,所有的程式碼都可以在 should-i-use-fp-ts 找到,今日的範例放在 src/day-24 並且有測試可以讓大家練習。 Array A...