iT邦幫忙

javascript相關文章
共有 5179 則文章
鐵人賽 Modern Web DAY 1

技術 Day01 開啟 JavaScript 的學習旅程

前言 「人生而立、程式萌新」 運動管理出身,過去都在旅宿服務業與運動服務業工作,平時只是愛用電腦打電動看動畫聽音樂,從未想過程式語言是甚麼東西。 探索人生方向時...

鐵人賽 Modern Web DAY 2

技術 [Day1] 什麽是 Web component

模組是一個好東西,它可以讓程式設計師能夠順利的DRY,以避免可能的WET,也可以省下大把的時間。但這件事在網頁上並不是容易的事。 曾經,網頁分成HTML,CSS...

鐵人賽 Modern Web DAY 2

技術 信仰:初見Funtional Programming

我的心、我這一生都在追求一個東西:一個無以名狀的東西。 André Breton 前言 某種程度上,Javascript ES6(JS)提供了一種多典範多風...

技術 自己的輪子自己造--前端中的常見方法實作

最近開始重新閱讀JS的文章跟教學影片(網路上大推的Javascript: Understanding the weird parts),原因是想要把荒廢的JS...

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

技術 物件傳參考

物件傳參考 const雖不能修改但有一個物件傳參考的特性 是可以的 const a = { name : '勞贖'; } a.name = '老鼠';...

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

技術 Day15 .Dat.gui

依照 github 上範例建立完後,嘗試加入參數控制物理引擎的碰撞效果 Dat.gui Github一種輕量型的圖型用戶介面,可以在 Javascript...

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

技術 Day14. Cannon.js 範例

在多種 3D 物理引擎裡,決定使用同樣基於 js 所開發,學習成本相對較低且對新手較友善的 Cannon.js 做為開發工具 Github 範例 Githu...

鐵人賽 自我挑戰組 DAY 2

技術 Day 02:架設第一個自己的網站

一、前言 想要在有限的時間內快速建立自己的網站,對於追求效率的人來說,是一件很有吸引力的事情,但是這件事情最大的缺點,就是會花上不少的金錢與心力。一般來說,想...

鐵人賽 Modern Web DAY 2

技術 Day 02:Button 組件實作

組件實作 : Demo 一、前言 Button 是能夠廣泛被應用的組件之一。製作 Button 方法不只一種,你可以使用<div>、<b...

鐵人賽 自我挑戰組 DAY 10

技術 Day 10 Side Project : Sound Board 聲音操控版

今天要來做聲音操控版,點按圖中的每個按鈕,就會播放音檔,而當我同時又點了別的按鈕,就會暫停原本的音檔,播放別的音檔,蠻有趣的 ヽ(✿゚▽゚)ノ 程式碼其實不...

鐵人賽 自我挑戰組 DAY 4

技術 Day4- JavaScript的變數以及資料型態

今天就直接來接觸一下這個我從未接觸的語言。俗話說的好,學程式語言要先從Hello World開始寫起,所以這邊就來寫寫看JavaScript的Hello Wor...

鐵人賽 Modern Web DAY 1

技術 Day 1 咩色用得好 - 給我一個用 Array Method 的理由

Prelude 我是阿傑, 是一個正在好想工作室學習前端的老男孩 (已到了想哭卻哭不出來的年紀了)! 事情是這樣的,在一個風和日麗的早晨,我如往常一樣喝著我的手...

鐵人賽 Modern Web DAY 12

技術 【Day12】函數function

本篇內容包含: 函數function如何使用 參數 return 函數 當我們面臨的問題越來越複雜時,程式也會變得複雜,但是有一種簡單的方式就是funct...

鐵人賽 Modern Web DAY 16

技術 Day16-instanceof 介紹

前言 這篇要介紹的是用 instanceof 這個函式,將會沿用上一篇的範例進行解說。 語法 instanceof 這個運算子用於檢測某個建構函式的 prot...

鐵人賽 Modern Web DAY 1

技術 JS之路 Day01 - 開始與結束的序言

大家好,我是Vic,目前在台南的好想工作室學習,已經在這裡自學了幾個月時間。鐵人賽的開始,代表著我的JS學習的路也已經學到了一個段落,這一個階段要挑戰的就是三十...

鐵人賽 Modern Web DAY 12

技術 旋轉吧!木馬

教學的內容如果投影片(Slide)或跑馬燈(Carousel)呈現方式,一定更具教學效果。其實老師們已經很常用投影片教學了,像是powerpoint、keyno...

