时时彩按计划玩稳赢 http://www.vzsio.live/ zh-cn PBlog2 v2.4 PuterJam's Blog http://www.vzsio.live/images/logos.gif http://www.vzsio.live/ PuterJam's Blog http://www.vzsio.live/article/Note/long_time_no_see.html <![CDATA[好久沒寫日志了]]> puterjam@gmail.com(puterjam) Sat,01 Mar 2014 00:18:35 +0800 http://www.vzsio.live/default.asp?id=1048  不說什么,改天給blog改一個風格,看看還能不能堅持寫下去。

]]>
http://www.vzsio.live/article/Note/1038.html <![CDATA[URI 和 URL的一些研究筆記]]> puterjam@gmail.com(puterjam) Tue,15 Nov 2011 16:08:06 +0800 http://www.vzsio.live/default.asp?id=1038 NewImage

1. 關鍵字回顧:

RFC(Request For Comments) ,RFC文檔是一系列關于Internet(早期為ARPANET)的技術資料匯總,于1969年開始發布。它制定了我們很多常見和不常見的Internet的各種文字資料和規范。


URI(Universal Resource Identifiers) 統一資源標識符, RFC 文獻1630中定義了它詳細的規范(1994年6月)

|- URL(Uniform Resource Locators) 統一資源定位符,RFC文獻1738中定義了它詳細的規范(1994年12月)


URI的規范中,資源描述文字,只允許使用字母,數字,安全字符,特殊字符,和轉義字符

轉義字符在URL中規定是使用%和兩個hex進行表示,所以也就是為什么瀏覽器的form post會自動進行轉義成%xx的關系而不使用unicode常用的%uxxxx(同時ECMAScript v3也不推薦在js中使用escape)。

 

NewImage

但是值得注意的是在URI中,空格是作為保留字的,所以URI規范中空格被輔以一個快速標記符號(short hand notation)來進行標識,就是我們看到的+號。所以在php中提供的urlencode方法是為了把字符串轉換成URI規范用的, 保留空格轉換成+號,可以模擬出瀏覽器form post的結果。

 

2. 說說 URL

URL 其實是 URI 中的一個子集,URI是一個很寬泛的定義,而且也在URI的基礎上做了自己的特殊規范,例如

NewImage

另外 URL 中把 # 規定成錨點是用來定位使用,使用了URI規定的保留字中的一個字符。

當然URL的escape也遵循了URI的規范使用 %和兩個hex的格式。

值得注意的是URL的保留字和URI是不一樣的,這些字符都是有特殊意義的

NewImage

有沒有注意到空格在里面?在URL規范中,空格只是認為不安全(unsafe)的存在,因為可能會因為排版和打印關系,可能會被忽略,所以URL中是需要把空格轉換成%20的。對應的php提供的rawurlencode 方法是用來把字符串轉換成URL的標準。

JS中的 encodeURI和encodeURIComponent 對字符的轉義,雖然也是按照URI規范轉義,但是它并沒還有轉換空格成+號,而是%20,后者會把URI的保留字; : / ?也進行轉義。為什么瀏覽器和流行的server遇到 “ “,%20,+ 都會轉換成空格?其實是為了更好兼容URI標準。

其實很多流行的http server都已經根據標準自動把url進行decode后給到后面的CGI進行處理,而我們自己的server很多時候需要開發來對這些進行decode。如果對這些標準不了解就很容易在decode的時候使用錯誤的decode手段。

而unicode目前使用場景最多的是在我們的腳本語言和頁面展示中,為了支持更寬的字符集,用一種統一的編碼來規范處理文字而使用,瀏覽器會根據資源的定義(charset) 對目標的文字先進行unicode轉義后再進行統一的處理,這樣就可以保證一個utf-8 的頁面也可以同時支持請求GB2312的資源,而不會因此顯示出錯。

 

3. 附件:

除了URI和URL以外,還有一個不太流行的URN(Uniform Resource Name), 有興趣的同學可以自己研究:P,它同樣也是屬于URI的子集。

]]>
http://www.vzsio.live/article/Note/1035.html <![CDATA[微軟出品 Html5 的吃豆人]]> puterjam@gmail.com(puterjam) Thu,21 Apr 2011 11:00:02 +0800 http://www.vzsio.live/default.asp?id=1035 Blog picture template artx 530x185 px 1

Html5 游戲開始初露鋒芒,在終端上漸現優勢的Html5 game 或許瞄準了一個非常號的平臺。微軟的加入更加讓Html5的普及加上更多的動力。

