iT邦幫忙

javascript相關文章
共有 5179 則文章
鐵人賽 Modern Web DAY 3

技術 「全端挑戰」了解Scss與React Component與首頁概念圖與UI實作

鐵人賽 Day3 自己做一個價值幾十萬的動態網站 第三課:了解Scss與React Component與首頁概念圖與UI實作 part1 Css與Scss差在哪...

鐵人賽 自我挑戰組 DAY 12

技術 Day 12 Side Project : Dad Jokes 爸爸的冷笑話

今天要來做的賽project叫「爸爸的冷笑話」,需要對API有基本的認識,因為這篇要串接外部API來取得冷笑話集,並使用postman來進行測試,若要下載po...

鐵人賽 Modern Web

技術 Trick 30: 平台遊戲的十二項跳躍準則

其實加上第一天的Trick 0,小哈在昨天鐵人賽的文章就已經累積滿三十篇,不過因為系列標題寫著《30個遊戲程設的錦囊妙計》,如果不寫到Trick 30,好像對不...

鐵人賽 Modern Web DAY 17
【每天5分鐘】學前端 系列 第 17

技術 Day17【每天5分鐘】學前端 | JavaScript 比較運算子

在介紹 比較運算子 之前,會先補充說明 變量/變數 ,以及如何 定義 。 變量 / 變數 (variable) 之前認識了字串、數字,今天要來介紹可以存放它們的...

鐵人賽 Modern Web DAY 3

技術 Day03 使用開發人員工具寫 JavaScript & 變數簡介

開發人員工具 在正式進入用 VS CODE 寫程式之前,我們可以先學習用一個工具來寫 JavaScript,它也是很好的除錯(debug)工具,就是 Googl...

鐵人賽 Modern Web DAY 16
【每天5分鐘】學前端 系列 第 16

技術 Day16【每天5分鐘】學前端 | JavaScript 布林值 boolean + 邏輯運算子

布林值 Boolean 不用引號包起來, 直接寫 即可 布林值只有兩個:true 、false 邏輯運算子 以下引用自 MDN 邏輯運算子 通常被用於 布林...

鐵人賽 Modern Web DAY 4

技術 摯友:Array(2/2)

每個複雜的問題,都有個簡單的解法。這句話簡直錯得離譜。 Umberto Eco 此文討論Array為主,但可能會牽扯些許Object。 今天老闆不在,就來聊...

鐵人賽 Modern Web DAY 3

技術 摯友:Array(1/2)

唯有全然的了解,才有資格說愛或恨。 Leonardo da Vinci 此文討論Array為主,但可能會牽扯些許Object。 如果你跟JS打交道一段時間,...

鐵人賽 Modern Web DAY 30

技術 Trick 29: 電競天梯的積分怎麼算才不會糊掉

同學們是否玩過有天梯排名的電競遊戲?有這種賽制的對戰遊戲中,來自四面八方的玩家都可以隨意找對手玩個兩場,並在賽後增減天梯積分,積分越高,越能受到來自其他玩家們景...

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

技術 React白話文運動02-ES6(一)

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

鐵人賽 Modern Web DAY 13

技術 【Day13】範圍scope

在介紹變數時有提到函式內作用、區域內作用,也就是本篇文會介紹的內容: 區域變數、全域變數介紹、差別 範例 範圍 JavaScript中變數作用的範圍分為區...

技術 2022 鐵人賽|Day3 【Javascript】var, let, const

附上為何鐵人賽文章會出現在這裡的說明:2022 鐵人賽|Day1 報名失敗,還是要開賽吧! 背景脈絡 學習 JavaScript 必定要認識 var, let,...

鐵人賽 自我挑戰組 DAY 5

技術 Day5- JavaScript的運算子

JavaScript的運算子除了基本其他常見的算術運算子、邏輯運算子以外,還有其他特殊的運算子,今天就來了解一下這些運算子的特性跟功能。 運算子 運算子顧名思義...

技術 2022 鐵人賽|Day2 【JavaScript】取整數

附上為何鐵人賽文章會出現在這裡的說明:2022 鐵人賽|Day1 報名失敗,還是要開賽吧! 背景脈絡 在自我介紹時有提到,目前筆者正透過兩種管道在學習前端語言,...

鐵人賽 Modern Web DAY 2

技術 解構賦值Destructuring assignment—為什麼需要和用途

什麼是解構賦值?根據MDN-Destructuring assignment的說法,他是一種把陣列或物件解開擷取成為獨立的變數。 這篇文章將會提到以下幾點 為...

