深圳Java俱樂部

Chrome全平臺(tái)更至 22版本后，給前端調(diào)試帶了幾個(gè)另人興奮的實(shí)用功能

     摘要: Chrome全平臺(tái)更至 22版本后，給前端調(diào)試帶了幾個(gè)另人興奮的實(shí)用功能Posted by unbug on Oct 9, 2012 in Web App | 0 commentsChrome全平臺(tái)已經(jīng)更新版版本 22.0.1229.79，給前端調(diào)試帶了幾個(gè)另人興奮的功能：1.Elements面板，右鍵元素節(jié)點(diǎn)選擇“Scroll Int...  閱讀全文

2012-10-09 11:39 作者: ∪∩BUG【評(píng)論:0】【閱讀:310】 

運(yùn)用webkit繪制渲染頁(yè)面原因解決iscroll4閃動(dòng)的問題

     摘要: 已經(jīng)有不少前端同行抱怨iScroll4的各種問題，我個(gè)人并不贊同將這些問題歸咎于iScroll4,因?yàn)閕Scroll4進(jìn)無(wú)論是touch事件的捕獲，還是使用transform來(lái)處理滾動(dòng)，以及將cubic-bezier應(yīng)用到transition上實(shí)現(xiàn)高效的平滑滾動(dòng)，這些原理我們都是已知的。更多原理細(xì)節(jié)可以參看[譯]手把手教你編寫iOS上Mobile Web App實(shí)現(xiàn)Fixed Position和模...  閱讀全文

2012-09-21 12:24 作者: ∪∩BUG【評(píng)論:0】【閱讀:635】 

iScroll4啟用snap時(shí)原生滾動(dòng)被阻止的解決辦法

     摘要: http://www.iunbug.com/archives/2012/09/18/398.html iScroll4啟用snap時(shí)原生滾動(dòng)會(huì)被阻止，具體表現(xiàn)是拖動(dòng)snap作用的元素往非snap路徑時(shí)將無(wú)法拖動(dòng)頁(yè)面。 官方的解決辦法是追加onBeforeScrollStart事件： 1 ...  閱讀全文

2012-09-18 17:48 作者: ∪∩BUG【評(píng)論:0】【閱讀:492】 

用一個(gè)js腳本備份飯否消息

     摘要: 分享寫了一個(gè)晚上的可以備份飯否各種消息的js腳本.
首先進(jìn)入 http://m.fanfou.com 登錄好自己的帳號(hào).
然后在chrome下按F12,切換到最后一欄"Console".
在里面粘貼下面代碼后回車:  閱讀全文

2012-08-22 04:50 作者: Aloong【評(píng)論:1】【閱讀:2437】 

Facebook最新的Mobile Web APP版新增的”搖一搖”功能所用到的DeviceMotionEvent事件

     摘要: Facebook在Mobile Web APP方面一直是擔(dān)當(dāng)榜樣的大哥形像.近日出的新版在iOS上多了個(gè)“搖一搖”（Friendshake）尋找附近友鄰功能。與這個(gè)功能相關(guān)的事件早在iOS4.2的時(shí)候就被mobile safari支持了,很早就聽到做mobile游戲的朋友用上這個(gè)事件了,即是DeviceMotionEvent,下面我們就來(lái)講講這個(gè)事件:DeviceMotio...  閱讀全文

2012-07-18 18:56 作者: ∪∩BUG【評(píng)論:0】【閱讀:337】 

MongoDB安裝手記

     摘要: 簡(jiǎn)介：MongoDB是一個(gè)高性能，開源，無(wú)模式的文檔型數(shù)據(jù)庫(kù)，是當(dāng)前NoSql數(shù)據(jù)庫(kù)中比較熱門的一種。它在許多場(chǎng)景下可用于替代傳統(tǒng)的關(guān)系型數(shù)據(jù)庫(kù)或鍵/值存儲(chǔ)方式。Mongo使用C++開發(fā)。安裝：軟硬件環(huán)境-----------------------系統(tǒng)：win7 64bit數(shù)據(jù)庫(kù)：Mongo-2.0.6-----------------------下載地址：http://www.mongodb....  閱讀全文

2012-07-07 22:11 作者: apple0668【評(píng)論:0】【閱讀:534】 

Google推出強(qiáng)大的網(wǎng)站速度分析和優(yōu)化建議的Chrome開發(fā)者工具擴(kuò)展插件：PageSpeed Insights

