iT邦幫忙

javascript相關文章
共有 5649 則文章
鐵人賽 Software Development DAY 14

技術 [Day14] 不懂JavaScript 只好等著被整😔 陣列篇

陣列(array)是 JavaScript 的一種資料型態,在存放資料很多的時候就可以宣告一個陣列把所有資料存進去,不用再一個一個宣告變數。假如要把班級所有人的...

鐵人賽 Modern Web DAY 13

技術 【Day13】讓網頁動起來(3)使用GSAP設計動畫!

上網衝浪是現代人人具備的技能,您是否曾在某些商業網站看過一些炫酷異常的動畫?就拿Apple(台灣)的官網來舉例,隨便點選進入它們任意商品的頁面,往下滑動,便會有...

鐵人賽 Modern Web DAY 13

技術 js的OOP:用建構函式與new建立prototype

build-in object就是js自帶的建構函式 我們在新增物件、陣列時,有時會像下面這樣寫,其實就是使用js天生自帶的各種建構函式來建立各式各樣的衍生物件...

鐵人賽 自我挑戰組 DAY 17

技術 【Day17】ChatGPT請教教我:React入門(三)- 運用JS高階函數,進階JSX組合元件!

目前這個系列已挑選ChatGPT、前端&React相關章節出版成書!感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React & 前端技能樹...

鐵人賽 Software Development DAY 13

技術 [Day13] 不懂JavaScript 只好等著被整😔 流程控制篇 (4)

昨天有講到迴圈的概念分成兩種,一種是有限制執行次數的 for 迴圈,另一個就是無限執行的 while 迴圈。while 迴圈非常簡單,只要符合判段式條件就會一直...

鐵人賽 Modern Web DAY 12

技術 物件導向概念

物件導向是一種開發程式的方法,就字面的意思是以物件為中心,把數據資料(property)與其相對應的操作(method)包在一起,來模擬現實世界實體和其相互作用...

鐵人賽 Modern Web DAY 12

技術 【Day12】讓網頁動起來(2)元老級插件jQuery!

上一篇中,我們淺談了JavaScript的基礎,但想要更加深入JS的領域,光有基礎的概念是遠遠不夠的。因此,本篇將為您借紹JS中的最受歡迎的元老級插件 ── j...

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

技術 [Day 14] 運算子的優先性及相依性

運算子(Operators) 是程式語言中基本且超常見的元素,它們用於執行各種操作,例如數學運算、字串連接和邏輯判斷等等。接下來將簡單介紹在 JavaScrip...

鐵人賽 自我挑戰組 DAY 16

技術 非同步事件

之前說過 JavaScript 是同步執行的,但是瀏覽器中不只有 JavaScript 引擎,還有渲染引擎跟 Web API 等等,Web API 中有許多事件...

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

技術 [Day 13] 關於「原始型別(傳值)」及「物件型別(傳參考)」

在 JavaScript 中,變數(或常數)根據可以保存不同類型的值,值的型別(type)可以分為兩大類:原始型別 和 物件型別。這兩種型別有各自的特性,它們之...

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

技術 【DAY23】 靜態與動態網頁、網頁開發工具

靜態網頁 static websites 靜態網頁中的內容就是HTML, CSS, Java Script所創建的網頁 靜態網站上的每個頁面都存儲為單個 HTM...

鐵人賽 Software Development DAY 12

技術 [Day12] 不懂JavaScript 只好等著被整😔 流程控制篇 (3)

當我們想要用程式重複執行同樣的動作時,可以用迴圈來重複執行同一組程式碼。而迴圈分為需要計算執行次數和不管次數持續執行兩種,今天要講的是需要計算執行次數的 for...

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

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

鐵人賽 Software Development DAY 12

技術 Day 12 - 理解 JavaScript,為什麼要知道 ES6 的語法糖 Class?

在上篇因為 JavaScript 沒有原生的 Class,所以他的繼承方式是以 prototype (原型),在 ES6 中引入了 Class(類別)語法,他是...

鐵人賽 Modern Web DAY 11

技術 currying柯里化

剛學js的時候,常常會看到自己難以理解的東西,比如說這個: function add(a) { return function (b) { retu...

鐵人賽 Modern Web DAY 11

技術 【Day11】讓網頁動起來(1) → Javascript 速成

在前面的七篇中,我們講解了構成網頁設計的基礎要素:CSS。但這遠遠是不夠的,CSS只能賦予網頁靜態的美術效果與資訊展示。然而,我們對現代網站的期望通常都具備動態...

鐵人賽 自我挑戰組 DAY 15

技術 使用 Class 語法糖建立物件

在 JavaScipt 中可以使用 Class 語法糖來建立物件,但要注意 JavaScript 的 Class 與其他語言的 Class 不同,在其他語言像是...

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

技術 [Should I use fp-ts?] Day 10 - fp-ts: Option getOrElse, getOrElseW

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

鐵人賽 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 並且有習題和測試可以讓大家練習。...

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

技術 [Should I use fp-ts?] Day 11 - fp-ts: Option match, matchW

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

鐵人賽 自我挑戰組 DAY 16

技術 關於非同步-1

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

鐵人賽 自我挑戰組 DAY 15

技術 關於dataset(data-*)

理解&說明 data-* 是一種 html 的自訂資料屬性 dataset 屬性只能讀取(JS讀取在html中賦予的屬性),不能寫入(用寫JS給予值)...

鐵人賽 自我挑戰組 DAY 14

技術 關於正規表達式(有表單驗證寫法)

前言 找到很多方法都是使用套件,在這裡會嘗試用JS原生的方法來寫表單驗證~ 正規表達式 驗證時會使用到 利用此寫法 var regExp = new RegE...

鐵人賽 自我挑戰組 DAY 13

技術 停止預設事件的各種方法

前言 在寫功能時,有時會突然忘記如果我想要停止預設事件,應該要用 return false、還是 break、還是其他的方法.…。於是整理了這篇筆記,將這些使用...

鐵人賽 自我挑戰組 DAY 12

技術 關於運算子

前言 這裡會介紹三元運算子為主,今天會講到NULL運算子、三元運算子、三元運算子連續判斷取值。 基本的運算子(快速帶過) 賦值運算子:等號是最基本的,還有...

鐵人賽 自我挑戰組 DAY 11

技術 深拷貝、淺拷貝的說明及實驗

前言 今日介紹:深拷貝、淺拷貝。在實作上應該經常碰到,尤其是當需要處理龐大後端傳來的資料時。 深拷貝、淺拷貝 淺拷貝 當新舊陣列,會因為資料使用的地址相同,導...

鐵人賽 自我挑戰組 DAY 16

技術 Day16-[Grind 169 questions][Array] LeetCode 560、283、253

560. Subarray Sum Equals K 解題程式碼 var subarraySum = function (nums, k) { const...

鐵人賽 自我挑戰組 DAY 15

技術 Day15-[Grind 169 questions][Array] LeetCode 128、189、525

128. Longest Consecutive Sequence 解題程式碼 var longestConsecutive = function (nums)...

鐵人賽 自我挑戰組 DAY 14

技術 Day14-[Grind 169 questions][Array] LeetCode 11、252、134

11. Container With Most Water 解題程式碼 var maxArea = function (height) { let left...

鐵人賽 自我挑戰組 DAY 13

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

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