iT邦幫忙

javascript相關文章
共有 5653 則文章

技術 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。...

鐵人賽 開發技術 DAY 22

技術 Day22- 入門AngularJS筆記-AngularJS指令(19) ng-class

ng-class是什麼? 如果我們要使用angular在html中設定css樣式,我們可以使用ng-class這個指令。 改寫官方範例: 使用ng-model與...

鐵人賽 開發技術 DAY 21

技術 Day21- 入門AngularJS筆記-AngularJS指令(18) ng-bind-html

ng-bind-html是什麼? 是用來呈現html效果的指令。 本篇分享將會介紹ng-bind、ng-bind-html、ng-bind-html-unsaf...

鐵人賽 開發技術 DAY 20

技術 Day20- 入門AngularJS筆記-AngularJS指令(17) ng-bind-template

ng-bind-template是什麼? ng-bind-template就是可以把多個model綁成一個群組,再用ng-bind的方法去綁定。 ng-bind...

鐵人賽 開發技術 DAY 19

技術 Day19- 入門AngularJS筆記-AngularJS指令(16) ng-cloak

ng-cloak是什麼? 和ng-bind很類似,同樣可以解決angularjs沒有載入完成或發生失敗的狀況。 但ng-cloak指令需要另外增加css,用來解...

鐵人賽 開發技術 DAY 18

技術 Day18- 入門AngularJS筆記-AngularJS指令(15) ng-bind

ng-bind是什麼? 通常我們會將綁定model名稱放在{{ }}裡面來顯示model的值。 正式開發專案時,有可能會載入很多library, 如果我們載入太...

鐵人賽 開發技術 DAY 17

技術 Day17- 入門AngularJS筆記-AngularJS的timeout應用

$timeout是什麼? timeout 顧名思義是和時間有關,用來倒數、計時的一種方法。 而$timeout則是應用於angular的指令 本日參考範例:...

鐵人賽 開發技術 DAY 16

技術 Day16- 入門AngularJS筆記-AngularJS指令(14): ng-checked

ng-checked是什麼? 如果你要讓勾選框有**”選擇全部“**勾選或”**取消全部“**勾選的狀態, 可以簡單使用ng-checked來作設定。 改寫官方...

鐵人賽 開發技術 DAY 27
Chrome Extension 開發筆記 系列 第 27

技術 Chrome Extension 筆記(30)topSites 取得包含最常瀏覽的網站

得到的結果和新分頁看到的"最常瀏覽的網站"是一樣的. manifest.json { "manifest_version&q...

鐵人賽 開發技術 DAY 30

技術 jQuery套件開發之(二十八),套件ryPoint 完成

以前寫小遊戲的時候,為了指導使用者 會用一小箭頭指引使用者點哪裡 這兩天把這個功能寫成套件了 demo http://ry.url.tw/wp/doc/ryPo...

鐵人賽 開發技術 DAY 15

技術 Day15- 入門AngularJS筆記-AngularJS的MVC應用筆記

在一開始分享AngularJS 主題的時候,有介紹到AngularJS 是遵循MVC 框架。 Day3的內容: http://ithelp.ithome.com...

鐵人賽 開發技術 DAY 14

技術 Day14- 入門AngularJS筆記-AngularJS指令(13): ng-href

ng-href是什麼? ng-href是用來取代html中 a 標籤裡的href屬性。 為什麼要使用ng-href? 如果Angular還沒載入或載入失敗,會直...

鐵人賽 開發技術 DAY 27
Chrome Extension 開發筆記 系列 第 26

技術 Chrome Extension 筆記(29)tts 使用 chrome 內建的語音引擎

雖然給的語言選項有 'zh-CN'、'en'、'en-US'、'en-GB', 但中文怎麼試都好像都沒辦法成功... 不過使用起來挺簡單的, 搭配通知來提醒使用...

鐵人賽 開發技術 DAY 27
Chrome Extension 開發筆記 系列 第 25

技術 Chrome Extension 筆記(28)omnibox 在網址列註冊你的關鍵字

題外話:不明白阿...剛剛才發現昨天的文章竟然沒有成功發佈...整個前功盡棄了 manifest.json { "manifest_versi...

鐵人賽 開發技術 DAY 29

技術 jQuery套件開發之(二十七),canvas練習,畫圓、畫cone

http://ry.url.tw/wp/doc/canvas/cv3.htm <script> $(function() { functio...

鐵人賽 開發技術 DAY 13

技術 Day13- 入門AngularJS筆記-AngularJS指令(12): ng-src

ng-src是什麼? ng-src是用來取代html中 img 標籤裡的src屬性。 由於AngularJS是整個網站載完後才開始編譯, 使用ng-src可以解...

鐵人賽 其他技術 DAY 28
快寫HTML靜態網頁 系列 第 25

技術 用 HTML + reveal.js 的簡報效果

古早以前有 S5: A Simple Standards-Based Slide Show System, 用 HTML 來做網頁式的簡報的作法, 效果看起來像...

鐵人賽 開發技術 DAY 28

技術 Day28 Split App 實作官方範例 Blog Reader (5)

結果截圖,其實如果有照官方的步驟去做,應該會跟我一樣得到差不多的結果。 參考網址:http://msdn.microsoft.com/en-us/library...

鐵人賽 開發技術 DAY 27
Chrome Extension 開發筆記 系列 第 24

技術 Chrome Extension 筆記(27)取得所有書籤列表

對於現在的瀏覽器, 書籤已經是基本的功能了, 總覺得書籤應該能再延伸出些什麼應用才對, 這次一樣是一個簡單的 DEMO manifest.json {...

鐵人賽 開發技術 DAY 27

技術 Day28 關於 JavaScript 清空 Array 的方法

這主題是有點離題了,不過今天剛學到的,轉載於我原本的 blog http://yiyingloveart.blogspot.tw/。 清空 Array 有兩種方...