重庆时时彩骗局报道 3v重庆时时彩下载 重庆时时彩1-5球 重庆时时彩组六怎么玩能挣钱 重庆时时彩网上平台是假的吗 重庆时时彩app分析软件 新时时彩是怎么开奖的 重庆时时彩预测2 时时彩内部管理计划群 360重庆老时时彩走势图表 时时彩漏洞教程 重庆时时彩开奖的 重庆时时彩平台高返点 重庆时时彩平刷组六 玩重庆时时彩心态

HTML5 MediaStream的運用

Blog picture template artx 530x185 px

HTML5在技術上發展越來越快,在輸入方面瀏覽器也開始具備了更多能力。舜子一直在關注視頻和音頻流在html5的支持,雖然不是什么創新點,但是對html來說是一個非常重要的能力。

Chrome 18開始就把MediaStream放到實驗室里,不過記得在19前的這些版本里,getUserMedia 接口一直不太穩定,很容易crash。近期發現Chrome 19.0.1055 dev在這個接口的穩定性上有較好的提升。不過在穩定性上,還需要改善。例如,攝像頭使用次數過多后,媒體流會莫名中斷,對于沒有安裝攝像頭的檢測做得不夠完善,可能會導致瀏覽器crash。不過相信chrome以后的版本會fix這些問題,也希望能在chrome 19 的release版本正式用上這個功能。

這個demo里,其實舜子很早就想用html5來完成gif視頻合成的嘗試了。也借這個機會,搞了一把極限開發,利用Chrome 的MediaStream,把用戶的攝像頭作為動畫合成的來源。

HTML5 GIF Maker 2

查看更多...

Tags: html5 mediastream gif

分類:Javascript | 固定鏈接 | 評論: 17 | 引用: 0 | 查看次數: 18327

HTML5 重力感應試玩~

Blog picture template artx 530x185 px 2

html5 中針對高端手機提供了重力感應和重力加速的接口,開發可以利用這個接口獲取到移動設備重力加速感應數據。

目前已經支持的瀏覽器只有chrome和firefox,以及IOS的webkit(貌似android上因為版本差異很大,部分低版本的系統不支持)。

通過iphone或者mac電腦訪問下面的地址可以體驗哈

查看更多...

Tags: html5 Javascript

分類:Javascript | 固定鏈接 | 評論: 95 | 引用: 0 | 查看次數: 24599

setTimeout(0) 即將退役

Blog picture template artx 530x185 px

相信所有做前端開發的同學都會經常使用 setTimeout(0) 來做很多事情,這個一度成為解決了很多前端疑難雜癥的法寶。而且大家也知道 setTImeout(0) 的極限在16ms左右。也許很多人沒想到這個是一個很嚴重的問題,但是在w3c性能小組的專家眼里這是一個非常糾結的設置。

那setTimeout和16ms會帶來什么問題呢?

1. 我們都知道,我們在做頁面動畫的時候大多數都是在用setTImeout來控制每一幀的動畫的, 而多個setTimeout的存在會導致很多次CPU中斷調度的開銷,為了減少這些開銷,我們希望同一個統一的CPU中斷調度管理調度單元來管理所有動畫,

查看更多...

分類:Javascript | 固定鏈接 | 評論: 17 | 引用: 0 | 查看次數: 13208

編輯器也浮云- cloud9 IDE分享

 

近期node.js的消息越來越多,越來越多的前端開發開始關注到這個似乎可以改變我們命運的新技術。其實node.js和之前的mozilla rhino一樣都是可以本地執行腳本,不過和rhino的區別在于node.js更加希望的是讓前端開發能夠通過自己熟悉的語言更塊地搭建自己的后臺服務。

基于node.js,其實對云端化是有幫助的。Cloud9 IDE就是借助node,讓編輯器也云端化。Cloud9 IDE基于node.js,服務于node.js。它提供了編輯器基礎的功能。同時也給node.js一個可視化的調試環境(前端開發要是沒個可視化的調試器,估計會很抓狂)。

好了,準備開始研究node.js的同學一定不能錯過這一個開發輔助利器哈。

查看更多...

Tags: ide cloud nodejs

分類:Javascript | 固定鏈接 | 評論: 43 | 引用: 0 | 查看次數: 15328

利用HTML5對文件進行base64轉換

Base64編碼的數據做為URL的應用開始越來越廣泛,轉換的工具也不少。但是不少工具都是要下載或者在線進行轉換,或不能進行批量轉換。

這里舜子利用HTML5的FileReader我們是可以對本地文件進行讀取并且轉換為瀏覽器用的base64 URL,