PageSpeed Insights早在2年前google就推薦了這個(gè)工具的預(yù)覽版，現(xiàn)在他們推薦一個(gè)功能全面的2.0版本。作為Chrome開發(fā)者工具的擴(kuò)展?？梢詫?duì)你的網(wǎng)站進(jìn)行全面的分析，包括靜態(tài)資源文件，網(wǎng)絡(luò)，DOM和timeline等。下載安裝之后打開發(fā)者工具就到下圖的按鈕，點(diǎn)擊分析即可得到一份全面的報(bào)告。 閱讀全文 http://www.iunbug.com/archives/2012/06/14/353.html

2012-06-14 11:44 作者: ∪∩BUG【評(píng)論:0】【閱讀:316】 

iOS6的Mobile Safari給前端開發(fā)者帶來(lái)了什么

  這是我們目前所知iOS6的Mobile Safari給前端開發(fā)者所帶來(lái)的，我期望在接下來(lái)的Beta版中驚喜更多用戶體驗(yàn)更好。 閱讀全文http://www.iunbug.com/?p=339 

2012-06-12 18:45 作者: ∪∩BUG【評(píng)論:0】【閱讀:246】 

[譯]用YUIDoc文檔化JavaScript代碼

閱讀全文 http://www.iunbug.com/2012/06/07/%E7%94%A8yuidoc%E6%96%87%E6%A1%A3%E5%8C%96javascript%E4%BB%A3%E7%A0%81/ 文檔化你的JS代碼有點(diǎn)類似于測(cè)試； 我們都意識(shí)到要這么做，但我們都不確定怎么做，大多數(shù)人都沒有做，但其實(shí)我們非常支持這么做。YUIDoc正是應(yīng)付這個(gè)問題的最佳方案，那么，本教程將使你快速掌握它。 http://www.iunbug.com/2012/06/07/%E7%94%A8yuidoc%E6%96%87%E6%A1%A3%E5%8C%96javascript%E4%BB%A3%E7%A0%81/

2012-06-11 15:05 作者: ∪∩BUG【評(píng)論:0】【閱讀:239】 

Pixastic:強(qiáng)大的圖片處理JS庫(kù)，支持濾鏡等超過(guò)28種處理效果

背景：http://www.travelog.me/ 上的背景圖片是高斯模糊的效果，而他們用的庫(kù)就是Pixastic。 Pixastic 是一個(gè)強(qiáng)大的圖片處理JavaScript庫(kù)，可以讓你輕易的對(duì)圖片執(zhí)行各種處理，無(wú)論是濾鏡還是各神奇的效果只需要幾行JS代碼即可以做到。 僅需要瀏覽器支持Canvas。 閱讀全文 http://www.iunbug.com/2012/06/07/pixastic%E5%BC%BA%E5%A4%A7%E7%9A%84%E5%9B%BE%E7%89%87%E5%A4%84%E7%90%86js%E5%BA%93%EF%BC%8C%E6%94%AF%E6%8C%81%E6%BB%A4%E9%95%9C%E7%AD%89%E8%B6%85%E8%BF%8728%E7%A7%8D%E5%A4%84%E7%90%86%E6%95%88/

2012-06-07 15:33 作者: ∪∩BUG【評(píng)論:0】【閱讀:1597】 

[譯]JavaScript文件操作(5)-Bolb類型（二進(jìn)制大對(duì)象）

到目前，本系列文章集中講了File對(duì)象能在用戶參與下對(duì)操作文件的產(chǎn)生的積極效果。事實(shí)上File對(duì)象是Blob的特殊類型。即大塊的二進(jìn)制數(shù)據(jù)，F(xiàn)ile對(duì)象的大水的類型等屬性都繼承自Blob。 大多時(shí)候， Blob 的 File是可以同時(shí)使用的。例如，可以用FileReader從Blob中讀取數(shù)據(jù)，可以通過(guò)URL.createObjectURL()來(lái)創(chuàng)建一個(gè)URL對(duì)象。 閱讀全文 http://www.iunbug.com/2012/06/06/%E8%AF%91javascript%E6%96%87%E4%BB%B6%E6%93%8D%E4%BD%9C5-bolb%E7%B1%BB%E5%9E%8B%EF%BC%88%E4%BA%8C%E8%BF%9B%E5%88%B6%E5%A4%A7%E5%AF%B9%E8%B1%A1%EF%BC%89/

