iT邦幫忙

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

技術 【Day14】陣列array

在之前的文章中我們處理的數據、字串都是單一的,若需要一組數據時就可使用陣列將資料儲存在一變量中。 本篇會介紹: 陣列array 創建、使用陣列 如何訪問陣列...

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

技術 物件

Js除了原生型別 number、string、boolean、null、undefined 之外,幾乎都是物件,物件具有屬性 (properties) 與方法...

鐵人賽 Modern Web DAY 3

技術 分手JS-Class基本應用好棒棒-D03

類別 Class 在去年的鐵人賽中,我利用類別Class做了一個都市女生存記的遊戲。第一次自己生類別,覺得這樣的工廠模式真的很方便。過了一年,再來深入了解一下類...

鐵人賽 自我挑戰組 DAY 4

技術 Day 04:論如何學習

一、前言 你是不是曾經有過一種經驗,就是當你努力的讀書,努力的學習,網路上查了一堆資料,也寫了一堆筆記,記在腦袋裡面的東西過了幾天之後就全部遺忘,彷彿不存在過...

鐵人賽 Modern Web DAY 4

技術 Day 04:多媒體資源匯入

一、前言 在製作網頁時,我們會需要一些文字或是圖片來裝飾我們的頁面,這些資料可能來自設計師或是後端工程師。但是我們在前端製作頁面時,沒有這些文字與圖片資源時該...

鐵人賽 Modern Web DAY 5

技術 [擊敗前端面試大作戰] Closure 閉包

今天是 JS 系列的的第二篇文章,今天要來討論一個讓人又愛又恨的 JS 特性---閉包 closure!   什麼是閉包? 回答:閉包 指的是一個 funct...

鐵人賽 Modern Web DAY 3

技術 JS之路 Day03 - Prototype Chain(原型鏈)

昨天Prototype世界的例子中,小白這種打電話讓別人再去打電話找的方式,其實就是一種Prototype Chain的概念。 畫一張示意圖會比較清楚一些,用一...

鐵人賽 Modern Web DAY 3

技術 Day 3 咩色用得好 - ECMAScript 該從哪邊下手啊?

Prelude 我是阿傑,上篇講聊了一些關於 JavaScript 的知識點,但如果想要知道 Array method 較抽象化的邏輯就必須看 ECMAScri...

鐵人賽 Modern Web DAY 18

技術 Day18-JavaScript Promise 系列-Promise 的幾個靜態方法介紹

前言 這篇將繼續介紹 Promise,內容包括 Promise 的幾個靜態方法的用法介紹,以及 Promise.all() & Promise.race...

鐵人賽 Modern Web DAY 14

技術 不想努力了,請學Swiper.js

「阿姨,我不想努力了!」,不想努力了,不用找阿姨, 請學swiper.js。如果你跳過了第十三天「旋轉吧!木馬」,可能你有預知未來的能力。可能是職業病的關係,就...

鐵人賽 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)。我們可以藉由它來操控網頁中的元素,動態地增加或減少內容、做...