首頁 > 下載 >  學習資源 > 網頁製作

  • 訪客至上-網頁設計秘笈

    可用性設計是Web設計中最重要也是難度最高的任務。本書作者根據多年從業的經驗,剖析使用者的心理,在使用者使用的模式、為掃描進行設計、導航設計、主頁佈局、可用性測試等方面提出了許多獨特的觀點,並給出了大量簡單、易行的可用性設計的建議。本書短小精煉,語言輕鬆詼諧,書中穿插大量色彩豐富的螢幕截圖、趣味叢生的卡通插圖以及包含大量資訊的圖表,使枯燥的設計原理變得平易近人。本書適合從事Web設計和Web開發的技術人員閱讀,特別適合為如何留住訪客而苦惱的網站/網頁設計人員閱讀。 <br /> 有些網站看起來很清爽; <br /> 有些網站看起來很雜亂; <br /> 有些網站能讓你輕鬆找到資料; <br /> 有些網站讓你猶如置身迷宮… <br /> 為什麼網站的可用性會有這麼大的反差? <br /> 使用者在造訪網站時有怎樣的心理? <br /> 遵循什麼樣的原則來設計網站才能吸引訪客? <br /> 這本全球Web設計人員的必讀經典會給出答案。 <br /> 這是一本關於Web設計原則而不是Web設計技術的書。本書作者是Web設計專家,具有豐富的實務經驗。他用幽默的語言為你揭示Web設計中重要但卻容易被忽視的問題,只需幾個小時,你便能對照書中講授的設計原則找到網站設計的癥結所在,令你的網站煥然一新。 

    網頁製作29861752018-01-11
  • ZK 中文開發手冊

    《ZK中文開發手冊》高清淅pdf版,ZK 是一個基於組件、由事件驅動的AJAX用戶界面的框架,一種幕後(behind-the-scene)技術。有了ZK,您可以利用XUL 和XHTML來豐富您的Web 應用,操縱它們來處理因使用者活動而引發的事件,就像您使用多年的桌面應用程式一樣。 

    網頁製作29864262018-01-11
  • w3school-html-dom

    HTML DOM 定義了存取和操作HTML文件的標準方法。 <br /> HTML DOM 將 HTML 文件呈現為帶有元素、屬性和文字的樹狀結構(節點樹)。 <br /> 開始學習 HTML DOM! <br /> HTML DOM 實例 <br /> 學習 100 個實例!使用我們的編輯器,你可以編輯 HTML 文檔,然後點擊 TIY 按鈕來查看結果。 

    網頁製作29866452018-01-11
  • EXT 初級簡明教程

    EXT比較初級的簡明教學PDF格式,和以前的一本簡明教學內容不一樣。本教學同樣面向入門級,為學習EXT打前戰,內容主要有EXT框架基礎及核心簡介、EXT使用面板、EXT視窗及對話方塊、圖層與佈局、表格控制、資料儲存等。

    網頁製作29862342018-01-11
  • AJAX開發簡略

    本書包含了續一的全部內容,是由AJAX編程高手eamoi編寫的一本AJAX開發簡明教程。主要講解了以下: <br /> 一、AJAX定義 <br /> 二、現狀與需要解決的問題 <br /> 三、為什麼要使用AJAX <br /> 四、誰在使用AJAX <br /> 五、用AJAX改進你的設計 <br /> 範例1:資料校驗 <br /> 範例2:按需取資料—級聯選單 <br /> 範例3:讀取外部資料 <br /> 六、AJAX的缺陷 <br /> 七、AJAX開發 <br /> 7.1、AJAX應用到的技術 <br /> A、XMLHttpRequest物件 <br /> B、Javascript <br /> C、DOM <br /> D、XML <br /> 7.2、AJAX開發框架 <br /> A、初始化物件並發出XMLHttpRequest請求 <br /> B、指定回應處理函數 <br /> C、發出HTTP請求 <br /> D、處理伺服器傳回的資訊 <br /> E、一個初步的開發架構 <br /> 7.3、簡單的範例 <br /> A、資料校驗 <br /> B、級聯選單 <br /> 7.4、文檔物件模型(DOM) <br /> 7.4.1、DOM眼中的HTML文件:樹 <br /> 7.4.2、HTML文檔的節點 <br /> 7.4.3、使用DOM操作HTML文件.. <br /> 7.5、處理XML文檔. <br /> 7.5.1、處理返回的XML <br /> 7.5.2、選擇適當的XML產生方式 <br /> 7.5.3、如何在使用XML或普通文本間權衡

    網頁製作29861582018-01-11
  • Ajax基礎 四天學會Ajax

    本教學的作者是一位Ajax 程式設計專家,他透過這本書向大家示範了HTML、JavaScript™ 技術、DHTML 和DOM 這些技術是如何協同工作的—— 從總體概述到細節的討論—— 使高效的Web 開發成為現實。他也揭開了 Ajax 核心概念的神秘面紗,包括 XMLHttpRequest 物件。 

    網頁製作29861872018-01-11
  • Ajax 詳解

    第 1 部分: Ajax 簡介<br /> Ajax 由 HTML、JavaScript™ 技術、DHTML 和 DOM 組成,這項傑出的方法可以將笨拙的 Web 介面轉換成互動性的 Ajax 應用程式。本系列的作者是一位 Ajax 專家,他示範了這些技術如何協同工作 —— 從總體概述到細節的討論 —— 使高效的 Web 開發成為現實。他也揭開了 Ajax 核心概念的神秘面紗,包括 XMLHttpRequest 物件。 <br /> 五年前,如果您不知道 XML,您就是一隻無人重視的醜小鴨。十八個月前,Ruby 成了關注的中心,不知道 Ruby 的程式設計師只能坐冷板凳了。今天,如果想跟上最新的科技時尚,那麼您的目標就是 Ajax。 <br /> 請造訪 Ajax 技術資源中心,這是有關 Ajax 程式設計模型資訊的一站式中心,包括許多文件、教學、論壇、blog、wiki 和新聞。任何新資訊都能在這裡找到。 <br /> 但是,Ajax 不僅僅是一種時尚,它是一種建立網站的強大方法,而且不像學習一種全新的語言那樣困難。 <br /> <br /> <br />

    網頁製作29863442018-01-11
  • AJAX 設計模式

    這本小冊子並不是什麼官方機構的權威書,但是卻是一本面向初學者的實用教程,拋開官方拉雜的語言,這裡用口語化向大家介紹如何用AJAX 來設計開發一個交互性很強的網站。本書作者用dojo 的toolkit 來實現Ajax運用,並沒有用到過多的jQuery以及prototype,因為覺得他們實在是太好了,簡單易用,但是dojo 給我們提供了更多封裝好的功能,不論哪種框架,都有一個共同的缺陷:缺少詳細的說明文檔,我們需要花很多時間在調試上或閱讀一些相關文章來幫助理解。 

    網頁製作29861542018-01-11
  • A4J-ajax4jsf

    A4J-ajax4jsf,這本書介紹一些方法、函數等,此方面學習研究的朋友的可以參考一下。 

    網頁製作29860752018-01-11
  • 《AJAX的新手快車道》

    要寫一本AJAX的書,想想都覺得有點心虛。 AJAX到底是什麼?我得先Google一把。於是我就發現了促使AJAX誕生的那篇文章《a New Approach toWeb Applications》①,在這篇文章裡,AJAX 是一個比較莫名的縮寫:Asynchronous JavaScript   XML。什麼叫做異步的JavaScript加上XML呀。在初步的瀏覽之後,我相信,AJAX這個名字之所以能夠如此風行,完全是因為那隻世界聞名的荷蘭球隊②。 Jesse James Garrett的貢獻的偉大之處就在於,他想方設法的搞出了這麼一個縮寫,使得一些大家早就在使用的老技術,變得重新流行起來,熱門起來,新鮮起來。 <br /> AJAX是一種很酷的技術,一旦採用了AJAX,就能讓你的Web頁面變得很漂亮。那麼,本書對想學AJAX的朋友是一本很不錯的書籍,它對AJAX 的概念、程式碼等都有獨特的分析。

    網頁製作29863312018-01-11
  • 《Ajax的經典案例開發大全》

    本書是基於AJaX進行專案開發的參考書籍,適合廣大web網站開發人員、想了解AjaX技術應用的愛好者,和已有一定Ajax使用經驗的初、中級開發人員。 <br /> 這本書對Ajax技術的典型應用進行了歸納總結,基本上涵蓋了AjaX技術應用的典型場景。書中共有45個實例,分為9章:動態載入資料、改善使用者體驗、電子商務應用、伺服器端運算、網頁應用、自動及定時業務、伺服器管理、存取第三方服務及綜合專案。本書選例典型,講解細緻,讀者閱讀本書,可以快速掌握AjaX技術,並應用於實際專案。

    網頁製作29863262018-01-11
  • 正規指引

    雷雷

    網頁製作29910612018-01-10
  • 使用dwr框架來實作Ajax

    <div style="margin:0px;padding:0px;color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;"> 框架簡介:DWR(Direct Web Remoting) </div> <div style="margin:0px;padding:0px;color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;">      是一個用於改善web頁面與Java類別互動的遠端伺服器端Ajax開源框架,可以幫助開發人員開發包含AJAX技術的網站。它可以允許在瀏覽器裡的程式碼使用運行在WEB伺服器上的JAVA函數,就像它就在瀏覽器裡一樣。 </div> <div style="margin:0px;padding:0px;color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;"> <br /> </div> <div style="margin:0px;padding:0px;color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;"> 本Demo實現的基本功能: </div> <div style="margin:0px;padding:0px;color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;"> 點選jsp介面的按鈕,透過DWR呼叫到伺服器端的java程式碼,在控制台列印出jsp輸入框中的值 </div>

    網頁製作29907912018-01-10
  • 活用正規表示式就可以事半功倍

    <p class="reader-word-layer reader-word-s1-10"> 解密EditPlus的強大功能-活用正規表示式你將事半功倍,喜歡使用editplus的朋友可以下載看下。 <br /> 正規表示式應用實例目錄 <br /> 【1】 正規表示式應用-替換指定內容到行尾 <br /> 【2】 正規表示式應用-數字替換 <br /> 【3】 正規表示式應用-刪除每一行行尾的指定字元  <br /> 【4】 正規表示式應用-替換有半角括號的多行 <br /> 【5】 正規表示式應用-刪除空白行 <br /> 【6】 軟體技巧-鍵盤記錄的注意事項  <br /> 【7】 軟體技巧-關閉文件標籤的便利方法  <br /> 【8】 軟體技巧-如何移除 EditPlus 儲存文字檔案時的新增後綴提示? <br /> 【9】 軟體技巧-提示找不到文法檔案的解決方案  <br /> 【10】軟體技巧-設定editplus支援其它文字,如韓文 <br /> 【11】軟體技巧-FTP 上傳的設定 <br /> 【12】軟體技巧-如何停用備份檔案功能? <br /> 【13】軟體技巧-新增文法檔案、自動完成檔案、以及剪輯庫檔案 <br /> 【14】工具整合-編譯器整合範例(Java、Borland C 、Visual C 、Inno Setup、nsis、C#) <br /> 【15】工具整合-讓Editplus調試PHP程式 <br /> 【16】工具整合-打造 PHP 除錯環境(二) <br /> 【17】在 WINPE 中整合 EDITPLUS  <br /> 【18】支持有UTF-8標記/不帶UTF-8標記的文件  </p>

    網頁製作29907342018-01-10
  • Regular-Expressions的正規表示式

    <p> 正規表示式,又稱正規表示式、正規表示法、正規表達式、規則表達式、常規表示法(英文:Regular Expression,在程式碼中常簡稱為regex、regexp或RE)。 </p> <p> 正規表示式使用單一字串來描述、匹配一系列符合某個句法規則的字串。在許多文字編輯器裡,正規表示式通常被用來檢索、取代那些符合某個模式的文字。 </p> <p> 一、字元類 </p> <p> 1.字符類:可以匹配他所包含的任意字符 </p> <p>     eg:/[abc]/和字母"a"、"b"、"c"中的任一個匹配 </p> <p> 2.否定字元類: 透過"^"字元定義否定字元類,他符合所有不包含在方括號內的字元。定義否定字元類別時,將一個"^"符號當作左括號內的第一個字元。 </p> <p>     eg:/[^abc]/匹配"a"、"b"、"c"以外的所有字元。 </p> <p> 3、\s : 符合的是空格符、製表符和其他Unicode空白符; </p> <p>     .  :  除換行符和其他Unicode行終止符之外的任意字元。 </p>

    網頁製作29908662018-01-10
  • python的正規re模組詳解

    <p style="font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:13px;background-color:#FFFFFF;"> <span style="font-family:&quot;">re.match的函數原型為:re.match(pattern, string, flags)</span> </p> <p style="font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:13px;background-color:#FFFFFF;"> <span style="font-family:&quot;">第一個參數是正規表示式,這裡為"(\w )\s",如果匹配成功,則傳回一個Match,否則回傳一個None;</span> </p> <p style="font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:13px;background-color:#FFFFFF;"> <span style="font-family:&quot;">第二個參數表示要符合的字串;</span> </p> <p style="font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:13px;background-color:#FFFFFF;"> <span style="font-family:&quot;">第三個參數是標致位,用於控制正規表示式的匹配方式,如:是否區分大小寫,多行匹配等等。 </span> </p>

    網頁製作29911052018-01-10
  • Laravel的框架技術解析

    aravel框架,其本質也是由一堆出色的組件搭配而成,要了解laravel框架,那麼就需要了解laravel框架中用到的各類組件。 <br /> php中各類別元件庫中,最為主要的為兩個 Packagist PEAR<br /> 其中,Packagist和Composer健米合作,利用Composer可以安裝packagist裡面的元件,並且完成自動載入。 <br /> 利用composer將元件下載到本地之後,會產生composer.json和composer.lock兩個文件,composer.lock文件會列出專案所有的php元件,以及元件的具體版本號,這樣鎖定了版本,讓專案只能使用具體版本的PHP元件。這樣的好處,composer會下載這個文件中列出的具體版本,而不管Packagist中可用的最新版本是多少,你應該把composer.lock文件納入版本控制,這樣讓團隊成員使用的PHP版本和你一樣,如果本機開發和伺服器使用php元件版本相同,可以盡量減少因元件版本不同而導致的bug。 <br /> <br /> composer的自動加載,其實就是名為autoload.php的文件,保存在vendor目錄中,Composer下載各個PHP組件時,會檢查每個組件的composer.json文件,確定如何加載該組件,得到這個信息後, Composer會在本機為該元件建立一個和服PSR標準的自動載入。這樣我們就可以實例化專案中的任何PHP元件。這些組件需要自動載入。 <br /> <br />

    網頁製作29911692018-01-10
  • H5與C3權威指南二

    <p style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;"> HTML5是繼HTML4後的強大力量,它封裝了許多API,我們可以不用再寫好幾行javascript來實現一個簡單的功能了,而一個標籤就可以解決問題,它有很強大的語義化標籤,讓佈局簡潔易懂,利於維護,最重要的是它兼容性特別厲害,好像就是為了解決兼容性而生的一樣,雖然語法不一樣了,但也同時兼容HTML4的寫法,是不是很強大。 <br /> 一、新增的結構元素<br /> 1)section<br /> 表示頁面中的一個內容區塊,例如章節、頁首、頁尾或頁面中的其他部分,可以取代先前的div<br /> 2)article<br /> 表示頁面中的一塊與上下文不相關的獨立內容,例如部落格中的一篇文章。 <br /> 3)aside<br /> 表示article元素的內容之外的,與article元素的內容相關的輔助資訊。 <br /> 4)header<br /> 5)footer<br /> 6)hgroup<br /> 用於對整個頁面或頁面中一個內容區塊的標題進行組合<br /> 7)figure<br /> 表示一段獨立的流內容,一般表示文檔主體流內容中的一個獨立單元,使用<br /> figcaption為figure元素新增標題<br /> 8)nav<br /> </p>

    網頁製作29909972018-01-10
  • H5跨平台遊戲開發1

    <p class="p" style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;text-indent:21pt;"> <span style="font-family:宋体;line-height:21px;font-size:10.5pt;"><span>隨著</span>Chrome<span>和</span><span style="font-family:Calibri;">Safari</span><span>#的高歌猛進,以及</span><span style="font-family:Calibri;">IE Flash</span><span>的衰落, </span><span style="font-family:Calibri;">HTML5</span><span>告一段落,進入了下一個時代-行動網路。 </span><span style="font-family:Calibri;">HTML5</span><span>的跨平台優勢在行動網路時代被進一步凸顯。 </span><span style="font-family:Calibri;">HTML5</span><span>是唯一一個通吃</span><span style="font-family:Calibri;">PC</span><span>#、</span><span style="font-family:Calibri;">Mac</span>##、<span></span>iPhone<span style="font-family:Calibri;"></span>、<span></span>iPad<span style="font-family:Calibri;"></span>、<span></span>Android<span style="font-family:Calibri;"></span>、<span>##Windows Phone</span><span style="font-family:Calibri;">等主流平台的跨平台語言。 </span><span>Java</span><span style="font-family:Calibri;">和</span><span>Flash</span><span style="font-family:Calibri;">都曾經夢想過這個位置,但夢斷於</span><span>iOS</span><span style="font-family:Calibri;"> 。此時人們紛紛開始研究基於</span><span>HTML5</span><span style="font-family:Calibri;">開發跨平台手機應用程式。很多人當時認為,原生應用只是過渡,就像當年從</span><span>C/S</span><span style="font-family:Calibri;">結構轉變為</span><span>B/S</span><span style="font-family:Calibri;">結構一樣。而且學習</span><span>Objective-C</span><span style="font-family:Calibri;">和</span><span>Java</span><span style="font-family:Calibri;">#很費勁,我既然網頁開發,為何不試試</span><span>HTML5 </span><span style="font-family:Calibri;">。 </span><span></span></span> <span style="font-family:宋体;line-height:21px;font-size:10.5pt;"><p class="p" style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;text-indent:21pt;"> <span style="font-family:宋体;line-height:21px;font-size:10.5pt;">W3C<span>此時成立了</span><span style="font-family:Calibri;">Device API</span><span>工作小組,為</span><span style="font-family:Calibri;">HTML5</span>##擴充了<span></span> Camera<span style="font-family:Calibri;"></span>、<span></span>GPS<span style="font-family:Calibri;"></span>等手機特有的<span></span>API<span style="font-family:Calibri;"></span>,然而麻煩的是,行動網路初期的迭代太快了,手機<span></span>OS<span style="font-family:Calibri;"></span>在不停的擴展硬體<span></span>API<span style="font-family:Calibri;"></span>,陀螺儀、距離感應器、氣壓計<span></span></span>。 <span style="font-family:宋体;line-height:21px;font-size:10.5pt;"></span><span style="font-family:宋体;line-height:21px;font-size:10.5pt;">每年手機都有大版本更新。而<span>W3C</span>作為一個數百個會員單位共同決策的組織,從標準草案的提出到達成一致是非常複雜的過程,跟不上移動互聯網初期的快速迭代。 <span></span></span><span style="font-family:宋体;line-height:21px;font-size:10.5pt;"> </span> </p> <p class="p" style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;text-indent:21pt;">PhoneGap<span style="font-family:宋体;line-height:21px;font-size:10.5pt;">的出現,為開發者打開了一扇窗。很多人期待<span></span>PhoneGap<span style="font-family:Calibri;"></span>不停擴充<span></span>API<span style="font-family:Calibri;"></span>,來補充瀏覽器的不足。 <span></span>Adobe<span style="font-family:Calibri;"></span>看到<span></span>PhoneGap<span style="font-family:Calibri;"></span>#彷彿看到了重振江湖地位的希望,但在<span></span>Adobe<span style="font-family:Calibri;"> </span>收購<span></span>PhoneGap<span style="font-family:Calibri;"></span>後,又發現這個東西可商用性不足,而且開源使得<span></span>Adobe<span style="font-family:Calibri;"></span>無法像<span></span>Flash<span style="font-family:Calibri;"></span>那樣取得商業利益,於是就把<span></span>PhoneGap<span style="font-family:Calibri;"></span>#捐給了<span></span>Apache<span style="font-family:Calibri;"></span>,改名為<span></span>Cordova<span style="font-family:Calibri;"></span>。 <span></span></span><span style="font-family:宋体;line-height:21px;font-size:10.5pt;"> </span><p class="p" style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;text-indent:21pt;"> <span style="font-family:宋体;line-height:21px;font-size:10.5pt;"><span>因為各種原因,</span>Cordova<span>的定位最終沒有成為瀏覽器的強化,而走向了混合式開發。基於當時的背景,他們認為原生是不可取代的,「原生</span><span style="font-family:Calibri;"> HTML5</span><span>」的混合模式更有意義。所以現在</span><span style="font-family:Calibri;">Cordova</span><span>的使用模型是「原生工程師</span><span style="font-family:Calibri;"> HTML5</span><span>工程師」一起協作完成</span><span style="font-family:Calibri;">#App</span> <span>。 </span></span><span style="font-family:宋体;line-height:21px;font-size:10.5pt;"></span> </p> <p class="p" style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;text-indent:21pt;"> <span style="font-family:宋体;line-height:21px;font-size:10.5pt;"><span>這時</span>Facebook<span>加入了</span><span style="font-family:Calibri;">W3C</span><span>#,牽頭成立了</span><span style="font-family:Calibri;">Mobile Web</span><span>工作小組。 </span><span style="font-family:Calibri;">Facebook</span><span>是混</span><span style="font-family:Calibri;">Web</span><span>圈的,並且在手機</span><span style="font-family:Calibri;">OS</span><span>上沒有自己的領地,他不喜歡被蘋果和</span><span style="font-family:Calibri;">Google</span><span>#掌控的原生應用生態系統。 </span><span style="font-family:Calibri;">Mobile Web</span><span>這個工作小組的重要目標就是讓</span><span style="font-family:Calibri;">HTML5</span><span>開發的網頁應用程式達到原生應用程式的體驗。然而,事與願違,它不努力也就算了,結果是努力了卻失敗了。 </span><span style="font-family:Calibri;">2012</span><span>年,</span><span style="font-family:Calibri;">Facebook</span><span>放棄了</span><span style="font-family:Calibri;">HTML5</span><span>的新聞充斥了全世界的</span><span style="font-family:Calibri;">IT</span><span>媒體,</span><span style="font-family:Calibri;">HTML5</span><span>瞬間被打入冷宮。 </span></span><span style="font-family:宋体;line-height:21px;font-size:10.5pt;"></span> </p><p class="p" style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;text-indent:21pt;"> <span style="font-family:宋体;line-height:21px;font-size:10.5pt;">Facebook<span>為何放棄</span><span style="font-family:Calibri;">HTML5?</span><span>核心是當時基於</span><span style="font-family:Calibri;">HTML5</span><span>真的做不出好的行動</span><span style="font-family:Calibri;">App</span><span>。對比</span><span style="font-family:Calibri;">Twritter</span><span>等競爭對手的原生</span><span style="font-family:Calibri;">App</span><span>#,</span><span style="font-family:Calibri;">Facebook</span><span>的</span> <span style="font-family:Calibri;">HTML5</span><span>版本實在無法讓使用者滿意。例如</span><span style="font-family:Calibri;">Push</span><span>功能,到現在</span><span style="font-family:Calibri;">HTML5</span><span>的推送和原生的推送體驗差距依然巨大,更不用說</span><span style="font-family:Calibri;">HTML5</span><span>應用程式的頁面切換白螢幕、下拉刷新</span><span style="font-family:Calibri;">/</span><span>#側滑選單不流暢等眾多問題。看著原生工程師輕鬆實現搖搖一搖、二維碼、語音輸入、分享到朋友圈等功能,更是讓</span><span style="font-family:Calibri;">HTML5</span><span> 工程師覺得自己站錯了隊。 </span></span><span style="font-family:宋体;line-height:21px;font-size:10.5pt;"></span> </p> <p class="p" style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;text-indent:21pt;"> <span style="font-family:宋体;line-height:21px;font-size:10.5pt;"><span>即使</span>Facebook<span>不喜歡被控制,也不能拿被用戶拋棄來冒險。而且</span><span style="font-family:Calibri;">Facebook</span><span>並沒有掌握關鍵點—手機瀏覽器核心。如果瀏覽器不跟上,徒然定一堆標準草案落不了地。 </span></span><span style="font-family:宋体;line-height:21px;font-size:10.5pt;"></span> </p><p class="p" style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;text-indent:21pt;"> <span style="font-family:宋体;line-height:21px;font-size:10.5pt;"><span>而瀏覽器在手機上的表現是什麼呢</span>?<span>先看</span><span style="font-family:Calibri;">Google</span><span>,</span><span style="font-family:Calibri;">Chrome</span> <span>效能雖高,但</span><span style="font-family:Calibri;">Android</span><span>上的瀏覽器並非</span><span style="font-family:Calibri;">Chrome</span><span>,而是</span><span style="font-family:Calibri;">WebKit </span><span>改出來的一個蹩腳的</span><span style="font-family:Calibri;">Android</span><span>瀏覽器</span><span style="font-family:Calibri;">;</span><span>再看蘋果,</span><span style="font-family:Calibri;"></span><span></span><span style="font-family:Calibri;"></span><span></span><span style="font-family:Calibri;"></span><span></span><span style="font-family:Calibri;"></span><span></span><span style="font-family:Calibri;"></span><span>## iOS</span><span style="font-family:Calibri;">上不允許其他瀏覽器引擎上架</span><span>App Store</span><span style="font-family:Calibri;">,而且其他使用</span><span>Safari</span><span style="font-family:Calibri;">引擎的應用程式也無法呼叫蘋果自己的</span><span>JavaScript</span><span style="font-family:Calibri;">加速引擎</span><span>Nitro</span></span>。結果是蘋果和<span style="font-family:宋体;line-height:21px;font-size:10.5pt;"></span>Google</p><p class="p" style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;text-indent:21pt;">不但不在瀏覽器上積極實作<span style="font-family:宋体;line-height:21px;font-size:10.5pt;"><span>HTML5</span><span>關於移動</span><span style="font-family:Calibri;">#App</span><span>所需的規範,反而對</span><span style="font-family:Calibri;">HTML5</span><span>做出種種限制。 </span></span><span style="font-family:宋体;line-height:21px;font-size:10.5pt;"></span> </p> ### ######不管是當時硬體能力不足,或是手機###OS###廠商的故意限制,總之結果就是:在行動網路的初期,一定是原生應用程式生態系統的天下,#### ##iOS######和######Android######在先自己的地盤穩固後,產業才會向下個階段升級。 ############ ###<p class="p" style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;text-indent:21pt;"> <span style="font-family:宋体;line-height:21px;font-size:10.5pt;">Facebook<span>也好,</span><span style="font-family:Calibri;">PhoneGap</span><span>也好,想在行動網路初期就分一杯羹是分不到的,但堅持下來,機會往往會出現。 </span></span><span style="font-family:宋体;line-height:21px;font-size:10.5pt;">而今年</span><span style="font-family:宋体;line-height:21px;font-size:10.5pt;">HTML5</span><span style="font-family:宋体;line-height:21px;font-size:10.5pt;"><span>遊戲正在風口之上,如何抓住風口中的</span>H5<span>遊戲的紅利,就要看自身的營運狀況。大雄遊戲,H5遊戲介面。 </span></span> </p>

    網頁製作29912282018-01-10
  • H5開發遊戲

    <span style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;">客戶端</span><br /> <span style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;">1.關於遊戲引擎</span><br /> <span style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;">在15年3月開始準備做h5遊戲的時候,首先遇到的問題就是引擎選型的問題。 </span><br /> <span style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;">當時市面上的2d引擎主要有3個:白鷺egret,layabox和cocos2d-js。 </span><br /> <span style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;">一方面,是因為我以前用cocos2d-x(c )做了一年多的手遊客戶端,所以,很自然就選擇了cocos2d-js。另一方面,是因為當時市面上其他兩個引擎的成功項目還不多。 </span><br /> <span style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;">cocos引擎的每一次版本更新,我們都會第一時間在我們的遊戲裡面進行測試。 </span><br /> <span style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;">如果發現遊戲在android手機上的效能有明顯提升,我們就會跟著引擎版本一起升級。站在巨人的肩膀上,我們可以事半功倍。 </span><br /> <span style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;">從15年3月的v3.5,到15年9月的v3.8,到15年11月的v3.9,直到最近16年7月的v3.12。我們一共更新了3次遊戲引擎! </span><br /> <span style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;">PS:js-tests裡面的OpenGl Test直到v3.12才在android真機上能看到運作效果,淚流滿面! </span><br /> <br /> <br /> <span style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;">2.關於資料加密與通訊協定</span><br /># <span style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;">因為是強聯網遊戲,所以只能是websocket。因為我們原來的手遊客戶端和伺服器之前是tcpsocket,傳輸的內容是sha1加密過的自訂格式的二進位資料。 </span><br /> <span style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;">所以專案的第一個困難是怎麼用js實作json字串的二進位編碼和解碼,以及sha1加密和解密。 </span><br /> <span style="color:#454545;font-family:&quot;font-size:16px;background-color:#FFFFFF;">TODO:其實沒有必要每一條上下行都加密和編碼解碼,這會造成客戶端和伺服器端cpu壓力過大。只需要保護一些重要的事件(如登入、儲值、扣金幣等)即可! </span>

    網頁製作29910332018-01-10