2012-06-06 19:48 作者: ∪∩BUG【評(píng)論:0】【閱讀:201】 

[譯]JavaScript文件操作(4)-URL對(duì)象

從這系列的以上文章中，你已經(jīng)學(xué)到以傳統(tǒng)的方式使用文件。你可以上傳文件到服務(wù)器，可以從硬盤中讀取文件。這些都是最普遍的操作文件的方式。然而，還有一個(gè)全新的方式讓你能簡(jiǎn)化任務(wù)，就是使用 URL 對(duì)象。 何為 URL對(duì)象? URL對(duì)象是硬盤上指向文件的URL。例如，你想在頁(yè)面上顯示用戶系統(tǒng)里的一張圖片，服務(wù)器不必知道對(duì)應(yīng)文件，當(dāng)然也不用上傳它。你只需在頁(yè)面中加載它即可。是的，前面的文章中提到，獲取文件的引用，讀取 data URI，然后賦值給一個(gè) 元素。不過(guò)細(xì)想其中多浪費(fèi)：圖片原本就在硬盤上，還要轉(zhuǎn)換成另一個(gè)格式再用之？如果你創(chuàng)建一個(gè)URL對(duì)象，你可以直接賦值給 元素而后直接加載文件。 閱讀全文 http://www.iunbug.com/2012/06/05/%E8%AF%91file-api%E4%B9%8Bjavascript%E6%96%87%E4%BB%B6%E6%93%8D%E4%BD%9C4-url%E5%AF%B9%E8%B1%A1/

2012-06-06 12:25 作者: ∪∩BUG【評(píng)論:0】【閱讀:180】 

[翻譯]手把手教你編寫iOS上Mobile Web App實(shí)現(xiàn)Fixed Position和模擬滾動(dòng)

     摘要: 背景概述 Google已經(jīng)在Mobile Web App開發(fā)上取得了很大的突破. HTML5已經(jīng)拉近了Mobile設(shè)備Native App與Web App的差距. mobile Gmail 正是Google的Fixed position的最佳實(shí)踐之一. iPad上的基于兩欄的Gmail也運(yùn)用了這種實(shí)現(xiàn)機(jī)制. 桌面瀏覽器本身就支持 position: fixed. ...  閱讀全文

2012-06-03 02:12 作者: ∪∩BUG【評(píng)論:0】【閱讀:366】 

在Fedora Linux上快速部署搭建JDK, Tomcat, MySQL的JSP開發(fā)演示環(huán)境流程記錄教程.

     摘要: 今晚很簡(jiǎn)單地搭了一個(gè)linux下的jsp服務(wù)器
主要內(nèi)容就是安裝了jdk,然后裝了tomcat,然后裝了mysql.
簡(jiǎn)單記錄一下過(guò)程, 包括下載地址,安裝方式和配置過(guò)程.
比較不一樣的是安裝和配置的全程都可以不用聯(lián)網(wǎng),只要提前下載好4個(gè)需要的文件就可以了.  閱讀全文

2011-12-10 04:20 作者: Aloong【評(píng)論:4】【閱讀:3079】 

騰訊2012校園招聘面試面經(jīng),技術(shù)類,應(yīng)用軟件開發(fā),Java,移動(dòng)終端方向可參考.

     摘要: 騰訊2012校園招聘面試面經(jīng),技術(shù)類,應(yīng)用軟件開發(fā),Java,移動(dòng)終端方向可參考.
昨天上午才筆試完,到現(xiàn)在拿到口頭offer,感覺怎么好像過(guò)了有好幾天那么長(zhǎng)的時(shí)間,贊一下TX的效率真的是超級(jí)高.
估計(jì)有很多人要問,于是來(lái)寫面經(jīng).我就喜歡做這樣一勞永逸的事情..
筆試有保密協(xié)議就不說(shuō)什么了,大概就是上課會(huì)學(xué)到的那些基礎(chǔ),每個(gè)方面都稍有有點(diǎn)印象就夠了吧,筆試改卷應(yīng)該挺松的.
我看到我的筆試卷子上面是62分..
--------------------這是一面的分界線-------------------------------  閱讀全文

2011-10-16 16:15 作者: Aloong【評(píng)論:10】【閱讀:7105】 

