iT邦幫忙

javascript相關文章
共有 5650 則文章
鐵人賽 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...

鐵人賽 Modern Web DAY 16

技術 【Day16】forEach資料處理方法

在陣列中,若需要訪問組數中的每個元素可以使用for迴圈完成,而本篇將介紹更有效的執行方式高階函式forEach進行資料處理。 陣列使用for迴圈索引值 for...

鐵人賽 Modern Web DAY 20

技術 Day20-非同步處理的方式-async/await

前言 在前幾天認識了 Promise 後,還有其他作非同步處理的方式,所以這篇來介紹一下 async/await。 async/await 基本介紹 asyn...

鐵人賽 自我挑戰組 DAY 14

技術 Day 14 Side Project : Incrementing Counter 遞增計數器

今天要來做的是動態計數效果,隨著固定的時間遞增固定的數字上去,因為時間設得很短,所以視覺上看起來像是連續的,如圖中那樣! 事前準備 引入 fontAwes...

鐵人賽 Modern Web DAY 6

技術 蜜糖毒藥:再見Functional Programming

一個人的蜜糖,可能是另一個人的毒藥 Lucretius 正如第二天所說的,宣告式典範(declarative paradigm)與命令式典範(imperat...

鐵人賽 Modern Web DAY 4

技術 分手JS-Class繼承:不是所有財產都是你的-D04

Class的繼承 Class類別可以定義一個物件(Object)抽象的屬性和方法, Class是ES6以後才有的,其實大部分的功能ES5都做得到(使用proto...

鐵人賽 自我挑戰組 DAY 13

技術 Day 13 Side Project : Drink Water 沒事多喝水

今天要來做的主題還蠻有趣滴~ 如圖中所示,我們的目標水量是要把整個大杯子填滿(2L),點選下方的小杯子(250ml),可以把水加入大杯子中,並且顯示目前水量以...

鐵人賽 自我挑戰組 DAY 6

技術 Day 06:Git 學習筆記

一、前言 不管前端或是後端,Git 都是一個重要的工具,Git 其實就是一堆用來控制版本狀態的指令(版本控制),還有另外一個東西叫做 GitHub,它能夠遠端...

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

技術 陣列操作

可以參考 陣列物件混合使用 let school = [ { teacher: 'cindy', student: 'd...

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

技術 Day18【每天5分鐘】學前端 | JavaScript 陣列 array

陣列 Array [ ] 為有順序的資料集合,其中可以放入字串、數字、布林值等,或為一個空陣列。陣列沒有固定的 長度 與 型別 ,長度可以被改變。索引值(ind...

技術 2022 鐵人賽|Day4 【Javascript】關於 Hoisting

附上為何鐵人賽文章會出現在這裡的說明:2022 鐵人賽|Day1 報名失敗,還是要開賽吧! 背景脈絡 原本以為自己已經懂 Hoisting(提升),但今天再次接...

鐵人賽 Modern Web DAY 6

技術 Have fun! 新手也能打造的Javascript微型專案! Day6: 老是算錢算不清,寫個簡單的計算機用用吧!(上)

tags: ItIron2022 Javascript 前言 從今天開始我們會進入一系列的vanilla javascript專案系列,也就是不透過前端框架或套...

鐵人賽 Modern Web DAY 4

技術 你所要知道的NPM基本知識關於package.json、semantic version及淺談update

觀看這篇文章將會提及以下內容 安裝nodeJs npm的本質 初始化npm 建立package.json 全域安裝 區域安裝 什麼是package.json...

鐵人賽 自我挑戰組 DAY 5

技術 Day 05:寫作帶給我的人生意義

一、前言 從不會寫文章,到開始經營 Blog 這個過程,經歷了一些波折,從最早「無名小站」(時代的眼淚)開始經營第一個 Blog 到租借虛擬主機架設 Word...

鐵人賽 Modern Web DAY 6

技術 Day 06:Loader 組件實作

組件實作 : Demo 一、前言 今天我們要來製作 Loader 的組件,Loader 組件主要會出現在換頁或是網頁刷新(例如 AJAX)的等待時間,除了...

鐵人賽 Modern Web DAY 5

技術 Day 05:Slideshow 組件實作

組件實作 : Demo 一、前言 slideshow 幻燈片組件可以為網頁帶來動態的效果,與使用者產生互動,我們用 6 張圖片組成一個輪播視窗。你除了可以...

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

技術 陣列 []

陣列 (array) 是一個有序的序列,陣列中可以儲存不定數量的任何值,陣列在 JavaScript 中屬於複合資料型態 (composite data typ...

鐵人賽 Modern Web DAY 4

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

Prelude 我是阿傑,我們在 Day 3 簡單介紹了該如何起手 ECMAScript ,而今天就要進入較為 hardcore 的部分,但其實也沒想像中地這麼...

鐵人賽 Modern Web DAY 15

技術 【Day15】陣列array-常見方法array methods

接續上篇陣列內容,陣列是 JavaScript 裡重要的技巧,其中有許多陣列方法(array methods)可做轉換或運算,本篇將介紹一些常見的陣列的方法(m...

鐵人賽 Modern Web DAY 4

技術 JS之路 Day04 - Prototypal Inheritance(原型繼承)

Array Methods繁多,許多人常常使用時會在去MDN看文檔,但如果你仔細看會發現奇怪地方,比如說你想要去查map的語法,你實際會看到Array.prot...

鐵人賽 Modern Web DAY 19

技術 Day19-JavaScript Promise 系列-更多關於 Promise 的練習

前言 這篇會透過一些練習題講解 Promise 一些可能會漏掉的觀念,更進一步加強 Promise 的觀念。 從幾個練習更了解 Promise 練習題1 我們...

鐵人賽 Modern Web DAY 15

技術 JSXGraph的多邊形與轉換

今天要回來介紹JSXGraph的多邊形(Polygon)和轉換(Transformation)。 多邊形 Polygon是繼承自CoordsElement和Ge...

鐵人賽 Modern Web DAY 5

技術 過氣網紅:Class

舊觀念組成新結構,這些結構形成新觀念,新觀念不斷復合,並無休止地持續下去,越來越遠離每個人的最原始的本質。這就是人類思維的運作方式。 Douglas R. H...