本篇內容包含： 函數function如何使用 參數 return 函數 當我們面臨的問題越來越複雜時，程式也會變得複雜，但是有一種簡單的方式就是funct...
前言 這篇要介紹的是用 instanceof 這個函式，將會沿用上一篇的範例進行解說。 語法 instanceof 這個運算子用於檢測某個建構函式的 prot...
大家好，我是Vic，目前在台南的好想工作室學習，已經在這裡自學了幾個月時間。鐵人賽的開始，代表著我的JS學習的路也已經學到了一個段落，這一個階段要挑戰的就是三十...
教學的內容如果投影片（Slide）或跑馬燈（Carousel）呈現方式，一定更具教學效果。其實老師們已經很常用投影片教學了，像是powerpoint、keyno...
一講到遊戲中的路徑搜尋，通常 A＊ 這個字眼馬上就會浮起來，因為A*演算法就是目前開發遊戲最熱門的路徑搜尋方式。不過同學們先別鼓噪，我們一步一步來，先從路徑搜尋...
鐵人賽 Day1 自己做一個價值幾十萬的動態網站 第一課：學習Mern全端開發概念與開發流程 1.前言： 此分享為給有一點JavaScript基礎並想自己掌握網...
學習hoisting之前可以先看上篇 直譯編譯 提升hoisting(接續上) 當執行以下程式碼時 console.log(a) var a = 10 會輸出...
今天除了介紹數字，還會學到 算數運算子 、 餘數運算子了解在運算式中的 運算元 和 運算子。 數字 Number （整數或小數） 跟字串不同的是不用引號包起來，...
Notifications, Search and Menu 在資訊爆炸的時代，每個人都有許多社群媒體，訊息通知是不停不停地響，叮咚叮咚，今天就來實作Day #...
遊戲中總有某些音效需要循環播放，像是迴旋鏢在飛行時產生的咻咻聲，小火堆的辟啪聲，牛群經過時的咚咚聲。如果遊戲能確保聲音來源的數量，那可能沒什麼問題。但像是Min...
今天介紹字串，會使用到 console.log ，還會教學怎麼開啟主控台。console.log( ) 是前端人員查資訊除錯的好幫手，( ) 裡面可以放入字串、...
嗨 大家好！我是東尼先生（Tony）。一個有一點點強迫症外加三分鐘熱度的前端工程師。 一、前言 第一次參加鐵人賽，我的心情是既期待又怕受傷害。想參賽的主...
一、前言 早在幾年前，我一直有著經營自己 Blog 的小小願望，但是礙於不知道要寫些什麼主題，這個願望就一直被我藏在心中遲遲未去執行。而在無意間，我得知鐵人賽...
今天就來安裝Node.js的環境吧，我們需要安裝Node.js本身以及文字編輯器，文字編輯器這邊我選用VScode。 Node.js Node.js安裝可以去官...
假設今天要打印出1~2的數字非常簡單，但若需要執行上百次執行幾乎相同動作打印到10000時，就可以用到迴圈的程式，或是手動打印10000次哈哈哈。 本篇會介紹...
前言 這篇要介紹的是用 Object.create() 這個函式。 語法 Object.create(proto[, propertiesObject]) 帶...
在美國大學教室，常常看見教授們將某個黑板，翻過來，翻過去，這種可翻式的黑板，節省了不少的教室空間。同樣地，利用這種翻頁效果，除了可以節省網頁空間，也增加網頁的吸...
程式語言在某種分類上可以分為低階語言與高階語言。低階語言（如C語言）提供了從作業系統規畫一塊記憶體來用的功能，不過程式也要自己負責在記憶體不用時還回去給作業系統...
童話比真實還真實。它不單告訴我們惡魔的存在，更揭示：我們擁有戰勝惡魔的力量。 G.K. Chesterton 前言 我坦白了，我不是一個專業的、受人景仰的前...
有製作過遊戲的朋友，肯定有過這樣的經驗，明明計算好這一關最高只可能得到300分，卻總是有人可以一下突破天際得到30000分。而這個情況不是只發生在網頁遊戲，電腦...
這篇延續上篇的波浪字體繼續進行講解 昨天說到javascript的部分可以從兩個部份來講解 把原本在<label>中的每個字母分開獨立包在<...
要談到Node.js，我們首先要先認識js。js就是javascript，這個程式語言(或稱腳本語言)用途主要為給予網頁動態的內容，例如:動畫、訊息框、處理多媒...
【前言】本系列為個人前端學習之路的學習筆記，在過往的學習過程中累積了很多筆記，如今想藉著IT邦幫忙這個平台做整理+再複習。本系列標題一律以【】標示該篇文章主要涉...
透過渲染而成的動畫效果 透過物體位置並每隔一段時間重新渲染畫面，來達到使物體像動畫般動起來的效果 // 原地走動動畫 function UsagiJump()...
Three.js提供了各種輔助工具幫助開發 ArrowHelper 用於可視化方向的3D箭頭ArrowHelper(dir : Vector3, origi...
直譯 而直譯器是一行一行直接翻譯執行。每翻譯一行程式敘述就立刻執行，然後再翻譯下一行，再執行，所以直譯器可即時翻譯、執行。像是JavaScript、還有PHP、...
小哈多年前曾參與一個Adultswim上單車極速遊戲的製作，身為死神的主角，騎著單身，在看似優美實則險峻的跑道上飛馳，一邊在空中翻滾一邊對行人們揮動鐮刀。 V...
本篇內容包含： switch 三元運算 switch 當開始編寫越來越多條件句時，可能會使程式十分冗長，這時候可以使用switch讓程式減短易懂 先放一個...
今天來做表單的波浪效果，如圖中所示，當input框取得焦點時，表單的label就會有高低起伏的效果，這篇有很多重要的JS觀念，像是陣列的處理方法，所以打算分成...
前言 這篇將會介紹 ES6 推出了新的 Class 語法，在背後的運作還是以原型為基礎 (prototype based) 的繼承。 2022/9/25 更新...
Yumy
harry xie
Vic
olddunk
小哈片刻
K.o
denny0628
Olivia
steventhibe
東尼先生
seaotter
Ryvn's Boss
hannnahTW
Yingge170
iThome鐵人賽
看影片追技術