看看微軟做的html5游戲吧,這個在FC上的經典游戲,也跨平臺到了HTML5上,不過借助網絡的力量,這個版本的吃豆人可以自創關卡喲~

這個游戲由澳大利亞的網頁游戲工作室Soap Creative開發,發布于微軟的MIX11開發者大會上。

使用 Opera firefox Chrome IE9 等瀏覽器都可以玩哈~ ?猛擊這里游玩

World s Biggest PAC MAN

World s Biggest PAC MAN 1

]]>
http://www.vzsio.live/article/Note/qzfl_wallpaper.html <![CDATA[自己做的一張壁紙]]> puterjam@gmail.com(puterjam) Sat,13 Jun 2009 02:25:51 +0800 http://www.vzsio.live/default.asp?id=999

 

 

QZFL是團隊自己開發的一個框架庫。 做一張壁紙練練手,不過fireworks在處理模糊和大面積漸變的時候還真的比較吃力,效果還不好。 也只能怪自己沒好好學PS了。

]]>
http://www.vzsio.live/article/Note/safari_4_welcome.html <![CDATA[safari 4.0 歡迎動畫的秘密]]> puterjam@gmail.com(puterjam) Wed,25 Feb 2009 10:23:24 +0800 http://www.vzsio.live/default.asp?id=965 http://www.apple.com/safari/welcome/

這個safari 4.0的歡迎動畫, 頁面雖小但是確是一個包含了很多新技術的展示頁面.

我們來看看都用了那些新元素.

 

1.html 5.0 的視頻和音頻支持

Web Inspector — topsites___.jpg

Web Inspector — topsites___-1.jpg

2. css動畫, 動畫的構造師

Web Inspector — topsites___-2.jpg

http://images.apple.com/safari/welcome/styles/safari.css

通過這些新技術,給我們帶來一小段很震撼的動畫效果演示,

]]>
http://www.vzsio.live/article/Note/Internet-Explorer-8-User-Agent.html <![CDATA[Internet Explorer 8 User-Agent]]> puterjam@gmail.com(puterjam) Sat,10 Jan 2009 11:24:07 +0800 http://www.vzsio.live/default.asp?id=944 ie8 增加了兼容模型,當我們選擇不同的兼容模型后,ie8的userAgent(下簡稱UA)就會發生變化,UA里的 MSIE 版本號會有直接的變化。為了可以讓開發更加容易判斷瀏覽器類型。ie8在UA里增加了 Trident 的標示.

 

先掃掃盲,Trident 是什么?

大家都知道TT,Maxthon用的是IE內核,但是IE的渲染引擎是什么呢? 和firefox,safari一樣,瀏覽器是有自己的渲染引擎的,Trident 就是IE的渲染引擎,他是在IE4.0開始成型的。不過 Trident 這個名字沒有Gecko/Webkit那么響亮,這個有點可惜。

更多 Trident 的信息: http://en.wikipedia.org/wiki/Trident_(layout_engine)

 

以下內容來自IETeam: http://blogs.msdn.com/ie/archive/2009/01/09/the-internet-explorer-8-user-agent-string-updated-edition.aspx

 

IE8 on Windows Vista (Compatibility View)

Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; Trident/4.0)

IE8 on Windows Vista

Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0)

IE8 on Windows 7

Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0)

64-bit IE on 64-bit Windows:

Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Win64; x64; Trident/4.0)

32-bit IE on 64-bit Windows:

Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; WOW64; Trident/4.0)

 

不過判斷ie8,舜子比較喜歡用 var ie8 = !!window.XDomainRequest; :P

]]>
http://www.vzsio.live/article/Note/CS193H-High-Performance-Web-Sites.html <![CDATA[CS193H: High Performance Web Sites]]> puterjam@gmail.com(puterjam) Thu,08 Jan 2009 11:40:24 +0800 http://www.vzsio.live/default.asp?id=943 CS193H_ High Performance Web Sites - Mozilla Firefox.jpgSteve Souders牛人的性能優化的演講PPT

http://cs193h.stevesouders.com/

]]>
http://www.vzsio.live/article/Note/safarixPathbug.html <![CDATA[safari xPath的Bug]]> puterjam@gmail.com(puterjam) Tue,30 Dec 2008 17:26:08 +0800 http://www.vzsio.live/default.asp?id=939 空間在safari里經常時好時壞的,追查了問題的根源,發現是safari對xPath解釋的時候有Bug.

Gcommon.js.jpg

這段代碼里,safari使用XPathEvaluator經常沒事返回一個underfined.

不過這個問題在 webkit 已經得到修正了。

