iT邦幫忙

javascript相關文章
共有 1374 則文章

技術 JavaScript 基礎知識-querySelector

第一篇文章有提到可以用 document.getElementById() 的方式選取 id 元素渲染到網頁,但如果今天我想選取的不只是 id 元素,還有 cl...

技術 JavaScript 基礎知識-for 迴圈搭配 break 的運用

當我們在執行 for 迴圈時,如果我們是希望滿足條件後就跳脫迴圈而不要讓迴圈跑完時,這時候就可以搭配 break 來作運用 建立一個陣列資料如下: var fa...

技術 JavaScript 基礎知識-for 迴圈加總

照著前面建立的小鎮和房子的假設走,下面是前篇創建的陣列: var area=[ { house: 'Jerry', ro...

技術 JavaScript 基礎知識-for 迴圈搭配 if 判斷式

for 迴圈的應用,除了撈取相同性質的資料外,我們也可以在執行的時候搭配判斷式,來過濾出來我們想要取得的資料,以下就開始來寫個範例: 我們先來假設,有一個小鎮上...

技術 JavaScript 基礎知識-for 迴圈

在撈取資料的時候,可能會遇到我們需要一直撈取同樣性質的資料,這時候 for 迴圈就是使用的時機了 舉個例子,前面有說到陣列內可以放多個物件,來寫點東西吧 var...

技術 JavaScript 基礎知識-switch & if else 的判別差異

switch 跟 if else 的使用上,常常會有一個迷思在,以下就來舉個例子: var n = '5'; switch(n){ case 5:...

技術 JavaScript 基礎知識-switch 判斷式

在 JavaScript 內的第二種判斷式是 switch,它跟 else if 有異曲同工之妙,以下就來介紹吧! switch 架構如下: switch(代入...

技術 JavaScript 基礎知識-else if

if 判斷式,不僅只能做一個判斷,我們還可以再利用 else if 來增加更多的判斷式 大致上程式碼架構如下: if(判斷式){ 要執行的程式碼 }el...

技術 JavaScript 基礎知識-if else 判斷

前面講到比較運算子還有邏輯運算子,並非只是要單純的要回傳 true 或 false 而是要搭配 if 判斷,來做程式上面的判斷, if else 判斷內有判斷式...

技術 白鷺引擎Egret Engine-實現多場景(場景串聯篇)

繼上一篇 白鷺引擎Egret Engine-實現多場景(EUI布局篇) 這篇開始會講解怎麼串聯多場景 如果資訊有誤或是有更好的資訊 非常非常歡迎各位指點與交...

技術 白鷺引擎Egret Engine-實現多場景(EUI布局篇)

繼上一篇 白鷺引擎Egret Engine-實現多場景(重構篇) 這篇開始會講解如何使用EUI元件做場景的布局 如果資訊有誤或是有更好的資訊 非常非常歡迎各...

技術 白鷺引擎Egret Engine-實現多場景(重構篇)

繼上一篇 白鷺引擎Egret Engine-如何創建場景 這篇開始會進入多場景的教程 首先會從重構開始 因為也是一邊接觸一邊把碰到的東西分享上來 如果資訊有...

技術 JavaScript 基礎知識-邏輯運算子 &&,||

前面的比較運算子是用來做值的比較,接下來介紹的邏輯運算子,是用來做邏輯上面的判斷 &&(and),||(or) 生活上也會有類似的邏輯判斷,例如...

技術 白鷺引擎Egret Engine-如何創建場景

繼上一篇 白鷺引擎Egret Engine-專案裡包了什麼 這篇來解析如何創建場景 因為也是一邊接觸一邊把碰到的東西分享上來 如果資訊有誤或是有更好的資訊...

技術 白鷺引擎Egret Engine-專案裡包了什麼

繼上一篇 無痛起手白鷺引擎Egret Engine 這篇來介紹創建後專案的架構 因為也是一邊接觸一邊把碰到的東西分享上來 如果資訊有誤或是有更好的資訊 非常...

技術 無痛起手白鷺引擎Egret Engine

近期開始接觸了一套框架 - 白鷺引擎 簡單說明就是一個什麼都能做的遊戲前端框架 你想要的沒意外的話它都能實作 缺點 網路資源跟官方文檔很兩光 網路上挖得到的資料...

技術 JavaScript 基礎知識-比較運算子 >,<,>=,<=

比較運算子 part2 今天如果我們要比較兩個值的時候,除了用==(等於),!==(不等於),還有>(大於),<(小於),>=(大於等於),...

技術 JavaScript 基礎知識-比較運算子 == , !==

在生活中我們常常都需要做判斷,例如肚子飢餓的程度,假設滿分是10分,若飢餓的程度大約7分,可能只想吃個小東西,若飢餓的程度為5分以下,可能就要吃個便當之類的,大...

徵才 [誠徵] 網頁前端合作伙伴

誠徵網頁前端合作伙伴, 希望能夠長期合作者為佳, 至少網頁做一年以上吧, 最好是常在切版, 能夠做動畫之類的更好, 然後可以介接API, 希望是能夠前後端分離的...

技術 JavaScript 基礎知識-物件+陣列的組合

若同時需要很多個物件,不妨參考一下前面說到陣列適合儲存多個資料,儲存物件也不例外,我們可以在陣列內儲存多個物件,如下: var farms = [ {...

技術 JavaScript 基礎知識-物件搭配 function

前面講到了物件的屬性讀取,那如果物件的某個屬性並非值而是一個函式呢? 這也是可行的,我們並非要賦予屬性一個值,也可以給予一個函式用來計算 假設 Jerry 的農...

技術 JavaScript 基礎知識-物件屬性的讀取

前面介紹到了物件的基本概念,以及基本語法,這篇介紹物件的屬性 舉房子的例子,房子內2間房間,有小明和小華: var house = { room: 2,...

技術 JavaScript 基礎知識-物件

物件也是 JavaScript 內的資料型態之一,而會有物件是因為,我們需要儲存更多的資料 前面講到陣列也用於儲存更多的資料,但不同於陣列的地方,是物件儲存的值...

技術 JavaScript 基礎知識-字串 split 方法

大家都知道字串是 JavaScript 的一種型別,有時候在處理資料上不免要把字串拆開 此時 split 就是一個好方法: var weather = '今天天...

技術 JavaScript 基礎知識-陣列 push & splice 方法

前一篇講到了陣列,這篇介紹陣列常用的兩個方法,分別為新增和刪除陣列內的值。 var candy = [8,5,10]; 前面有講到讀取陣列某個值:陣列名稱[索...

技術 JavaScript 基礎知識-陣列

陣列,也是 JavaScript 裡面的一種資料型別,用於儲存多筆資料。 假設今天湯姆的糖果有5顆,傑瑞的糖果有8顆,瑪莉的糖果有10顆,我們要依序針對他們去宣...

技術 JavaScript 基礎知識-function 搭配 return 用法

前面有講到 function 是把重複使用到的程式碼給獨立出來,當我們要使用時呼叫即可。 前面範例大多運用在計算居多,但要如何去回傳最終的計算結果呢? 假設我們...

技術 JavaScript 基礎知識-全域變數和區域變數

前面有介紹到變數的部分,細分的話,主要有分全域變數和區域變數,以下來舉例說明: function count(Num){ var total = Num...

技術 JavaScript 基礎知識-function & 變數的先後順序

這次來探討順序的先後問題,比較 function 跟變數,有何差異性 假設以下情況: console.log(a); var a; console.log...

技術 JavaScript 基礎知識-function(2)

接著我們來說說代入參數的函式,前面大家都知道 function 的起手式,函式命名之後要先用小括弧,而這個小括弧裡面放著的就是參數。 下面舉個情境例子: 當我們...