iT邦幫忙

javascript相關文章
共有 5672 則文章

技術 Javascript 進階 3-8 Truthy 與 Falsy

if (truthy) { `console.log('執行程式');` } else { console.log('執行else'); }...

技術 Javascript 進階 3-7 寬鬆相等、嚴格相等以及隱含轉型

嚴格相等 嚴格相等就是指使用三個 = 的運算子,也就是 === 以及 !== 來進行比對,在這兩個運算子左右兩邊的運算元,必須是同類型、又同值的狀況下才會回傳...

技術 Javascript 進階 3-6 優先性及相依性

今天要講的是 優先性 及 相依性 優先性 首先所謂 優先性 ,就是只說我們運算子在運行的時候,會先進行哪種運算。而圖片上面提到的 優先性較高的運算子會成為優先...

技術 Javascript 進階 3-5 運算子

運算子算是一個簡單的函式,他可以透過簡單的單詞或是符號,來對連接在前、後的值進行處理運算後,回傳一個值。 以這個範例為說明,中間的等於就是 運算子,把右邊的...

技術 Javascript 進階 3-4 原始型別及物件型別

Javascript 有哪些型別 var a, b, c, d; a = 1; a = '文字'; b = true; c = {}; d = null; co...

技術 Javascript 進階 3-3 動態型別

Javascript 是動態型別的語言 必須在執行階段才會賦予確立型別 以下面的例子說明 var name = '小明' // 創造階...

技術 Javascript 進階 3-2 ASI 自動插入分號

