iT邦幫忙

javascript相關文章
共有 5172 則文章
鐵人賽 Modern Web DAY 14

技術 Day14 字串轉數字、數字轉字串

主動轉型 前面我們知道了 JavaScript 有個貼心又討厭的特色就是自動轉型。當然,我們也可以因為目的需要自己做轉型,這邊介紹兩種轉型的方法: 字串轉數字...

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

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

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

鐵人賽 Modern Web DAY 29

技術 Day29-寫出更好的 JavaScript 程式碼(下)

前言 此篇將繼續接續上篇,介紹一些寫 JS 的技巧。 語法部分 in operator in 運算子可以用來確認一個物件是否有某個屬性。 const pers...

鐵人賽 Modern Web DAY 27

技術 Trick 26: 狼性的路徑搜尋-貪婪演算法

昨天介紹了一個絕對最佳路徑搜尋法,《戴克斯特拉演算法》,但缺點是效率低,不適合在繁忙的遊戲程式裏運作。於是我們今天要把昨天的演算法稍稍地改一點,變成超高效率的貪...

鐵人賽 Modern Web DAY 14

技術 [Day13] web component 的未來技術

小弟我查的資料不多,對於未來web component可能會出現的新技術只有查到Declarative Shadow DOM。 SSR使用web compone...

鐵人賽 Modern Web DAY 13

技術 Day 13 咩色用得好 - Array.prototype.reduce (新手摧毀者)

