前言 「人生而立、程式萌新」 運動管理出身,過去都在旅宿服務業與運動服務業工作,平時只是愛用電腦打電動看動畫聽音樂,從未想過程式語言是甚麼東西。 探索人生方向時...
模組是一個好東西,它可以讓程式設計師能夠順利的DRY,以避免可能的WET,也可以省下大把的時間。但這件事在網頁上並不是容易的事。 曾經,網頁分成HTML,CSS...
我的心、我這一生都在追求一個東西:一個無以名狀的東西。 André Breton 前言 某種程度上,Javascript ES6(JS)提供了一種多典範多風...
最近開始重新閱讀JS的文章跟教學影片(網路上大推的Javascript: Understanding the weird parts),原因是想要把荒廢的JS...
物件傳參考 const雖不能修改但有一個物件傳參考的特性 是可以的 const a = { name : '勞贖'; } a.name = '老鼠';...
依照 github 上範例建立完後,嘗試加入參數控制物理引擎的碰撞效果 Dat.gui Github一種輕量型的圖型用戶介面,可以在 Javascript...
在多種 3D 物理引擎裡,決定使用同樣基於 js 所開發,學習成本相對較低且對新手較友善的 Cannon.js 做為開發工具 Github 範例 Githu...
一、前言 想要在有限的時間內快速建立自己的網站,對於追求效率的人來說,是一件很有吸引力的事情,但是這件事情最大的缺點,就是會花上不少的金錢與心力。一般來說,想...
組件實作 : Demo 一、前言 Button 是能夠廣泛被應用的組件之一。製作 Button 方法不只一種,你可以使用<div>、<b...
今天要來做聲音操控版,點按圖中的每個按鈕,就會播放音檔,而當我同時又點了別的按鈕,就會暫停原本的音檔,播放別的音檔,蠻有趣的 ヽ(✿゚▽゚)ノ 程式碼其實不...
今天就直接來接觸一下這個我從未接觸的語言。俗話說的好,學程式語言要先從Hello World開始寫起,所以這邊就來寫寫看JavaScript的Hello Wor...
Prelude 我是阿傑, 是一個正在好想工作室學習前端的老男孩 (已到了想哭卻哭不出來的年紀了)! 事情是這樣的,在一個風和日麗的早晨,我如往常一樣喝著我的手...
本篇內容包含: 函數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語言)提供了從作業系統規畫一塊記憶體來用的功能,不過程式也要自己負責在記憶體不用時還回去給作業系統...