iT邦幫忙

菜鳥前端相關文章
共有 77 則文章

技術 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 的起手式,函式命名之後要先用小括弧,而這個小括弧裡面放著的就是參數。 下面舉個情境例子: 當我們...

達標好文 技術 JavaScript 基礎知識-function(1)

function 亦即函式,是 JavaScript 內很常用到的一個計算的方式。 接下來我們來探討為什麼需要函式: 先來模擬一個情境,當我們每次進去便利商店採...

技術 JavaScript 基礎知識-變數(2)

前一篇文講到了變數的命名以及四種資料型別:數字,字串,布林,undefinded 這篇介紹,常見的輸出方法以及變數上的算數應用 常見的輸出方法,有彈跳視窗的輸出...

技術 JavaScript 基礎知識-變數(1)

當我們要命名一個變數時,起手式為: var 變數名字 = 內容; var 為關鍵字 變數的命名上,避免採用特殊符號、指定字(例如:function,this)或...

技術 JavaScript 基礎知識-選取ID與textContent

前言 基於對 JavaScript 基礎知識不足,希望藉由像鐵人賽這樣每天一篇文的方式,寫技術文章讓自己能更進步。 在 JavaScript 裡,當想要選取一個...

鐵人賽 Modern Web DAY 2
菜鳥前端奮鬥史(欸? 系列 第 2

技術 Day02 「抖出菜蟲?」── 菜鳥的前端奇幻之旅

「為什麼踏進前端?」 說起來不是多了不起的原因。 其實只是覺得「哇靠能自己架一個網站的人感覺超屌欸」,然後覺得自己也想成為那樣的人 (欸好像有點正向? 當初大學...

鐵人賽 Modern Web DAY 1
菜鳥前端奮鬥史(欸? 系列 第 1

技術 Day01 「媽,我報名鐵人賽了」── 菜鳥為什麼想分享

各位看官大家好,台嘎後,歡迎來到菜鳥的日記分享 (欸? 我是曾經想天真快樂的當個網頁切版師(喔呵呵只要跟愉快的 HTML、CSS、jQuery 打交道?) 現在...