Prelude 我是阿傑,前一篇講到 Array method 其實藏了不少 JavaScript 的知識點跟特性,雖然不清楚這些也不大影響使用 Array m...
鐵人賽 Day2 自己做一個價值幾十萬的動態網站 第二課:架設環境、了解npm指令與創建第一個ReactApp 自己做一個價值幾十萬的動態網站,開始實作前的準備...
遊戲中把敵人打到戰鬥不能後,敵人不是會噴血、噴錢、噴道具嗎?那同學們知道這些噴出來的東西,在程式中是怎麼選擇降落的位置嗎?該不會以為是亂數隨便選一選的吧!其實小...
前言 我相信每個語法的發明都有它意義存在,以我看來Prototype的存在,是為了要讓JavaScript 也能實現物件導向,準確點來說,可以用來做到物件的繼承...
前言 前方的知識宛如一片大海,我卻在岸邊裹足不前,不知如何開始,亦不知從何開始。 是的,或許各位有著跟我一樣的經歷,不知道該怎麼面對一個完全陌生的新領域, 這時...
前兩天分別介紹了兩種路徑搜尋演算法,《戴克斯特拉》與《貪婪演算法》。他們尋路的過程大同小異,但演算的結果卻大相徑庭。 復習 這兩種演算法都會將觸及的所有格子,分...
今天要做的是鍵盤代碼轉換器,隨著鍵盤的輸入值不一樣,會動態顯示它的code、key、keyCode這些資訊,相信大家可能在學javaScript的過程中也會用過...
前言 首先,在 Day4 的時候有提到 JS 是單執行緒的,也就是在 JS 引擎中,編譯並執行 JS 在同時間內只能執行一件任務。 為什麼要設計成單執行緒?這有...
昨天介紹了一個絕對最佳路徑搜尋法,《戴克斯特拉演算法》,但缺點是效率低,不適合在繁忙的遊戲程式裏運作。於是我們今天要把昨天的演算法稍稍地改一點,變成超高效率的貪...
從上一篇可以了解到這個 Side project 的目的以及本次鐵人賽的目標,老實說 Javascript 並不是最適合實現這些功能的語言,但是因為本人的技能點...
前言 「人生而立、程式萌新」 運動管理出身,過去都在旅宿服務業與運動服務業工作,平時只是愛用電腦打電動看動畫聽音樂,從未想過程式語言是甚麼東西。 探索人生方向時...
模組是一個好東西,它可以讓程式設計師能夠順利的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 (整數或小數) 跟字串不同的是不用引號包起來,...