iT邦幫忙

javascript相關文章
共有 5171 則文章
鐵人賽 Software Development DAY 15
Should I use fp-ts 系列 第 15

技術 [Should I use fp-ts?] Day 15 - fp-ts: Option bindTo

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

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

技術 [Day 16] Truthy 和 Falsy

在 JavaScript 中,在 if 的判斷式裡面放任何非布林型別的值,程式並不會報錯,這是因為每個值在需要的時候,都可以被轉換成布林值(true 或 fal...

鐵人賽 自我挑戰組 DAY 16

技術 關於非同步-1

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

鐵人賽 自我挑戰組 DAY 15

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

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

鐵人賽 Modern Web DAY 15

技術 Static Method 靜態方法

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

鐵人賽 影片教學 DAY 14

技術 一起來實作響應式網頁設計:JavaScript Basic Day14

影片教學 重點回顧 JavaScript Lexical Structure 基本規則,如何用Javascript寫程式 Case Sensitive:大小...

鐵人賽 Modern Web DAY 14

技術 Chrome用什麼來跑我們的JS:底層的底層:V8 & Turbofan筆記-Day13

中秋節快樂!連假還是要脫離正軌一下,繼續來聊聊在柏林參加 WWC23的筆記。 今天是這場:Things I learned while writing high...

鐵人賽 Vue.js DAY 14
Vue3歡樂套件箱耶 系列 第 14

技術 開箱14:前端圖片壓縮~Compressor.js範例應用

要使用圖片壓縮工具來處理網頁時,一種是打包後處理圖片,像是Webpack 插件image-webpack-loader ,另一種則是幫助您在瀏覽器中進行圖片壓縮...

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

技術 [Should I use fp-ts?] Day 14 - fp-ts: Option Do

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

鐵人賽 Modern Web DAY 14

技術 【Day14】Javascript物件設計!我所知道的物件導向。

本篇,我們要提到的是程式語言中,非常重要的概念 —— 物件導向。 聽著好像很複雜,其實我們現實生活都充滿了物件導向的概念。淺顯一點地解釋,便是把細小的東西以「物...

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

技術 [Day 15] JavaScript 中的相等比較(嚴格相等、寬鬆相等和隱含轉型)

在程式語言中,比較兩個值的相等性是一個常見的操作。在昨天提到的 JavaScript 運算子的種類中,比較運算子 就是拿來比較兩個值的相等性用的。而實際上 Ja...

鐵人賽 Software Development DAY 15

技術 [Day15] 不懂JavaScript 只好等著被整😔 物件篇

昨天介紹了有順序的資料型態陣列(array) ,今天要來講解 JavaScript 中無順序的資料型態物件(object)。物件用來存放許多 鍵 (key) &...

鐵人賽 Modern Web DAY 14

技術 js的OOP:ES 6 class & Object.create()

還有兩種方式也可以做出物件prototype: ES6 class Object.create() ES 6 class Syntactic sugar語法...

鐵人賽 自我挑戰組 DAY 15

技術 關於dataset(data-*)

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

鐵人賽 自我挑戰組 DAY 14

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

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

鐵人賽 Vue.js DAY 13
Vue3歡樂套件箱耶 系列 第 13

技術 開箱13:圖片轉文字不專業版~Tesseract.js範例應用

本篇開箱Tesseract.js是能圖像中取得文字的工具 介紹 Tesseract.js 是一個 JavaScript 函式庫,它是基於 Google 的...

鐵人賽 Software Development DAY 14

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

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

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

技術 [Should I use fp-ts?] Day 13 - fp-ts: Option fromNullable, fromPredicate

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

鐵人賽 自我挑戰組 DAY 14

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

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

鐵人賽 Modern Web DAY 13

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

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

鐵人賽 Modern Web DAY 13

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

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

鐵人賽 自我挑戰組 DAY 13

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

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

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

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

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

鐵人賽 自我挑戰組 DAY 13

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

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

鐵人賽 Software Development DAY 13

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

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

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

鐵人賽 Modern Web DAY 12

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

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

鐵人賽 Modern Web DAY 12

技術 物件導向概念

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

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

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

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

鐵人賽 自我挑戰組 DAY 12

技術 Day12-[Grind 169 questions][Array] LeetCode 238、39、56

238. Product of Array Except Self 解題程式碼 var productExceptSelf = function (nums)...