iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 開發技術 DAY 14
JavaScript學習路 系列 第 14

技術 JavaScript學習路-(14)DOM

DOM = Document Object Model,是 html 的節點樹。 利用 DOM ,JavaScript 可以修改、刪除 html 裡面的內容、c...

鐵人賽 開發技術 DAY 7

技術 MIS2000Lab.的「HTML5 認證考試,從零開始」#7-- JavaScript入門 (I)

=============================================== 本系列文章已經集結出書 HTML5、CSS、JavaScript...

鐵人賽 開發技術 DAY 13
JavaScript學習路 系列 第 13

技術 JavaScript學習路-(13)Math

昨天的猜數字遊戲範例裡,我所設定的三個數值都是固定的,這樣玩過一次的人應該就不會想玩了xD 所以今天繼續來學習數學物件,以及取得亂數的方法。 數學是一個物件,而...

鐵人賽 開發技術 DAY 12
JavaScript學習路 系列 第 12

技術 JavaScript學習路-(12)猜數字遊戲

有鑒於一直寫理論方面的學習方式好像效果不太好 (前面寫錯的部分搞不好被各位 IT 大大在內心鞭之數十驅之別院了囧rz), 因此邊做邊學,日後文章可能練習與理論穿...

鐵人賽 開發技術 DAY 11
JavaScript學習路 系列 第 11

技術 JavaScript學習路-(11)Function-3

