iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 Modern Web DAY 25
Three.js 反閘之路 系列 第 25

技術 Day25. 夾娃娃機 - 夾爪前後左右移動+歸位

有了夾娃娃機的外觀,夾爪也要像夾娃娃機一樣可以前後左右移動,並在夾取後回到原位 程式碼 .ejs 先在 ejs 處設定前後左右移動按鈕 <table&...

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

技術 Day24. 夾娃娃機 - 匯入夾娃娃機模型

基於 yting23 看不下去只有剛體的夾娃娃機台外型,熱心的用 blender 繪製了夾娃娃機的模型,今天就來匯入朋友的善意 程式碼 匯入夾娃娃機底座 f...

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

技術 Day23. 夾娃娃機 - 建立機台剛體

既然都有夾娃娃機的效果了,就來蓋個夾娃娃機台吧,今天先建立機台的剛體 建立機台夾層地板剛體與網格 let machineBottom = new CANNO...

鐵人賽 自我挑戰組 DAY 11

技術 Day11- JavaScript的陣列操作(下)

今天繼續來講昨天講了一部分的陣列操作,陣列操作的部分昨天講了基本的建立、新增以及刪除,還有綜合的用法。今天就繼續來講其他的用法。 length length()...

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

技術 Day22. 夾娃娃機 - 物件夾取動畫

今日嘗試根據建立好的夾爪剛體將利用 Tween.js 動畫將物件抓起,做到類似夾娃娃機的效果 程式碼 .ejs 在 ejs 處加入按鈕 <button...

鐵人賽 Modern Web DAY 23

技術 Day23-JavaScript 的 Set/Map 資料結構

前言 這篇文章要來了解 ES6 新增的兩種資料結構: Set & Map。 Set(集合) 語法 new Set([iterable]); Set 可...

鐵人賽 Modern Web DAY 19

技術 【Day19】物件Object

物件是JavaScript中很強大的功能!他可以將許多的屬性儲存在一個數據中裝到一個容器中,但有些人可能會疑惑,陣列也可以存放許多元素,跟物件又有什麼不同?陣列...

鐵人賽 Modern Web DAY 19

技術 非同步處理Promise

明天打算介紹Math.js和MathJax如何動態渲染數學方程式,其中會用到Javascript的非同步處理Promise類別,今天就在這邊介紹它。 Javas...

鐵人賽 Modern Web DAY 8

技術 Day08 資料型別 (Data Type) 與 typeof 運算子

資料型別 (Data Type) 是用來告訴電腦系統的編繹器 (compiler) 如何處理這組資料,如果不當使用資料型別,當程式執行時就會發生錯誤。 Java...

鐵人賽 Software Development DAY 7

技術 [Day 07] 如何設計爬蟲流程 - 關於轉生爬蟲後的那檔子事 |【搜尋引擎製作錄】

Github, Over Engineering 為了提供我 Data Science 需要的資料,來準備爬蟲程式吧!不想特別去寫 Python,所以就用 Ja...

鐵人賽 自我挑戰組 DAY 16

技術 [Day 16] Upload: 以假亂真的上傳

我們常常在交作業、交報告、分享檔案的時候需要上傳的步驟,那你有想過做一個好看的上傳動畫嗎?今天我們就來實作Day #15,不會實際上傳檔案的好看動畫 Uploa...

鐵人賽 自我挑戰組 DAY 16

技術 Day 16 Side Project : Theme Clock 動態時鐘(上)

今天我們要來做動態時鐘 ♪(^∇^*),搭配上背景的黑白兩色切換,因篇幅較長(ㄟ看到這就不想看了),會分成「上」、「下」兩篇來講解 功能拆解 時針每一小...

鐵人賽 Modern Web DAY 7

技術 想轉職的鯊魚從零基礎開始學習JavaScript Day-07 null、undefined及symbol

null null這型別只有一個值就是null 那null是什麼,從字面上來說null是無效的;無價值的意思 而ECMAScript是這麼解釋的 primit...

鐵人賽 Modern Web DAY 7

技術 Day 7 咩色用得好 - Array.prototype.filter

閱讀說明 整篇會分成以下幾個部分: 使用時機 語法 範例 注意事項 ECMAScript 結論 filter 這個 method 的全寫應該是 Array....

鐵人賽 Modern Web DAY 8

技術 騎士:Guard Clauses