鐵人賽 Modern Web DAY 13

技術 尤拉線證明範例完成

經過前面這麼多天的努力,今天我們終於要完成尤拉線證明的教學網頁範例。 安裝投影片內容 我們將證明過程分成四頁詳細寫下,並且將每頁的內容安裝至昨天完成的投影片範例...

鐵人賽 自我挑戰組 DAY 3

技術 Day 03:提高 2 倍工作效率的方法

一、 前言 有時候覺得自己明明很努力做事,可是總是覺得好像事情一直都無法在規劃的時間內完成。發現自己在訂定目標時,除了會加入一堆多餘的步驟,以及使用了錯誤的方...

鐵人賽 Modern Web DAY 3

技術 Day 03:Navbar 組件實作

組件實作 : Demo 一、前言 Navbar 導覽列是每個網站幾乎都會有的組件之一,就是網頁最上面的那一條橫幅,Navbar 的實作上,我們專注在兩個重...

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

技術 物件導向

物件結構 可參考 GO 物件與純值 Js只有兩種型別陣列&函式都是物件型別(函式是物件型別下的一個小型別function) 純值 純值無法新增屬性...

鐵人賽 Modern Web DAY 2

技術 Day02 JavaScript 是什麼?

JavaScript 是一種腳本語言,也能稱它為程式語言(programming language)。我們可以藉由它來操控網頁中的元素,動態地增加或減少內容、做...

鐵人賽 Modern Web DAY 2

技術 Day 2 咩色用得好 - 關於 Array method,你可以再知道多一些些

Prelude 我是阿傑,前一篇講到 Array method 其實藏了不少 JavaScript 的知識點跟特性,雖然不清楚這些也不大影響使用 Array m...

鐵人賽 Modern Web DAY 2

技術 「全端挑戰」架設環境、了解npm指令、React與React Dom與創建第一個ReactApp

鐵人賽 Day2 自己做一個價值幾十萬的動態網站 第二課:架設環境、了解npm指令與創建第一個ReactApp 自己做一個價值幾十萬的動態網站,開始實作前的準備...

鐵人賽 Modern Web DAY 29

技術 Trick 28: 漩渦式地圖搜索演算法

遊戲中把敵人打到戰鬥不能後,敵人不是會噴血、噴錢、噴道具嗎?那同學們知道這些噴出來的東西,在程式中是怎麼選擇降落的位置嗎?該不會以為是亂數隨便選一選的吧!其實小...

鐵人賽 Modern Web DAY 2

技術 JS之路 Day02 - Prototype (原型)

前言 我相信每個語法的發明都有它意義存在,以我看來Prototype的存在,是為了要讓JavaScript 也能實現物件導向,準確點來說,可以用來做到物件的繼承...

鐵人賽 Modern Web DAY 2

技術 想轉職的鯊魚從零基礎開始學習JavaScript Day-02 JavaScript初步簡介

前言 前方的知識宛如一片大海,我卻在岸邊裹足不前,不知如何開始,亦不知從何開始。 是的,或許各位有著跟我一樣的經歷,不知道該怎麼面對一個完全陌生的新領域, 這時...

鐵人賽 Modern Web DAY 28

技術 Trick 27: 承先啟後的路徑搜尋-A*演算法

前兩天分別介紹了兩種路徑搜尋演算法,《戴克斯特拉》與《貪婪演算法》。他們尋路的過程大同小異,但演算的結果卻大相徑庭。 復習 這兩種演算法都會將觸及的所有格子,分...

鐵人賽 自我挑戰組 DAY 11

技術 Day 11 Side Project : Event KeyCodes 鍵盤輸入代碼

今天要做的是鍵盤代碼轉換器,隨著鍵盤的輸入值不一樣,會動態顯示它的code、key、keyCode這些資訊,相信大家可能在學javaScript的過程中也會用過...

鐵人賽 Modern Web DAY 17

技術 Day17-JavaScript Promise 系列-認識 Promise

前言 首先,在 Day4 的時候有提到 JS 是單執行緒的,也就是在 JS 引擎中,編譯並執行 JS 在同時間內只能執行一件任務。 為什麼要設計成單執行緒?這有...

鐵人賽 Modern Web DAY 27

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

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

鐵人賽 Modern Web DAY 3

技術 Day 03 狗與熱狗必有用 (Javascript 簡介)

從上一篇可以了解到這個 Side project 的目的以及本次鐵人賽的目標,老實說 Javascript 並不是最適合實現這些功能的語言,但是因為本人的技能點...