Abstract 我是阿傑,曾經聽雪瑞學姐說過 reduce() 好好用、整理 API 好棒棒,我當下心想這麼好用的東西要是不會用可是要吃大虧了呢 (大媽心態?...

鐵人賽 自我挑戰組 DAY 14

技術 Day 14:JS ES6 學習筆記

組件實作 : Demo 一、前言 關於 JavaScript 的故事其實是這樣的:「JavaScript 誕生於 1995 年的景網通訊(Netscape...

鐵人賽 Modern Web DAY 13

技術 JS之路 Day13 - Event Loop (事件循環)

前言 昨天提到了JavaScript可以利用「並行的方式」去做到非同步這件事情,而關於這到底是怎麼辦到的,就是今天的主題,然後今天主要的內容都是以這個影片為基礎...

鐵人賽 Modern Web DAY 13

技術 想轉職的鯊魚從零基礎開始學習JavaScript Day-13 The String Type字串(一)

前言 前面有說過字串的基本樣式是什麼,這邊來更進一步去理解字串是什麼。 字串-顧名思義即是文字的集合體字串的編碼方式跟一般編碼方式是有些出入,只要被列為是字串裡...

鐵人賽 Modern Web DAY 13

技術 真的好想離開 Vue 3 新手村 - Day 13: v-on 語法、修飾符與找不到的 console.log

前言 今天這篇會先介紹 v-on 的語法和修飾符,熟悉的人可以考慮跳過這個部份。 再來會提到自己在學習 v-on 時的疑惑: 「為什麼不能在 inline ha...

鐵人賽 Modern Web DAY 14

技術 成見:Export Default

我們不是有意為之,就是按照出廠設置。 Kristin Armstrong 今天我們就來淺看export尤其是export default。或許你已經注意到,...

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

技術 THIS I

每個執行環境都有屬於自己的this關鍵字(自然產生) this與函式如何宣告沒有關聯性,僅與呼叫方法有關 嚴格模式下,簡易呼叫會有很大的改變 影響函式 t...

鐵人賽 Modern Web DAY 13

技術 JS的物件導向與Object-D13

物件導向與JS的物件 物件導向、物件導向,常常聽到卻一知半解,鐵人後面也會探討一下物件導向的設計模式,藉這個機會把一知半解的JS物件搞個清楚! 下面是跟著MDN...

鐵人賽 Modern Web DAY 14

技術 Day 14:Typing Effect 組件實作

組件實作:Demo 一、前言 Typing Effect 是一種好用的文字效果,看似簡單的語法下,其實藏著一些不太好理解的概念,例如 CSS 的 Anim...

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

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

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

鐵人賽 Modern Web DAY 24

技術 【Day24】DOM取值方法

上一篇大致說明了DOM的節點關係,而本篇補充一些DOM常見的API: textContent innerHTML setAttribute querySele...

鐵人賽 Modern Web DAY 26

技術 Trick 25: 路徑搜尋的鼻祖-戴克斯特拉

一講到遊戲中的路徑搜尋,通常 A* 這個字眼馬上就會浮起來,因為A*演算法就是目前開發遊戲最熱門的路徑搜尋方式。不過同學們先別鼓噪,我們一步一步來,先從路徑搜尋...

鐵人賽 Modern Web DAY 28

技術 Day28-寫出更好的 JavaScript 程式碼(上)

前言 終於到了第 28 天的鐵人賽,Day28, 29 我將會分享一些寫 JS 的一些技巧,讓我們寫出的 JS 程式碼品質更好。 不過在開始介紹之前也先分享一篇...

鐵人賽 Modern Web DAY 24

技術 貝茲曲線

學習設計的人在使用Adobe Illustrator這類向量繪圖軟體的時候,都會使用一種鋼筆工具。這個工具會產生控制桿,設計人員可以利用這個控制桿來擬合已有的圖...

鐵人賽 自我挑戰組 DAY 16

技術 Day16- JS的Map物件

今天來講一下JS的另外一個物件-Map。有趣的是,我在研究完Map後才發現,他可用的功能跟昨天提到的Set幾乎一模一樣,不過為了主題性還是一樣把它分兩篇,不過這...

鐵人賽 Modern Web DAY 13

技術 Day13 布林、undefined、null

布林(Boolean) 什麼是布林值(Boolean) 布林值是電腦科學裡辨別 true 或 false 的資料型別,以發明布林代數的數學家喬治.布爾來命名。數...

鐵人賽 自我挑戰組 DAY 21

技術 Day 21 Side Project : Password Generator 密碼生成器(下)

接續Day 20,繼續來講解沒完成的JS部分 專案回顧 畫面和功能拆解 畫面中的密碼生成器裡內有標題 > 結果顯示欄 +複製按鈕 > 需求設定...

鐵人賽 自我挑戰組 DAY 12
Bug仔的筆記本 系列 第 12

技術 為什麼圖片上傳後,檔案會變大?

為什麼圖片上傳後,檔案會變大? 這是要補昨天的坑,也是我最近在解的 Bug 。 原本的 Bug 內容是"伺服器容量爆滿,上傳的圖片都超過10MB的限制...

鐵人賽 Modern Web DAY 13

技術 [Day12] web component 的歷史-那些己經廢除或不穩定的部分

今天在找資料的時候才知道,原來還有::part()和::theme()可以用在shadow DOM的CSS設定,但今天來不及修改上一篇文章了,明天才有時間修改。...

鐵人賽 Modern Web DAY 12

技術 JS之路 Day12 - Asynchronous Programming (非同步程式設計)

前言 Asynchronous的中文翻譯是非同步、異步,Synchronous的中文翻譯是同步,以下都會直接用同步、非同步來介紹。 非同步程式設計是JavaSc...

鐵人賽 Modern Web DAY 12

技術 Day 12 咩色用得好 - Array.prototype.pop

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

鐵人賽 Modern Web DAY 23

技術 【Day23】懂得DOM就能控制網頁

上一篇的介紹了解到JavaScipt是如何透過BOM及DOM來控制瀏覽器行為及網頁的內容,當新開的一網頁時,瀏覽器會去分析HTML的檔案並解析成DOM,而DOM...

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

技術 閉包 Closure

即使函式已經執行結束,其內部的變數卻並未跟著消除,還能繼續被呼叫;這種能將外層變數「包」在內層暫存、使用的方式,就是所謂的「閉包」。 執行環境 執行環境(Exe...

鐵人賽 自我挑戰組 DAY 13

技術 Day 13:Vim 學習筆記

一、前言 其實,我也不知道自己怎麼會想加入這個主題,只是有點想要學習 Vim 的基本操作,順便紀錄一下學過的操作方法,現階段我也沒有想要背任何的指令或是快捷鍵...

鐵人賽 Modern Web DAY 13

技術 Day 13:Tab 組件實作

組件實作 : Demo 一、前言 Tab 組件是一種高互動性的組件,構造是由一個 Menu 選單和一個訊息框組合而成,當選單項目被選中時,會切換到對應的訊...