前兩篇一直有提到的函式呼叫方式: function identifier (Arguments) { statements... return theValu...

鐵人賽 開發技術 DAY 2
Node.js 學習筆記 系列 第 2

技術 Node.js學習筆記一:Node.js的Hello World

今天來看看Node.js風格的Hello World,以下是我的學習重點 事件驅動與**非同步(Asynchronous)**是Node.js的兩大核心特...

鐵人賽 開發技術 DAY 10
JavaScript學習路 系列 第 10

技術 JavaScript學習路-(10)Function-2

function 除了上一篇提到的函數宣告式寫法 function identifier (Arguments) { statements... return...

鐵人賽 開發技術 DAY 9
JavaScript學習路 系列 第 9

技術 JavaScript學習路-(09)Function-1

函式 (function) 是一段執行復合敘述的程式碼,運作的方式就像是人接收到指令, 在腦中分析統整後做出待辦清單,將事情一一完成。 function 的式子...

鐵人賽 開發技術 DAY 8
JavaScript學習路 系列 第 8

技術 JavaScript學習路-(08)Array

陣列 (Array) 是"一組"同類型的變數,意即宣告一個變數,但裡面可以放很多個值。 「深入淺出 JavaScript 」一書中將陣列比喻...

鐵人賽 開發技術 DAY 7
JavaScript學習路 系列 第 7

技術 JavaScript學習路-(07)loop-2

前一篇提到 for 迴圈,那麼這篇就一定要來一下 while 迴圈了!(這什麼爛開場,來人啊拖下去!) while 迴圈式子如下: while (conditi...

鐵人賽 開發技術 DAY 2
Famo.us 30 天上手 系列 第 2

技術 Famo.us - 全新的 Render Tree

全新的 Render Tree Famo.us 提供了一個全新的 Render Tree 的作法,用來避開舊有 HTML Elements 在元素操作上的諸多缺...

鐵人賽 開發技術 DAY 6
JavaScript學習路 系列 第 6

技術 JavaScript學習路-(06)loop-1

什麼是迴圈?迴圈就是重複做某件事,例如每 1 小時看一下匯率,每天出門跑步一公里...等等。 眾多程式語言都有迴圈,使用得好可以解決很多重複性的動作,節省時間以...

鐵人賽 開發技術 DAY 1
Famo.us 30 天上手 系列 第 1

技術 Famo.us - 介紹

什麼是 Famo.us? Famo.us 是一套全新的 JavaScript Framework,由 famo.us 團對於 2012 年對外發表,直到今年四月...

鐵人賽 開發技術 DAY 5
JavaScript學習路 系列 第 5

技術 JavaScript學習路-(05)switch...case

生活中免不了會遇到選擇,當然程式中也會。 使用之前寫過的 if...else 可以達成選擇的目標,但是只限於兩樣事物二選一的時候,看看以下例子: if ( co...

鐵人賽 開發技術 DAY 4
JavaScript學習路 系列 第 4

技術 JavaScript學習路-(04)if...else

「如果肚子餓了,就去吃飯」、「如果做完文件,將文件印出來」... 生活中不乏這些判斷的句子,當然在 JavaScript 也是很普遍的。 若將以上句子轉換為 J...

鐵人賽 開發技術 DAY 3
JavaScript學習路 系列 第 3

技術 JavaScript學習路-(03)變數與常數

變數 (Variable) 要練習JavaScript,首先要認識變數: 變數就像空箱子,可以先給箱子一顆橘子(值), 或者是先宣告 (Declare) 這裡有...

鐵人賽 開發技術 DAY 2
JavaScript學習路 系列 第 2

技術 JavaScript學習路-(02)運算子

運算子 (Operators) 要在 JavaScript 做運算並不難,跟寫數學題一樣,記得加減乘除就好xD 加 addition 若是數字加字串的情況下,J...

鐵人賽 開發技術 DAY 1
JavaScript學習路 系列 第 1

技術 JavaScript學習路-(01)數字與字串

一年一度的鐵人賽又來了,也代表該來清理部落格雜草了(喂) 這次的主題訂為我一直很害怕接觸但必須完成的任務 JavaScript , 期望在這未來的 30 天內可...

技術 Chrome 使用 console.table 來除錯 Javascript

文章同步分享於 堡政島 http://www.dotblogs.com.tw/holmes2136/Default.aspx 當我們在查詢 Javascript...

技術 Chrome Live Editing功能

文章同步分享於 堡政島 http://www.dotblogs.com.tw/holmes2136/Default.aspx 有時候我們在 Debug js 時...

技術 網頁的 ComboBox 怎麼做? ASP.NET 與 HTML5 DataList

常常有人在論壇上詢問「網頁上有沒有ComboBox」 ComboBox在 Windows程式上很常見 但在網頁HTML表單上,則沒有這個東西 該怎麼實作呢? 常...

達標好文 技術 哇60個UI設計資源和工具分享給妳

我今天發現壹篇文章分享了60個界面設計工具,裏面包含有原型設計的、UI設計的,還有JavaScript編程的,這裏分享給大家啦 ForeUI 壹款非常簡單易...

鐵人賽 開發技術 DAY 30

達標好文 技術 Day30- 入門AngularJS筆記-directive

終於到了第三十天, 這段日子大多分享angularJS內建的directive筆記, 有些內建指令可以直接完成我們想要的效果。 但有些內建的指令無法滿足需求,...

鐵人賽 開發技術 DAY 29

技術 Day29- 入門AngularJS筆記-filter

filter是什麼? angular的filter,可以幫資料做過濾。 善用內建filter或自定filter,針對資料進一步篩選,呈現我們想要的資料。 當專案...

鐵人賽 開發技術 DAY 28

技術 Day28- 入門AngularJS筆記-AngularJS指令(24): ng-mouseover

ng-mouseover和ng-mouseleave是什麼? ng-mouseover和ng-mouseleave是angular設定當滑鼠位於元素上方和離開元...

鐵人賽 開發技術 DAY 27

技術 Day27- 入門AngularJS筆記-AngularJS指令(23): ng-form

ng-form是什麼? angular針對form這個標籤包裝起來,自訂ng-form這個指令,增加對應的屬性與方法, 用來進一步處理表單上可能會遇到的問題。...

鐵人賽 開發技術 DAY 26

技術 Day26- 入門AngularJS筆記-AngularJS: angularJS與form的應用

為什麼要與form搭配使用? 透過angular與form的應用,可以快速處理表單可能會遇到的問題。 小結重點如下: 我們可以在表單上綁定資料,獲取資料內容。...

鐵人賽 開發技術 DAY 25

技術 Day25- 入門AngularJS筆記-AngularJS指令(22) ng-style

ng-style是什麼? ng-style是使用angular來直接設定css樣式的指令 基本範例: http://jsbin.com/aGExOfa/1/ed...

鐵人賽 開發技術 DAY 24

技術 Day24- 入門AngularJS筆記-AngularJS指令(21) $watch

$watch是什麼? 使用$watch可以指定監控的範圍,一旦範圍內的value發生改變,所有地方都會自動更新, 用來確保view和model的即時綁定,當vi...

鐵人賽 開發技術 DAY 23

技術 Day23- 入門AngularJS筆記-AngularJS指令(20) ng-blur與ng-focus

ng-blur是什麼? 在angular 1.2版本中,新增blur的監聽事件, 所以務必確認專案的angular版本,若版本較舊,此項指令就沒辦法work。...