iT邦幫忙

javascript相關文章
共有 5653 則文章

技術 extjs 4 系列 2/5:使用 extjs 必須了解的重要觀念與 javascript 技巧與知識

在使用類似 extjs 這樣的 framework 時,一定會被他的方便性還有物件化所吸引,但是如果你對 javascript 的一些基礎或是進階技巧不了解,可...

達標好文 技術 extjs 4 系列 1/5:新特性與基本概念

extjs 算是筆者最早接觸的 javascript framework,在本身對程式開發還是新生兒的年紀,extjs 的出現著實讓我眼睛一亮,打從 extjs...

技術 Titanium Alloy-為Appcelerator Titanium設計的MVC框架 (下)

介紹Appcelerator於今年初發表的一套MVC框架-Alloy。它能讓Titanium App開發更有效率,程式碼更易於維護。本文介紹Model和Cont...

技術 Titanium Alloy-為Appcelerator Titanium設計的MVC框架 (上)

介紹Appcelerator於今年初發表的一套MVC框架-Alloy。它能讓Titanium App開發更有效率,程式碼更易於維護。本文介紹View的部分,Mo...

技術 JavaScript忍の道 - Top 5絕對優JS線上工具

為大家推薦JS線上工具相關文章 為大家選出 "Top 5絕對優JS線上工具", 但本週主題與工具相關文章有以下兩篇: 五個有用的線上工具 默...

技術 Web Worker 經驗分享(二)

那些年,我們一起讓瀏覽器當掉的日子 昨天提到了 Worker 就像是主從式架構一樣,有要求才有產出,而前後端的任務切割,就是在將商業邏輯與頁面呈現區隔開來。但隨...

達標好文 技術 Web Worker 經驗分享(一)

各位「網路工作者」大家好! Web Worker 是由 W3C 以及 WHATWG 共同制定出來的API,讓 javascript 可以獨立在背景執行而不會影響...

技術 Travis CI 與自動化 JavaScript 單元測試

<span style="font-family: 微軟正黑體;"> 單元測試在軟體開發流程中是很重要的一環,它能<spa...

技術 jQuery移除jQuery.fn.toggle(fn1,fn2)之後的替代方案

過去自己常用jQuery.fn.toggle(fn1,fn2)來處理click事件的兩種狀態,例如click一次做一個動作,再click一次則回復原來的動作,只...

技術 Node.js 的Java版

Node.js在2012年興起, 這是異步應用系統, 當然在JVM平台上也有,在此簡單介紹可以用Javascript, Ruby, Python,Groovy,...

技術 以陣列為參數傳入來產生物件

對JS不求甚解下,平常把function當class用, 但要用陣列當參數產生物件使用時, 才知道 function 本身可以用 apply 把陣列傳入當參數,...

鐵人賽 IT技術 DAY 30
且戰且走HTML5 系列 第 30

技術 且戰且走HTML5(30) 利用Bootstrap逐步整合出UI

我不是做美術設計的料,但是又希望成品可以美觀一點,這時還是借助一些方法來讓介面好看一點。 自從twitter發佈了bootstrap,看起來真的不少人做過嘗試。...

鐵人賽 IT技術 DAY 29
且戰且走HTML5 系列 第 29

技術 且戰且走HTML5(29) 逐步完成整合應用

視訊會議功能可行,就先開始嘗試怎樣進行應用整合。 應用整合的重點有幾個部分。 之前所有的應用,都是獨立分散的,要整合的話,會需要花一些心思,另外也需要把操作介面...

鐵人賽 IT技術 DAY 29

技術 knockout.js 的 template 功能

用template的方式來顯示資料, knockout.js有幾種的作法, 看看可怎麼使用。 使用命名的樣板 用 id 來指定 template 的名稱, 也要...

鐵人賽 IT技術 DAY 29
只是路過 HTML5 系列 第 29

技術 ●HTML、CSS、JavaScript如何註解?

HTML的註解 使用<!--與 -->將要註解的文字包起來。 例如: <!--我是註解 --> CSS的註解 使用/* 與 */ 將要註...

鐵人賽 IT技術 DAY 28
且戰且走HTML5 系列 第 28

技術 且戰且走HTML5(28) 建立視訊會議

今天先建立起簡單的視訊會議做驗證。 建立視訊會議的方式,基本上就是昨天描述的過程的實作。連線資訊的傳遞,則透過之前包裝好的ws.io模組。 首先看一下伺服器:...

鐵人賽 IT技術 DAY 28

