既然都有夾娃娃機的效果了,就來蓋個夾娃娃機台吧,今天先建立機台的剛體 建立機台夾層地板剛體與網格 let machineBottom = new CANNO...
NaN (Not a Number) NaN 也就是非數字,通常會出現在 企圖對一些非數字的運算元做數字的運算,這時就會出現 NaN,例如: let myN...
前言 首先我們要知道 JS 是個弱型別的語言,弱型別和強型別的差異為編譯器或直譯器對型別檢查的寬容程度,弱型別在型別檢查上較為寬鬆,容許隱性型別轉換。強型別在型...
動點的軌跡在機械構造設計上也有很多的應用,透過電腦的模擬,事先了解機械元件行程的範圍,可以避免元件之間干涉的情形發生。 今天要介紹四連桿機構(four-link...
這不是把大家帶到黑暗裡,而是把大家帶過黑暗,在黑暗裡檢驗一遍,再回到陽光底下,你會明白該如何面對生活。 Ang Lee 事實上,關於control flow...
遊戲中總有某些音效需要循環播放,像是迴旋鏢在飛行時產生的咻咻聲,小火堆的辟啪聲,牛群經過時的咚咚聲。如果遊戲能確保聲音來源的數量,那可能沒什麼問題。但像是Min...
在這邊進行字串轉換成某種編碼方式的字,這邊以 URI 和 ASCII 為範例。 不過仍與昨日發生相同問題,也就是第一個字讀不到。這問題之後再解,現在先初步建立我...
上次我們用 C# 來實作圖片壓縮的功能。今天我們換嘗試用 JavaScript 在前端幫我們做圖片壓縮! 通常圖片壓縮的目的就是要讓檔案的大小變小,所以我們可以...
因為Shadow DOM把內部的DOM和外部的DOM分開了。所以CSS選擇器沒辦法從外部正常的使用在Shadow DOM的內部節點上。也因此,CSS的使用一直以...
如果有一段程式碼會 重複 出現,那麼你可以考慮將它寫成 函式 ,日後要使用它時,只要呼叫那個函式即可,就不用重複地去寫程式碼了~ 假設我要讓我的狗狗聽到一個指令...
閱讀說明 整篇會分成以下幾個部分: 使用時機 語法 範例 注意事項 ECMAScript 結論 map 這個 method 的全寫應該是 Array.pro...
學會了JavaScript的基礎:字串、數字、函式……等,你一定跟我一樣有很多疑問,我還是不知道怎麼在網頁上輸入內容阿!如果你希望透過JavaScript控制並...
這其實不是難懂的概念,但卻是非同步程式設計中最基礎的螺絲釘,我自己在學習這JS非同步領域這系列的順序是這樣排的: Callback => Promise...
這篇沒有帥哥可以看,不過也是一個非常有趣的projecto( ̄▽ ̄)d 今天要做的是密碼生成器,根據使用者的需求去自動生成密碼,聽起來很厲害,另外考量到這篇的J...
運算子 JavaScript 同時具有二元運算子及一元運算子, 以及一種特殊的 三元運算子,也就是 條件運算子。 一個二元運算子需要具備兩個運算元, 一個在運算...
前言 當初一開始在學 JS 時就常常看到淺拷貝 & 深拷貝這兩個詞,只是可惜一直沒有做個整理,所以這篇文章要來整理一下相關的觀念。 淺拷貝 &...
組件實作 : Demo 一、前言 網頁上要顯示店家、場地等地理位置資訊,都會使用到 Google 地圖來輔助。在這個篇章中,我們要來研究關於 Google...
組件實作 : Demo 一、前言 Modal 指的是互動視窗,也就是讓畫面跳出一個蓋板訊息框。使用 Modal 背景大多由半透明黑色覆蓋;訊息框(互動視窗...
今日嘗試根據建立好的夾爪剛體將利用 Tween.js 動畫將物件抓起,做到類似夾娃娃機的效果 程式碼 .ejs 在 ejs 處加入按鈕 <button...
tags: ItIron2022 Javascript 前言 我們昨天完成了基本的ui以及事前的規劃,今天就動手把核心功能完成吧! Getting starte...
程式語言在某種分類上可以分為低階語言與高階語言。低階語言(如C語言)提供了從作業系統規畫一塊記憶體來用的功能,不過程式也要自己負責在記憶體不用時還回去給作業系統...
Outline 上集回顧 reactive() 特性與限制 什麼情況會失去響應性 ref() 特性與限制 什麼情況會失去響應性 兩個比一比...
在javascript中,可以將寫出來的程式碼大致分為陳述式以及表達式。今天這篇文我會整理幾個自己在學時覺得比較重要的陳述是以及表達式的重點。 陳述式 陳述式英...
宣告字串 我們之前介紹過了數字型別,今天我們要來介紹要怎麼宣告「字串型別」,首先我們用 let 來做宣告: let myName = "Key&quo...
當它越難拿到,你就會越想留住。 Jay Mark Mateo Balmes 本篇不是討論Partial Applications本身,而是他在控制流程中的優...
監聽事件 因為web component是使用custom element技術建構而成。web component內部也能使用addEventListener方...
前言 原本概述完expression(運算式),想接著介紹Statements(述句),沒想到我在翻閱ECMA的時候,發現漏了些什麼,原來expression(...
今天要來做的是垂直的輪播圖,點選「上」「下」箭頭可以反方向切換圖片和圖片的描述,做project順便看看帥哥好快樂≡ω≡ 事前準備 引入 fontAwes...
昨天我們對運算子有哪些種類有了印象,也介紹了算數運算子,今天我們要來繼續介紹同樣很常見的「賦值運算子」。 賦值運算子 (Assignment operators...
一種用來處理特定的日期時間會用到的特殊物件,可以用來印出時間,修改時間或是設定時間。 要注意的一點是,JavaScript當中,使用Date就會一次把日期跟跟時...