本篇介紹的ASI的作用機制 ASI會自動在js的最後一段補上分號; 但這樣的機制有時候也並非是好事。 function callName () { r...

技術 Javascript 進階 3-1 陳述式與表達式

今天要介紹的是 陳述式與表達式 兩者最大的不同就是在於 陳述式 並不會 回傳一個結果,而是執行特定的程式碼,例如使用 if/else、switch、try/c...

技術 【Javascript筆記】物件-型態轉換

有些話先說一說: Javascript偏向弱型別的語言,不需要像Java那樣先指定變數的型態! /* Java */ String x = "10&q...

技術 JavaScript 的 if 條件

運算子 要來正式介紹 if 條件式之前,必須要先來介紹運算子,因為 if 條件式內的條件會由運算子來進行比較與運算。 比較運算子 == 與 != 僅單純比...

鐵人賽 Modern Web

技術 「小孩才做選擇,我全都要。」章節總整理 & 一些 Side Project 範例。

學習完 Vue 之後,想要透過單元測試守護你的專案,但又不知道從何起手?別擔心,快來訂閱作者最新系列文 《小白也能輕鬆瞭解的 Vue3 單元測試!》讓你的 V...

技術 JavaScript 的陣列 (Array) 與物件 (Object)

之前曾經介紹過宣告變數,開頭用 var 後接數字 (Number) 或是字串 (String),而今天我們要介紹另一種變數型態,就是陣列 (Array) 與物...

達標好文 技術 17道 JS 面試題目的解析

前言 本篇文章的題目都來自於以下網站:https://www.toptal.com/javascript/interview-questions這幾天我看了網站...

技術 JavaScript 的 function 功能 (函式介紹)

★首先這篇文章適合以下背景的人閱讀 熟悉 HTML、CSS 正要開始一腳踏進 JavaScript 的初學者 號稱全世界最懶的一群人(軟體工程師),能坐就...

技術 一次了解 JS 中的 Event loop、Call Stack 與 Task Queue

這次要了解的是運行 JS 中常見的三個名詞。 先講講呼叫堆疊 Call stack 是什麼? 在了解這三個東西之前,我們要先知道 JavaScript 是單執行...

技術 初探前端三劍客之一 - JavaScript 大神(變數、console.log() 與 textContent)

★首先這篇文章適合以下背景的人閱讀: 熟悉 HTML、CSS 正要開始一腳踏進 JavaScript 的初學者 今天我們要開始進入 JavaScript...

技術 使用原生 Javascript 寫 tab 切換效果

思考流程 資料 (model) > 事件 (event) > 介面 (View) demo 網址 使用之前該理解的 Jacascript for(迴...

技術 D3.js - 地圖繪製

D3 除了繪製圖表外還可以拿來繪製地圖,而這篇的目標是繪製一個世界地圖,那就開始吧! 地圖格式 繪製地圖前我們要先了解一下會使用到的資料格式,比較常看見的會有...

鐵人賽 Modern Web

技術 [Vue.js][日記]親愛的,我讓Mobile Web變成了PWA

超緊繃!30天Vue.js學習日記 親愛的,我讓Mobile Web變成了PWA 大家好,我是IAN。 接續著昨天的主題製作簡易的天氣預報頁面,過於無聊的我今天...

鐵人賽 Modern Web

技術 [Vue.js][日記]無聊加個菜

超緊繃!30天Vue.js學習日記 無聊加個菜大家好!我是Ian,這幾天真的過的非常愜意阿...終於有時間來看看其他大神們的文章了,其中有看到pj大的從 Hoo...

鐵人賽 Modern Web

技術 Day 50. 通用武裝・非同步函式X非同步程序的同步化-TypeScript Generics with Asynchronous Programming III. Async Functions

閱讀本篇文章前,仔細想想看 Generators 使用上有哪些特點? 積極求值(Eager Evaluation)與惰性求值(Lazy Evaluatio...

技術 # 非常彈性好用的陣列 Array 方法 map()

Day 32 如果日行一善可以持續,那鐵人應該也可以。 上一篇我們講解了陣列方法的 forEach(),知道它可以做迭代這件事,但在 ECMAScript...

技術 Day. 33 - 後記

上一次參加鐵人賽已經是兩年前,這幾年雖然一直都有在找適合的題目。不過都在開賽前認為內容不夠寫完三十天就一直沒有繼續挑戰。不過這次剛好遇到很難得的遊戲專案開源,而...

技術 D3.js - 圖表繪製

上一篇介紹了 D3.js 的基礎,這篇會邊繪製圖表邊介紹繪製的方法,我們會使用到 SVG,還不熟悉 SVG 也可以參考下面的文章哦SVG - 基礎圖形與樣式SV...

技術 JS 迴圈升級的陣列 Array 方法 forEach()

Day 31 別一張張的發傳單,宣傳什麼折扣吧!NewsLetters 鍵按寄出一次搞定,像迭代一樣。 前幾篇我們聊到了 ECMAScript 5 的陣列方...

技術 Day. 32 - 實作練習 - 登入遊戲

到目前為止我們已經將遊戲的狀態保存機制處理完畢,接下來只要調整客戶端支援前幾天實作新版本伺服器就能夠透過玩家的暱稱登入遊戲,並且取回上一次進入的狀態。 登入機制...

鐵人賽 Modern Web

技術 Day 49. 通用武裝・非同步迭代 X 無窮地惰性求值 - TypeScript Generics with Asynchronous Programming II. ES6 Generators

閱讀本篇文章前,仔細想想看 同步與非同步程序的差異性在哪?你能夠列舉哪些是 JS 裡有非同步的機制的東西嗎? 為何我們需要非同步的程序?同步執行不是很直觀...

JavaScript 新手筆記 系列 第 31

技術 JavaScript 新手筆記 - 系列目錄

前言 將這 30 天的資料做成目錄,並簡單說明內容,方便查找 目錄 Day01 - 說明 前言 JS 簡介 Day02 - 工具 操作工具介紹:...

技術 新手學前端-JavaScript:資訊如何帶進去的語法

Html語法: < p >這一顆紅豆餅是< em id="price">< /em >元 < /...

鐵人賽 Modern Web DAY 30

技術 Day 30:寫在最後

終於來到了這系列三十天的最後一篇文章,如果有在跟的讀者可能也會發現這一路上跌跌撞撞的,因為在沒有囤積任何文章與素材的情況下,每一篇的文章都是當天才扎扎實實的從零...