鐵人賽 Modern Web DAY 26

技術 Trick 25: 路徑搜尋的鼻祖-戴克斯特拉

一講到遊戲中的路徑搜尋,通常 A* 這個字眼馬上就會浮起來,因為A*演算法就是目前開發遊戲最熱門的路徑搜尋方式。不過同學們先別鼓噪,我們一步一步來,先從路徑搜尋...

鐵人賽 Modern Web DAY 1

達標好文 技術 「全端挑戰」學習Mern全端開發概念與動態網站開發流程懶人包

鐵人賽 Day1 自己做一個價值幾十萬的動態網站 第一課:學習Mern全端開發概念與開發流程 1.前言: 此分享為給有一點JavaScript基礎並想自己掌握網...

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

技術 hoisting 提升

學習hoisting之前可以先看上篇 直譯編譯 提升hoisting(接續上) 當執行以下程式碼時 console.log(a) var a = 10 會輸出...

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

技術 Day15【每天5分鐘】學前端 | JavaScript 數字 number

今天除了介紹數字,還會學到 算數運算子 、 餘數運算子了解在運算式中的 運算元 和 運算子。 數字 Number (整數或小數) 跟字串不同的是不用引號包起來,...

鐵人賽 自我挑戰組 DAY 8

技術 [Day 8] Notifications, Search and Menu: 叮咚~您有一則新訊息~

Notifications, Search and Menu 在資訊爆炸的時代,每個人都有許多社群媒體,訊息通知是不停不停地響,叮咚叮咚,今天就來實作Day #...

鐵人賽 Modern Web DAY 25

技術 Trick 24: 重覆播放的環境音同時有三百個會怎樣

遊戲中總有某些音效需要循環播放,像是迴旋鏢在飛行時產生的咻咻聲,小火堆的辟啪聲,牛群經過時的咚咚聲。如果遊戲能確保聲音來源的數量,那可能沒什麼問題。但像是Min...

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

技術 Day14【每天5分鐘】學前端 | JavaScript 字串 string

今天介紹字串,會使用到 console.log ,還會教學怎麼開啟主控台。console.log( ) 是前端人員查資訊除錯的好幫手,( ) 裡面可以放入字串、...

鐵人賽 自我挑戰組 DAY 1

技術 Day 01:前言(2022 自我挑戰)

嗨 大家好!我是東尼先生(Tony)。一個有一點點強迫症外加三分鐘熱度的前端工程師。 一、前言 第一次參加鐵人賽,我的心情是既期待又怕受傷害。想參賽的主...

鐵人賽 Modern Web DAY 1

技術 Day 01:前言(2022 主題競賽)

一、前言 早在幾年前,我一直有著經營自己 Blog 的小小願望,但是礙於不知道要寫些什麼主題,這個願望就一直被我藏在心中遲遲未去執行。而在無意間,我得知鐵人賽...

鐵人賽 自我挑戰組 DAY 3

技術 Day3- Node.js環境安裝

今天就來安裝Node.js的環境吧,我們需要安裝Node.js本身以及文字編輯器,文字編輯器這邊我選用VScode。 Node.js Node.js安裝可以去官...

鐵人賽 Modern Web DAY 11

技術 【Day11】迴圈while、for

假設今天要打印出1~2的數字非常簡單,但若需要執行上百次執行幾乎相同動作打印到10000時,就可以用到迴圈的程式,或是手動打印10000次哈哈哈。 本篇會介紹...

鐵人賽 Modern Web DAY 15

技術 Day15-Object.create() 介紹

前言 這篇要介紹的是用 Object.create() 這個函式。 語法 Object.create(proto[, propertiesObject]) 帶...

鐵人賽 Modern Web DAY 11

技術 CSS翻頁(Flip)效果

在美國大學教室,常常看見教授們將某個黑板,翻過來,翻過去,這種可翻式的黑板,節省了不少的教室空間。同樣地,利用這種翻頁效果,除了可以節省網頁空間,也增加網頁的吸...

鐵人賽 Modern Web DAY 24

技術 Trick 23: 大型垃圾不要丟,資源回收再利用

程式語言在某種分類上可以分為低階語言與高階語言。低階語言(如C語言)提供了從作業系統規畫一塊記憶體來用的功能,不過程式也要自己負責在記憶體不用時還回去給作業系統...