iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 開發技術 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 有兩種方...

鐵人賽 開發技術 DAY 27

技術 jQuery套件開發之(二十五),rySpriteMaker完成

因為常常要用css sprite做網頁動畫 所以利用這次的機會寫成套件 還滿開心自己設計的pattern考慮到滿多面向 基本上很合我用 套件原始碼 ;(func...

鐵人賽 開發技術 DAY 27

技術 Day27 Split App 實作官方範例 Blog Reader (4)

繼續我們的 blog reader 剩下的 data.js 今天要繼續補上 getBlogPosts( )。 如有任何問題,我建議以官方的範例為主。 http:...

鐵人賽 開發技術 DAY 12

技術 Day12- 入門AngularJS筆記-AngularJS指令(11): ng-include

ng-include 是什麼? ng-include 是angular用來載入html的指令。 改寫官方Demo: http://plnkr.co/edit/Y...

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

技術 Chrome Extension 筆記(26)多國語系 i18n

使用多國語言並不需要特別的權限, 只需在目錄底下新增 /_locales/localeCode[en、es、ko] 資料夾, 並將對硬的字串和翻譯寫在 mess...

鐵人賽 開發技術 DAY 11

技術 Day11- 入門AngularJS筆記-AngularJS指令(10): ng-change

ng-change是什麼? 當我們改變輸入的數值,就會執行ng-change裡的事情。 改寫官方文件的Demo: http://jsbin.com/ICAyAN...

鐵人賽 開發技術 DAY 26

技術 jQuery套件開發之(二十四),rySpriteMaker

決定採用css3_animationsk的技術 ---套件開發申請單--- 套件名稱:rySpriteMaker 套件型態:軍隊 (軍隊/英雄) 分別代表很多w...

鐵人賽 開發技術 DAY 26

技術 Day26 Split App 實作官方範例 Blog Reader (3)

抱歉,因為人回老家,沒有帶 windows 8 的電腦回家,暫時沒辦法截圖給大家...,僅能簡單說明 blog reader 實作的內容。 承昨天的 data....

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

技術 Chrome Extension 筆記(25)撰寫開發者工具

manifest.json { "manifest_version": 2, "name": "...

鐵人賽 開發技術 DAY 25

技術 jQuery套件開發之(二十三),開發新套件嚕~spriteMaker

http://ry.url.tw/wp/doc/spr_css/spr_css4.htm 這是我以前寫的套件 既然我的pattern已經告一段落 想來改寫以前寫...

鐵人賽 開發技術 DAY 25

技術 Day25 Split App 實作官方範例 Blog Reader (2)

今天要修改 data.js,主要是要實做資料的來源,做資料的處理。 本來預設給你的 data.js 都是一些預設的資料跟變數設定,不過在 blog reader...

鐵人賽 開發技術 DAY 10

技術 Day10- 入門AngularJS筆記-AngularJS指令(9): ng-switch

ng-switch是什麼? 我們可以根據ng-switch去篩選要選擇的內容。 通常我們會和ng-option的下拉選單一起搭配使用。 官方文件Demo: ht...