iT邦幫忙

javascript相關文章
共有 5672 則文章
鐵人賽 開發技術 DAY 9

技術 Day9- 入門AngularJS筆記-AngularJS指令(8): select的ng-options

ng-options是什麼? HTML SELECT事件有一個ng-options參數, ng-options透過ng-model 綁定,用來顯示下拉選單。 介...

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

技術 Chrome Extension 筆記(24)替代頁面, 換掉默認的頁面吧~

目前能替換的頁面有 書籤(bookmarks)、歷史紀錄(history)、新分頁(newtab). manifest.json { "mani...

鐵人賽 開發技術 DAY 24

技術 jQuery套件開發之(二十二),dialog~

單次觸發的物件要存在主要的element裡面 如果一次觸發 產生多個element 而且使用量都很吃重,可以考慮都存 直接看範例 http://ry.url.t...

鐵人賽 開發技術 DAY 24

技術 [ASP.NET]使用JQuery來接收JSON字串

上一篇【使用JQuery來傳遞JSON字串】介紹了如何在前端傳遞JSON物件至後端接收,這篇主要介紹如何從後端組出JSON物件,回傳至前端接收。 接續上一篇範例...

鐵人賽 開發技術 DAY 8

技術 Day8- 入門AngularJS筆記-AngularJS指令(7): input

介紹HTML input事件如何在angularJS中使用。 HTML checkbox,在angularJS官方文件的Demo: http://jsbin.c...

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

技術 Chrome Extension 筆記(23)可選權限, 讓使用者決定他要什麼

在使用者按下"授權"後, 才跳出警告視窗, 當然也能再次取消(移除)授權. 在一些非核心的功能上採取這樣的方式, 可以減少使用者不必要的擔心...

鐵人賽 開發技術 DAY 23

達標好文 技術 [ASP.NET]使用JQuery來傳遞JSON字串

最近又寫回Webform,但跟以前不一樣的事,很多時候我已經捨去掉那些控制項,也不再使用Update Panel,主要是因為不想再使用那肥大的ViewState...

鐵人賽 開發技術 DAY 23

技術 jQuery套件開發之(二一),回顧

忘記是鐵人賽哪一天才領悟 我現在寫的東西比較適合widget類的套件。 因為我這一個模式,都假設會產生元素放到畫面上。 然後元素綁定事件 我們探討過的機制有 (...

鐵人賽 開發技術 DAY 7

技術 Day7- 入門AngularJS筆記-AngularJS指令(6): ng-repeat

ng-repeat是什麼? 我們可以透過ng-repeat指令,從陣列中取出每一個item的內容。 Demo: http://jsbin.com/ukatix/...

鐵人賽 開發技術 DAY 22

技術 jQuery套件開發之(二一),dialog 寫好一部分

套件還是有一些缺陷 例如呼叫兩個widget的時候,共用的mask應該要ID沒有序號 獨立的widget也不應該寫入self裡面... 範例 : http://...

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

技術 Chrome Extension 筆記(22)內容腳本,讓你動手改變網站樣式、加強功能

其實內容腳本的用途很廣, 只是我一直沒深入去使用它, 舉凡是 過濾網頁上廣告的 Adblock Plus 或是 改善網頁瀏覽體驗的 Clearly 都能在 ma...

鐵人賽 開發技術 DAY 6

技術 Day6- 入門AngularJS筆記-AngularJS指令(5): ng-init

ng-init 是什麼? model一開始載入,會先執行ng-init,我們可以利用ng-init設定初始值。 Demo: http://jsbin.com/u...

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

技術 Chrome Extension 筆記(21)能獨立出來的選項頁面

其實這篇應該在前面就該提到的, 但不知道為什麼遺漏了, 下面就簡單示範它的用法, 實際上的應用則通常會再配合 Strage manifest.json {...

鐵人賽 開發技術 DAY 21

技術 Day21 Windows 8 App 的生命週期

(此圖翻繪自 http://msdn.microsoft.com/en-us/library/windows/apps/hh464925.aspx) Win...

鐵人賽 開發技術 DAY 21

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

範例 http://ry.url.tw/wp/doc/a9.htm 今天來分享一個寫套件必經的練習套件 - tooltip 套件程式碼 ;(function (...

鐵人賽 開發技術 DAY 13
用Javascript征服演算法 系列 第 10

技術 用Javascript征服演算法 (7-Merge Sort-Javascript實作)

今天整個GGT_T 在瞭解merge sort後,我們就要來實作囉~ 首先,在程式中大約可以分出幾個部分來實作 將原有陣列兩兩分裂最後致各集合元素為1...

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

技術 Chrome Extension 筆記(20)使用 history 來取得歷史記錄

其實歷史記錄的不只是有標題、網址而已, 事實上還能取得瀏覽次數、最後瀏覽的時間. manifest.json { "manifest_versi...

鐵人賽 開發技術 DAY 20

技術 Day20 嚴格模式 use strict

windows 8 app 的 JavaScript 預設是用嚴格模式去寫的,恩...我還沒有試過沒有用嚴格模式會發生什麼事耶,但官方的教學如果是 JavaSc...

鐵人賽 開發技術 DAY 20

技術 jQuery套件開發之(十九),對於套件參數的思考

今天我們要再度從比較宏觀的角度來看套件 今天想focus在參數這件事情 一般來說,我們會用$.extend來融合各種參數。 但實際上,參數有幾個層面。 不是最後...

鐵人賽 開發技術 DAY 5

技術 Day5- 入門AngularJS筆記-AngularJS指令(4): ng-show

ng-show是什麼? ng-show/ng-hide是有條件的顯示/隱藏html內的內容。 先來看看1個簡單的範例如下: 官方網站的ng-show範例-清楚展...

鐵人賽 開發技術 DAY 4

技術 Day4- 入門AngularJS筆記-AngularJS指令(3): ng-click

ng-click是什麼? 顧名思義,是點擊觸發的事件。 Demo: http://jsbin.com/angularjs-controller/3 ng-cli...

鐵人賽 開發技術 DAY 12
用Javascript征服演算法 系列 第 9

技術 用Javascript征服演算法 (7-Merge Sort)

偷懶的介紹Merge Sort...鐵人之路遭遇到一些些困難啊...QQ 用Javascript征服演算法 (7-Merge Sort) 今天就稍微解釋一下何為...

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

技術 Chrome Extension 筆記(19)提供最新資訊的幕後功臣, 事件頁面.

這次會整合先前介紹過的 xhr 、 alarms 、 notifications 三個特性, 做出一但有新的鐵人賽文章, 就會出現通知來提醒使用者. mani...

鐵人賽 開發技術 DAY 19

技術 jQuery套件開發之(十八),寫套件時,綁定事件要小心

前幾天寫套件的時候,不小心犯了一個綁定事件的錯誤 因為我寫的套件,都是以widget會很多的狀況來寫。 所以綁定事件的時候,通常有兩個方式 第一種 : 每一個w...

鐵人賽 開發技術 DAY 19

技術 [Javascript]knockout.js - 資料處理-清單呈現方式

在第一篇有提到如果你的Web應用主要再處理一些CRUD,那很適合用knockout.js來實現MVVM架構,後續介紹了屬性、事件的控制,這篇就要來介紹在knoc...

鐵人賽 開發技術 DAY 19

技術 Day19 Split App (分割應用程式) 檔案目錄結構介紹

Split App 分割應用程式有別於之前一直練習的空白應用程式。 因為Split App 具有完整的導航模式,從起始畫面之後,可以讓你一步一步的進到下一層.....

鐵人賽 開發技術 DAY 11
用Javascript征服演算法 系列 第 8

技術 用Javascript征服演算法 (6-Quick Sort-實作)

有pseudo code 實作超快ㄉ而 快要沒時間了>< 有了pseudo code後,超快就把程式寫出來了 加上昨天那篇的說明,很快就理解為何這樣...

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

技術 Chrome Extension 筆記(18)訂製右鍵選單(ContextMenus)

一年多前 google 自己推出的右鍵搜圖 Search by Image 套件, 沒想到今天已經變成內建的了(新版Chrome 按右鍵找圖) 所以今天就來寫一...

鐵人賽 開發技術 DAY 3

技術 Day3- 入門AngularJS筆記-AngularJS指令(2): ng-controller

ng-controller是什麼? 主要用來綁定view(html)和model(js)的連結。 本次範例: 使用ng-controller,建立view和mo...

鐵人賽 開發技術 DAY 18

技術 [Javascript]knockout.js - 事件處理

這篇要介紹一些寫Web常用的事件,在上面兩篇範例,我們已經有使用到click、checked…等等的事件,這篇主要將其他常用的事件做個介紹,並如何在knocko...