為了解決這個問題,改用了querySelector來修正,而且接口的使用也簡單很多了.


Gcommon.js-1.jpg

]]>
http://www.vzsio.live/article/Note/938.html <![CDATA[瀏覽器測試也瘋狂 on Mac]]> puterjam@gmail.com(puterjam) Tue,30 Dec 2008 14:57:48 +0800 http://www.vzsio.live/default.asp?id=938 之前發過瀏覽器派對~~的文章,主要分享了一下win下的瀏覽器。有朋友問到mac系統有沒有類似的測試,其實我們是有關注mac系統的,同時mac系統做開發和web測試比windows的體驗好太多了。(和mac有血緣關系的Linux desktop除外,至今覺得這個系統還不是給人用的)


Desktop.jpg

目前mac上瀏覽器測試用到的一些瀏覽器,嚴格來說不是所有工具都是瀏覽器。其實LittleSnapper是一個截圖工具,只是里面內嵌入了一個webkit, OmniWeb是一個速度很快的瀏覽器,雷區Minefield是firefox的測試版,Fluid是一個把web轉換成應用程序的工具,也是內嵌webkit。 底下3個都是虛擬機提供但是個真實環境的ie三個版本。

mac系統上webkit內核運用廣泛。好比windows下的ie控件。

]]>
http://www.vzsio.live/article/Note/937.html <![CDATA[[簡譯]web開發的責任]]> puterjam@gmail.com(puterjam) Tue,30 Dec 2008 11:00:22 +0800 http://www.vzsio.live/default.asp?id=937
200812301055.jpg
John Resig 在他的新文章指出,給瀏覽器做一個好的bug報告者也是web開發的一種責任

http://ejohn.org/blog/a-web-developers-responsibility/
 

做為Web開發,我們都能發現瀏覽器的很多Bug,但是我們有沒有給他們反饋這些bug?還是我們默默忍受,用一些極端的方式解決呢?

瀏覽器改進了,其實對開發對用戶都是一舉兩得的。

The solution to helping browsers is two-fold:

1) Every time you find a browser bug, file a bug report to the respective browser.

2) Actively test your sites in the latest builds of the major browsers.


幫助瀏覽器解決問題是一個一舉兩得的事情:1)當你找到一個瀏覽器的Bug,我們需要給個別瀏覽器提出Bug報告,2)積極地跟進和測試每一個Latest Builds 版本瀏覽器。

 

如何提交一份好的Bug報告?

沒個瀏覽器都有提交Bug報告的地方地址如下:

1.發現問題后,我們就不要悶不作聲,問題解決后也給相應的瀏覽器提交一份Bug報告

2.提交的報告需要分類的,例如:要明確是Dom的問題,還是渲染引擎,腳本引擎的問題

3.同時,我們還需要提供簡潔明了的測試用例,沒有測試用例開發不能很快得從你的講述中明白Bug的原因

4.定期檢查你的Bug有沒有被修復

 

如果提交的Bug報告被拒絕怎么辦?

通常有兩種情況會拒絕:1)這不是一個Bug,2)這個Bug無法重現

如果拒絕后,你還堅持這是瀏覽器的Bug,我們可以選擇辯論(通常以評論的方式進行)來和開發討論這個Bug的原因

這里有些辯論的例子

Canvas arc() with radius of 0 throws exception

Out of Memory Error with .split("") due to large number of live objects

querySelectorAll NodeList Exception

Implement .children

 

獲得最新版本的瀏覽器(Latest Nightly)

測試你的Bug是否真正解決

Firefox Nightly Release

WebKit/Safari Nightly Release

IE 8 Betas, IE 8 Weekly Builds (需要微軟的邀請才能獲得)

Google Chrome Nightly Builds

Opera Desktop Team Blog

]]>
重庆时时彩规律大全
重庆时时彩骗局报道 3v重庆时时彩下载 重庆时时彩1-5球 重庆时时彩组六怎么玩能挣钱 重庆时时彩网上平台是假的吗 重庆时时彩app分析软件 新时时彩是怎么开奖的 重庆时时彩预测2 时时彩内部管理计划群 360重庆老时时彩走势图表 时时彩漏洞教程 重庆时时彩开奖的 重庆时时彩平台高返点 重庆时时彩平刷组六 玩重庆时时彩心态
地下城现在怎么最赚钱 梅州大乐透大奖 澳客网足彩胜平负14场 分分彩平台开奖不一样 一点赚钱一天可以领多少元宝 快乐12复式投注对照表 亚马逊中国联盟赚钱 微信上如何赚钱 千炮捕鱼达人官方版