過度使用時,邏輯的美將索然無味。 Edward John Moreton Drax Plunkett 接下來這幾天,我們將看看另一個充斥雷區的主題:控制流程...

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

技術 FOR迴圈

迴圈可以重複執行同一組程式碼,幫我們處理不斷重複的事情。迴圈會檢測條件,如果條件為 true,便會執行程式碼;接著條件繼續被檢測、程式碼繼續執行,直到條件為 f...

鐵人賽 自我挑戰組 DAY 8

技術 Day 08:臺灣郵遞區號

組件實作 : Demo 一、前言 當我們在填寫表單資料的時候,有時候會帶入一些郵遞區號的資料,這些資料要一個個去建立,可能需要花滿多時間,這時候我們就可以...

鐵人賽 Modern Web DAY 9

技術 Day 09:Form 組件實作

組件實作 : Demo 一、前言 Form 表單組件主要出現在需要取得使用者的資訊,比如商品訂單、問卷填寫、選擇操作等等各種需要使用者輸入資料的行為,都可...

鐵人賽 Modern Web DAY 7

技術 為什麼 Vue 要使用Proxy -D07

前情提要 Vue 2以DefineProperty 攔截數據達到監聽效果。(可以數據監聽的DefineProperty與Vue2-D05)Vu3 Composi...

鐵人賽 Modern Web DAY 8

技術 Day 08:RWD 響應式排版實作

組件實作 : Demo 一、前言 在行動裝置當道的時代,網頁的版面也隨著手機出現而有所改變,為了符合各種裝置較好的閱讀體驗,RWD 技術【1】也隨之誕生。...

鐵人賽 自我挑戰組 DAY 10

技術 Day10- JavaScript的陣列操作(上)

今天來講講陣列的基本操作,javascript建立陣列的方法很簡單,只要使用[]就能建立空陣列: let array = []; 這是建立陣列最快的辦法,也可...

鐵人賽 Modern Web DAY 7

技術 JS之路 Day07 - 語法糖Class(下)

前言 今天會來繼續介紹語法糖Class的語法部分,會介紹到的分別為: 「extends」、「super」 keywords static properties...

鐵人賽 Modern Web DAY 7

技術 Day07 Visual Studio Code 環境建立

之前我們都是用 Google Chrome 的開發人員工具來實作,今天我們要來看如何使用 VS Code 來建立一個網頁環境。 首先我們要知道的是,瀏覽器並不支...

鐵人賽 Modern Web DAY 22

技術 Day22-了解 Memoization 機制

前言 這篇文章會藉由範例讓你了解 Memoization,讓程式碼執行更有效率。 Memoization 是什麼? 它就只是一種觀念,並非具體的東西,這個觀念...

鐵人賽 Modern Web DAY 18

技術 【Day18】陣列中的陣列

複習一下前面陣列的內容~過去我們有提到,我們可以在陣列中放置資料類型、陣列、物件、函式……等。也有學習到陣列需顯示陣列內容時可使用for loop、forEac...

鐵人賽 Modern Web DAY 18

技術 陣列常用的方法

撰寫Javascript的程式碼時,雖然可以用for迴圈或forEach方法來處理陣列的問題;但是面對內為許多方便的陣列方法,不使用它們,心裏總是癢癢的。回顧前...

鐵人賽 Software Development DAY 7
React框架白話文運動 系列 第 7

技術 React白話文運動07-JSX

前言 嗨,我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我,進而獲得更多資訊...

鐵人賽 Modern Web DAY 7

技術 昆蟲學家:Console

人類竟與臭蟲如此相似:無堅不摧。 Robert Frost 第七天的假日,最適合談談一些輕鬆的話題:臭蟲與除蟲debug。 一些新手,甚至我老練的同事,還是...

鐵人賽 Modern Web DAY 6

技術 JS之路 Day06 - 語法糖Class(上)

前言 在介紹完prototype之後,該是來理解JavaScript的class,之前有提到說,JavaScript的繼承依靠的是Prototypal inhe...

鐵人賽 自我挑戰組 DAY 14

技術 [Day 14] User Gallery: 來曬一下你的相片集!

大家出門去玩的時候,多少會拍下一些相片,其中有些特別值得紀念的相片,這時候就可以考慮製作個自己的相片集來呈現~今天我們來實作Day #13 User Galle...