然后利用HTML5的Drag&Drop我們只需要把文件拖放到瀏覽器窗口即可開始進行轉換。

 

查看更多...

Tags: html5 filereader base64

分類:Javascript | 固定鏈接 | 評論: 31 | 引用: 0 | 查看次數: 8224

IE9允許前端開發獲取到頁面性能數據

        長期以來,為了改善站點的用戶體驗,我們一直都是在頁面頂端加上一個 (new Date()).getTime() 來獲取用戶打開頁面的時間,使用httpwatch來分析頁面打開的解釋時間。httpwatch雖然強大,但是還是無法讓我們深入到用戶的環境去了解用戶打開頁面前的一些情況,例如:DNS解釋時間,請求和響應時間,以及更加深入的頁面渲染時間等重要信息。這些信息對用戶環境分析是至關重要的。

        如今,這個情況即將改變,微軟的IE9將給前端開發們提供有力的性能分析接口讓我們能夠深入分析頁面的性能,這就是強大的msPerformance接口。這個接口其實是基于HTML5草案Web Timing的定義來開發的(有意思的是這個接口是google提供的,chrome目前還沒支持,IE9先行了)。

        我們來看看通過Web Timing我們可以獲取到什么數據

 

查看更多...

Tags: ie9 performance 優化

分類:Javascript | 固定鏈接 | 評論: 20 | 引用: 0 | 查看次數: 3576

我的Qzone應用插件 for chrome

 

研究了chrome的插件編寫方式,剛好結合我們的Qzone的APP寫了一個應用。 歡迎大家嘗鮮 :P

寫chrome插件給人的感覺還是挺爽的。很強很html5。

 

查看更多...

Tags: chrome qzone

分類:Javascript | 固定鏈接 | 評論: 21 | 引用: 0 | 查看次數: 4958

IE9 前瞻

雖然IE6在依然是很重要的釘子戶,但是我們不能放棄關注未來ie的變化。

IE9 的幾個關鍵字: 硬件渲染新的JS引擎,CSS,標準

Dean_PDC_4.png

大家期待已久的圓角也將支持了

查看更多...

Tags: IE

分類:Javascript | 固定鏈接 | 評論: 13 | 引用: 0 | 查看次數: 3862

firefox 3.6 beta 發布

firefox 3.6 beta 發布,增加了不少上流的功能。

1. window.onhashchange 期待已久的接口,
https://developer.mozilla.org/en/DOM/window.onhashchange

2. http 行為監聽,字面意思應該是允許進行一些http的監聽工作,類似抓包(應該是給插件提供的接口)
You can now monitor HTTP transactions to observe requests and responses in real time.
https://developer.mozilla.org/en/Monitoring_HTTP_activity

3. 全屏視頻

4. 字體支持

5. 拖拽支持文件直接拖拽

6. 圖片渲染品質縮放算法 類似ie的 -ms-interpolation-mode

更多變化請看這里
https://developer.mozilla.org/en/Firefox_3.6_for_developers

不過這里沒有提到真 html 5 (放棄doctype定義)的模式。

下載:
https://developer.mozilla.org/devnews/index.php/2009/10/30/firefox-3-6-beta-1-is-now-available-for-download/

Tags: Firefox

分類:Javascript | 固定鏈接 | 評論: 6 | 引用: 0 | 查看次數: 985

使用 Eclipse 調試 Chrome 的腳本

 

Google Chrome 發布了基于 Eclispe 的調試工具  Chrome Developer Tools , 調試需要Chrome 3.0.189.0 以上版本。

這樣我們就可以使用Eclipse遠程調試Chrome的代碼了。

查看更多...

Tags: chrome debug remote

分類:Javascript | 固定鏈接 | 評論: 10 | 引用: 0 | 查看次數: 3985
重庆时时彩规律大全
重庆时时彩骗局报道 3v重庆时时彩下载 重庆时时彩1-5球 重庆时时彩组六怎么玩能挣钱 重庆时时彩网上平台是假的吗 重庆时时彩app分析软件 新时时彩是怎么开奖的 重庆时时彩预测2 时时彩内部管理计划群 360重庆老时时彩走势图表 时时彩漏洞教程 重庆时时彩开奖的 重庆时时彩平台高返点 重庆时时彩平刷组六 玩重庆时时彩心态
ewin棋牌下载 个人自己干维修卫浴赚钱吗 欢乐斗棋牌斗牛咋没了 LV彩票网址 卖厂货球鞋赚钱吗 腾讯游戏qq麻将下载 兼职赚钱在家 2018永久固定公式规律 分分彩走势图