iT邦幫忙

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

鐵人賽 開發技術 DAY 18

技術 jQuery套件開發之(十七),實作drag的的部分

因為我的dialog想要有拖曳功能,先寫一個drag的測試頁面吧 <style> #drag { cursor: move ; po...

鐵人賽 開發技術 DAY 18

技術 Day18 簡單講閉包 closure

為什麼要講『閉包』呢,其實是因為 Windows 8 app 的 JavaScript 大多都是用閉包去寫的。 (以下內文可能有時候寫 closure 或是 閉...

鐵人賽 開發技術 DAY 2

技術 [4]用MAN架構打造超人般的網頁應用程式:[課前準備]淺談JavaScript與MVC開發介紹

JavaScript 是個跨平台、物件導向、輕小型的腳本語言。他的核心是基於ECMAScript標準,而該標準在最近一次更新(2009年)更新為第五版。 而Ja...

鐵人賽 開發技術 DAY 10
Javascript 系列 第 7

技術 利用closure來達成模組化與私藏資料

沒有開始寫的時候真不曉得closure有這麼多東西好寫... 今天的資料來源是 Javascript: The Good Parts 中文版 page 41-4...

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

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

Quick Sort~Sort如期名,快來看看他多快吧!!!! 今天要來介紹公認在某些case下,使用此排序法速度是最快的,那就是Quick Sort Quic...

鐵人賽 開發技術 DAY 17

技術 jQuery套件開發之(十六),寫套件常用的兩個function

jQuery套件開發之(十六),寫套件我常用的小function 有兩個 其中一個是給兩個元素 然後會把第一個參數的元素,放到第二個參數的元素的中間。 這裡的中...

鐵人賽 開發技術 DAY 2

技術 Day2- 入門AngularJS筆記-AngularJS指令(1): ng-model

簡單使用幾個html標籤,完成angularJS基本的雙向綁定。 如何使用? 先來看看Demo Demo: http://jsbin.com/ogecuw/1/...

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

技術 Chrome Extension 筆記(17)將網頁保存成單一 mht 檔, 方便離線查看

其實自從用了 Evernote 後, 就很少有需要將整個網頁存起來的需求了, 不過 mht 還是有它的方便性在, Chrome 也有提供簡單的方式來下載 man...

鐵人賽 開發技術 DAY 17

技術 [Javascript]knockout.js - 關於Html屬性的控制

在上一篇knockout.js初體驗有介紹用此框架來實作前端MVVM架構,延續這個主題,今天主要介紹控制常用Html屬性的幾個用法。 http://ithelp...

鐵人賽 開發技術 DAY 17

技術 Day17 [windows 8 app] 一直很不想面對的 default.js 檔案

其實在產生 window8 app 範本時,都會自動幫你帶一個 default.js, 通常我不太會去動它,因為如果有需要的話會另外開 js 在載入頁面。 到底...

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

技術 Chrome Extension 筆記(16)取得臨時的 Tab 權限 "activeTab"

在之前想要做 網頁快照、Clipper 類似的擴充功能時, 因為必須要適用所有的網頁, 所以在申明權限時得使用 <all_urls>, 這樣在安裝時...

鐵人賽 開發技術 DAY 9
Javascript 系列 第 6

技術 Javascript Closure的用法 - Memoization

利用closure這個特色來實作memoization以提高執行效能 因為前文所述的例子,讓我們覺得 closure 好像是一種很多餘的東西,只會害我們出錯,但...

鐵人賽 開發技術 DAY 1

達標好文 技術 Day1- 入門AngularJS筆記與前端領域的學習筆記分享介紹

我是AnnaSu、是剛進入前端領域不久、努力學習中的初級F2e, 本身是個網路素人、沒有深厚的背景,沒有太多寫技術文的經驗。 期望透過三十天的不間斷筆記,用力...

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

技術 用Javascript征服演算法 (5-bubble sort&實作)

Bubble Sort像泡泡一樣會冒出排序好的集合喔(最好這麼容易XD) 用Javascript征服演算法 (5-bubble sort&實作) 來到B...

鐵人賽 開發技術 DAY 16

技術 [Javascript]knockout.js-初體驗

活在這代的程式設計師很幸福,網路資源非常多,且不管Server-Side或者是Client-Side的程式語言,已經越來越多的函式庫能使用,只要簡單的語法就能實...

技術 使用 AngularJS 心得 Day 5 - 想怎樣搭穿,就怎樣穿搭( ng-class, ng-style )

延續昨天的主題, class 的套用當然不只是應用在表格的單 / 偶列樣式,也可將它應用在一般的 HTML Tag 中。而且比利用 jQuery 還直覺、方便。...

技術 jQuery套件開發之(十五),dialog的CSS

寫套件的時候,程式設計師最怕的畫畫面! 我來挑戰你了! 昨天講到要來分享CSS的相關知識 我寫套件的時候,不是常常會先用CSS畫畫面嗎? 那就會有一些心得 一...

技術 Day 16 WinJS.UI.Flyout實作

FLlyout的詳細說明可見官方網站說明: http://msdn.microsoft.com/en-us/library/windows/apps/hh4...

技術 Chrome Extension 筆記(15)錯中學, 原來 canvas.toDataURL() 也不能跨域

因為前兩篇的 Notification, 在圖示上只能使用本地或 DataUrl, 因此打算從 DataUrl 下手的...沒想到.. 以下是錯誤示範, 會...