技術 knockout.js 自行產生新的綁定

除了內建的click, value之外, knockout.js 也可以自行建立新的綁定。 ko.bindingHandlers.slideVisible =...

鐵人賽 IT技術 DAY 27

技術 用 knockout.js 實作簡單的分頁功能

一般分頁機制,是每換下一頁就向server請求下一頁, 把整頁的所有元素重傳一次, 透過knockout.js把一次傳來的列表, 做成分頁瀏覽。 在 knock...

鐵人賽 IT技術 DAY 26
且戰且走HTML5 系列 第 26

技術 且戰且走HTML5(26) 使用ws.io完成資源共享

依照昨天的構想,把傳送binary資料的功能也實作出來了,就把它用在資源分享上。 分成兩個部分來傳送資料,基本上問題不大,但是要實作,需要在使用方法上制定一些規...

鐵人賽 IT技術 DAY 26

技術 knockout.js + 顏色選擇器 改變程式碼底色

前篇 為程式碼上色的不同主題顏色, 會因為底色固定,而使得一些顏色主題不明顯, 而加上可以即時改變程式碼背景色的功能。 顏色選擇器採用 Really Simpl...

鐵人賽 IT技術 DAY 25

技術 knockout.js + redis 實作為程式碼上色的線上工具

在 redis 應用:resque 的基本使用 這篇內容, 重點在實作了 server 端怎麼把程式碼丟到背景做上色的動作, 並未在 client 端怎麼去處理...

鐵人賽 IT技術 DAY 25
且戰且走HTML5 系列 第 25

技術 且戰且走HTML5(25) 解決ws.io模組的問題

找到問題所在...該來完成ws.io的單元了 這種事情要在腦袋清楚的時候來解決阿...趕稿的時候一定想不出來 由於架構模仿了Socket.IO,問題變得比較複雜...

鐵人賽 IT技術 DAY 24
且戰且走HTML5 系列 第 24

技術 且戰且走HTML5(24) 完成ws模組的包裝

其實還沒有真的完成,因為這個工作幾乎等於重寫Socket.IO...不過還是來看一下目前進行的狀況 主要的改寫還是在幾個部分,跟昨天的程式比起來,還需要在Man...

鐵人賽 IT技術 DAY 24

技術 加上 knockout.js 的夢幻筆名

透過 knockout.js 來操作顯示夢幻筆名 會把抓來的筆名,都存在 novelname 這個key裡, 在頁面顯示已存幾個筆名, 若覺得太少,可有抓取新筆...

鐵人賽 IT技術 DAY 23
且戰且走HTML5 系列 第 23

技術 且戰且走HTML5(23) 加入類似Socket.IO的on與emit方法

先把類似Socket.IO的操作方式加進來,然後開始測試,先從echo開始。 雖然先把namespace、room、broadcast等功能都先加進來,不過目前...

鐵人賽 IT技術 DAY 22
且戰且走HTML5 系列 第 22

技術 且戰且走HTML5(22) 調整ws模組

為了讓ws操作起來像Socket.IO,在這裡需要用幾個類別來包裝。 先來分析一下需求,才知道到底要包裝到什麼程度。從之前寫的Chat程式,大致上有幾樣操作:...

鐵人賽 IT技術 DAY 22

技術 以 knockout.js 實作猜拳遊戲 (有game喔…)

只要用 KO 的 observable 可簡單實作出簡單的猜拳互動介面, 再透過 observableArray 來做過程的歷史記錄。 只想玩game不想看文者...

鐵人賽 IT技術 DAY 21
且戰且走HTML5 系列 第 21

技術 且戰且走HTML5(21) 應用的主軸:FileAPI、URL

既然要用到File API以及URL(或者叫做Blob URL),還是對他做一個簡單的了解。 File API目前主要定義了幾個介面,主要是:Blob、File...

鐵人賽 IT技術 DAY 21

技術 為何採用 Knockout.js (KO)?

JavaScript的框架這麼多, 依什麼選擇此框架? 要用JavaScript做什麼, 這是首先要問自己的問題。 JavaScript 算是在 MVC 裡的...

鐵人賽 IT技術 DAY 20
且戰且走HTML5 系列 第 20

技術 且戰且走HTML5(20) 資源共享

線上會議的應用,除了需要像是視訊、Chat等的機制外,通常也會需要做一些資源分享。先來考慮一下需求,然後看看怎樣實作。 基本上,這裡說的資源共享,主要還是檔案。...