sencha touch 性能優(yōu)化個(gè)人經(jīng)驗(yàn)談

sencha touch 跟Ext js一個(gè)提供了豐富且高級(jí)的組件讓我們能快速的開發(fā)出一個(gè)跨手機(jī)平臺(tái)而且很絢麗的產(chǎn)品,這聽起來(lái)不錯(cuò),但很快我們發(fā)現(xiàn)了一個(gè)嚴(yán)重的問題,手機(jī)上的效果根本沒有在PC上用chrome打開的效果一樣讓人有刷刷的快感(#@#$$#@$#),甚至讓人痛苦. sencha touch和ext一樣,組件是類式繼承的,大大降低了使用和學(xué)習(xí)的周期.但缺點(diǎn)也是很明顯的,你每增加一個(gè)組件,內(nèi)存消耗就增加很多,可能你已經(jīng)使用minify/JSBuilder/YUI compressor等工具壓縮過(guò)你的代碼了,如果性能還不佳,那么可以看看以下是個(gè)人的一點(diǎn)建議

http://www.iunbug.com/article.html?objNews.id=277001

2011-07-23 13:40 作者: ∪∩BUG【評(píng)論:0】【閱讀:352】 

centOS下通過(guò)NPM安裝和配置node.js+socket.io+connect在線聊天的詳細(xì)教程

Node.js,socket.io是什么這里我就不再多說(shuō)了,很多人一直想實(shí)現(xiàn)一個(gè)在線 聊天的項(xiàng)目,現(xiàn)在主要把自己的配置筆記分享給大家,讓更多朋友不必為此走彎路了,跳轉(zhuǎn)看詳情Node.js,socket.io是什么這里我就不再多說(shuō)了,很多人一直想實(shí)現(xiàn)一個(gè)在線 聊天的項(xiàng)目,現(xiàn)在主要把自己的配置筆記分享給大家,讓更多朋友不必為此走彎路了,跳轉(zhuǎn)看詳情

http://www.iunbug.com/article.html?objNews.id=276003

2011-07-23 12:48 作者: ∪∩BUG【評(píng)論:0】【閱讀:1006】 

sencha touch 高性能 list最簡(jiǎn)單高效的實(shí)現(xiàn)方案

sencha touch 的list,性能非常的低,官方論壇有人說(shuō)超過(guò)200個(gè)項(xiàng)就已經(jīng)是超標(biāo)了!但事實(shí)上超過(guò)40個(gè)項(xiàng)就非常卡了,尤其是每個(gè)項(xiàng)里還有圖圖片的時(shí)候,在iphone中可能效果不錯(cuò),但到了android,你可能會(huì)摔手機(jī).卡的原因其實(shí)是元素太多,必需限制顯示的數(shù)據(jù),但又要解決上滾和下滾顯示相應(yīng)的項(xiàng),有人會(huì)想到用分頁(yè),其實(shí)分頁(yè)相當(dāng)?shù)穆闊?下面就說(shuō)一個(gè)鄙人奮戰(zhàn)了一天摸索出來(lái)的方法,僅僅三步,幾行代碼,你看了也會(huì)會(huì)心一笑.

http://www.iunbug.com/article.html?objNews.id=246003

2011-07-18 09:26 作者: ∪∩BUG【評(píng)論:0】【閱讀:227】 

要Google+邀請(qǐng)的速速留下你的Gmail!!

     摘要: 要Google+邀請(qǐng)的速轉(zhuǎn)到以下連接去留下你的Gmail!! http://www.iunbug.com/article.html?objNews.id=245001  閱讀全文

2011-07-16 10:55 作者: ∪∩BUG【評(píng)論:0】【閱讀:123】 

Ext JS 4.0.2發(fā)布!Ext JS 3.4 支持IE9!

Sencha同時(shí)發(fā)布了Ext JS的兩個(gè)升級(jí)版本,4.0.2依舊提升性能和BUG修復(fù).3.4版則提供了IE9的支持.跳轉(zhuǎn)看詳情.Sencha同時(shí)發(fā)布了Ext JS的兩個(gè)升級(jí)版本,4.0.2依舊提升性能和BUG修復(fù).3.4版則提供了IE9的支持.跳轉(zhuǎn)看詳情.

http://www.iunbug.com/article.html?objNews.id=236001

2011-06-18 17:07 作者: ∪∩BUG【評(píng)論:0】【閱讀:203】