iT邦幫忙

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

鐵人賽 開發技術 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來融合各種參數。 但實際上,參數有幾個層面。 不是最後...