iT邦幫忙

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

技術 想轉職的鯊魚從零基礎開始學習JavaScript Day-06 number、bigint與boolean

數字 JavaScript數字分類比較簡約,不像一般的程式語言不同,數字能再細分成 Floating(浮點數型)、Integers(整數型)、double(雙精...

鐵人賽 Modern Web DAY 21
【每天5分鐘】學前端 系列 第 21

技術 Day21【每天5分鐘】學前端 | JavaScript 流程控制 switch case

昨天認識了 流程控制 的 if else ,今天來認識另外一個 switch case ,目的都是根據不同的條件,執行不同的操作。 switch case sw...

鐵人賽 自我挑戰組 DAY 11
JavaScript亂記 系列 第 11

技術 forEach 陣列資料處理

forEach會將陣列元素逐一取出,傳給使用者定義函數callback,在callback函數需接收陣列的相關資訊,這些資訓有下列參數可以使用: curren...

鐵人賽 Modern Web DAY 6

技術 為什麼 Vue 要使用Proxy 之 Reflect-D06

為什麼 Vue 要使用Proxy 之 Reflect 探討Proxy之前,得先來看看和Proxy一起搭配的Reflect Reflect(反射)是ES6語法(我...

鐵人賽 自我挑戰組 DAY 7

技術 Day 07:色彩的基本入門

一、前言 在寫網頁時,除了命名規則、排版會讓我們感到困擾之外,顏色搭配也是我們會感到糾結的一部分。配色是一種直觀的感受,所以要掌握它並不是那麼的容易,接下來我...

鐵人賽 Modern Web DAY 7

技術 Day 07:Card 組件實作

組件實作 : Demo 一、前言 Card 組件通常會出現在像是購物網站的商品資訊,或是影片追劇等電影介紹中,其實只要是文字加上圖片的一個群組,都可以是一...

鐵人賽 自我挑戰組 DAY 9

技術 Day9- JavaScript的例外處理

今天來講一下JavaScript的例外處理。例外處理的用途用在若程式有發生特殊狀況會報錯時,用來不讓程式停掉,可以繼續執行下去並彈出錯誤。 JavaScript...

鐵人賽 Modern Web DAY 20
【每天5分鐘】學前端 系列 第 20

技術 Day20【每天5分鐘】學前端 | JavaScript 流程控制 if else

流程控制 有 if else 和 switch case ,目的在根據不同的條件,執行不同的操作。我們今天先來認識 if else,明天再接續認識 switch...

鐵人賽 Software Development DAY 6
React框架白話文運動 系列 第 6

技術 React白話文運動06-React運作原理

前言 嗨,我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我,進而獲得更多資訊...

鐵人賽 Modern Web DAY 6

技術 Day 6 咩色用得好 - Array.prototype.find

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

鐵人賽 Modern Web DAY 7

技術 [擊敗前端面試大作戰] prototype and prototype chain

Javascript 是一個基於原型的語言(prototype-based),他可以用在 OOP(Object-oriented programming)也可...

鐵人賽 Modern Web DAY 17

技術 【Day17】map()陣列處理的好方法 !

上一篇介紹高階函式forEach進行資料處理,forEach雖說比for loop好用,但他卻無法更改陣列中的內容,因此就必須學到本篇會說到的map map m...

鐵人賽 Modern Web DAY 21

技術 Day21-非同步處理方式-Generator

前言 這篇要來說明 Generator 產生器,不過在那之前要先來了解另一個也跟它有關的東西-Iterator 疊代器。 Iterator 疊代器 在 JS...

鐵人賽 自我挑戰組 DAY 15

技術 Day 15 Side Project : Background Slider 全景輪播圖

輪播圖的應用很常見也很廣泛,一般有框架就用框架,像是Bootstrap中的Carousel,不過這系列的文章主要著重在前端三大技術上,所以今天我們要來自己手刻...

鐵人賽 Modern Web DAY 5

技術 【D5】 更熟悉 React 改寫範本

運用官方範例,改寫自己的 Hello World。 建立 .jsx 建立檔案:HelloWorld.js 檔案做為我們的範例檔,內容為: function H...

鐵人賽 Modern Web DAY 6

技術 [Day 6] 如何了解 JS 及 Node 生態系

今天想分享一下我平常用來了解 JS 社群資訊的幾個管道,也許不是最棒的,可以了解當下有什麼酷東西存在於生態圈。 Best of JS 透過這個網站,可以輕鬆找...

鐵人賽 Modern Web DAY 6

技術 Day06 宣告方法:let、const、var 介紹

三種宣告方法:let、const、var let 用來宣告一個區域變數,假設我們現在有一顆蛋的價格為 10 元: 這時呼叫蛋價這個變數時就會出現我們賦予給他的...

鐵人賽 自我挑戰組 DAY 10
JavaScript亂記 系列 第 10

技術 陣列操作 II

更多用法 FIND 可以將值提取出來 尋找第一筆合適的資料 例 ❶ (篩選會回傳篩選合適的第一個值) const arr = [1, 5, 50]; c...

鐵人賽 Modern Web DAY 21
Three.js 反閘之路 系列 第 21

技術 Day21. 夾娃娃機 - 建立夾爪剛體

今日嘗試建立夾取物件的夾爪剛體 程式碼 設定夾爪初始位置 let gripperR_init_x = 2 let gripperR_init_y = 4 let...

鐵人賽 Modern Web DAY 20
Three.js 反閘之路 系列 第 20

技術 Day20. 夾娃娃機 - 建立物件剛體

在之前修改的 cannon 範例裡提過剛體,剛體才是實際互動的物件,網格只是套上去的皮,大多數剛體的形狀不會與網格相同,今日先建立剛體並與網格組合 程式碼 設定...

鐵人賽 Modern Web DAY 5

技術 Day 5 咩色用得好 - 我要如何看得懂 ECMAScript ?(part -2)

Prelude 我是阿傑,我們在 Day 4 介紹了 ECMAScript 中的 Abstraction Operations、List、Internal Me...

鐵人賽 Modern Web DAY 19
Three.js 反閘之路 系列 第 19

技術 Day19. 調用模型動畫

在昨天透過 console.log 的輸出,可以觀察到 gltf 裡有關於 animations 的屬性該模型包含了 standing、sitting、shak...

鐵人賽 Software Development DAY 5
React框架白話文運動 系列 第 5

技術 React白話文運動05-高階函式(Higher-order function)

前言 嗨,我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我,進而獲得更多資訊...

鐵人賽 Modern Web DAY 19
【每天5分鐘】學前端 系列 第 19

技術 Day19【每天5分鐘】學前端 | JavaScript 物件 object

物件 Object { } 物件是一個 複合資料型態 ,裡面存放自訂義的 屬性 和 值。值可以是字串、數字、陣列等等。宣告的物件使用 大括號 (又稱 花括號 )...

鐵人賽 Modern Web DAY 5

技術 分手JS-可以數據監聽的DefineProperty與Vue2-D05

DefineProperty & Vue2 Vue 使用發布訂閱模式達到監聽數據效果 在使用Vue3 composition API 時,會碰到很多pr...

鐵人賽 自我挑戰組 DAY 8

技術 Day8- JavaScript的函式

函式 函式就是將許多重複的程式碼利用呼叫的方式,使得程式設計師在撰寫程式碼時可以只寫一次,大幅減少記憶體浪費並且模組化程式,提升整個程式的閱讀性。 例如說,若我...

鐵人賽 Modern Web DAY 18
Three.js 反閘之路 系列 第 18

技術 Day18. 匯入 3D 模型

透過 Sketchfab 下載完 3D 模型後就可以在 three.js 的世界裡匯入 先在 ejs 處匯入函式庫,要注意的是 GLTFLoader 的版本...

鐵人賽 Modern Web DAY 17
Three.js 反閘之路 系列 第 17

技術 Day17. GLTF

除了自行建立3D模型以外,也可以透過下載網路上製作好的 3D 模型匯入 three.js 的世界裡 Sketchfab 官網一套面向建築師、遊戲開發者、電影...

鐵人賽 Modern Web DAY 5

技術 Day05 變數命名規則 & 主流命名方式

當我們要宣告變數時,時常都要思考要取甚麼命名,甚麼樣的命名才是好的命名。今天我們會一起了解: 變數的命名規則 主流命名方式 變數名稱可以使用英文、數字、錢...

鐵人賽 Modern Web DAY 6

技術 [擊敗前端面試大作戰] Promise

來到擊敗前端面試大作戰系列的第三篇,今天要來討論前端工程師百寶袋中必備的一項工具---Promise. 什麼是 Promise? 回答:Promise 是 E...