首页 > 下载 >  学习资源 > 网页制作

  • 访客至上-网页设计秘笈

    可用性设计是Web设计中最重要也是难度最大的一项任务。本书作者根据多年从业的经验,剖析用户的心理,在用户使用的模式、为扫描进行设计、导航设计、主页布局、可用性测试等方面提出了许多独特的观点,并给出了大量简单、易行的可用性设计的建议。本书短小精炼,语言轻松诙谐,书中穿插大量色彩丰富的屏幕截图、趣味丛生的卡通插图以及包含大量信息的图表,使枯燥的设计原理变得平易近人。本书适合从事Web设计和Web开发的技术人员阅读,特别适合为如何留住访问者而苦恼的网站/网页设计人员阅读。 <br /> 有些网站看起来很清爽; <br /> 有些网站看起来很杂乱; <br /> 有些网站能让你轻松地找到资料; <br /> 有些网站让你犹如置身迷宫…… <br /> 为什么网站的可用性会有如此大的反差? <br /> 用户在访问网站时有怎样的心理? <br /> 遵循什么样的原则来设计网站才能吸引访客? <br /> 这本全球Web设计人员的必读经典会给出答案。 <br /> 这是一本关于Web设计原则而不是Web设计技术的书。本书作者是Web设计专家,具有丰富的实践经验。他用幽默的语言为你揭示Web设计中重要但却容易被忽视的问题,只需几个小时,你便能对照书中讲授的设计原则找到网站设计的症结所在,令你的网站焕然一新。 

    网页制作29860792018-01-11
  • ZK 中文开发手册

    《ZK中文开发手册》高清淅pdf版,ZK 是一个基于组件、由事件驱动的AJAX用户界面的框架,一种幕后(behind-the-scene)技术。有了ZK,您可以利用XUL 和XHTML来丰富您的Web 应用,操纵它们来处理因用户活动而引发的事件,就像您使用多年的桌面应用程序那样。 

    网页制作29863492018-01-11
  • w3school-html-dom

    HTML DOM 定义了访问和操作HTML文档的标准方法。 <br /> HTML DOM 把 HTML 文档呈现为带有元素、属性和文本的树结构(节点树)。 <br /> 开始学习 HTML DOM! <br /> HTML DOM 实例 <br /> 学习 100 个实例!使用我们的编辑器,你可以编辑 HTML 文档,然后单击 TIY 按钮来查看结果。 

    网页制作29865692018-01-11
  • EXT 初级简明教程

    EXT比较初级的简明教程PDF格式,和以前的一本简明教程内容不一样。本教程同样面向入门级,为学习EXT打前战,内容主要有EXT框架基础及核心简介、EXT使用面板、EXT窗口及对话框、层和布局、表格控件、数据存储等。

    网页制作29861642018-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还是普通文本间权衡

    网页制作29860872018-01-11
  • Ajax基础 四天学会Ajax

    本教程的作者是一位 Ajax 编程专家,他通过这本书向大家演示了HTML、JavaScript™ 技术、DHTML 和 DOM 这些技术是如何协同工作的—— 从总体概述到细节的讨论 —— 使高效的 Web 开发成为现实。他还揭开了 Ajax 核心概念的神秘面纱,包括 XMLHttpRequest 对象。 

    网页制作29861082018-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 />

    网页制作29862682018-01-11
  • AJAX 设计模式

    这本小册子并不是什么官方机构的权威书,但是却是一本面向初学者的实用教程,抛开官方拉杂的语言,这里用口语化向大家介绍如何用 AJAX 来设计开发一个交互性很强的网站。本书作者用 dojo 的toolkit 来实现Ajax运用,并没有用到过多的jQuery以及 prototype,因为觉得他们实在是太好了,简单易用,但是 dojo 给我们提供了更多封装好的功能,不论哪种框架,都有一个共同的缺陷:缺少详细的说明文档,我们需要花费很多时间在调试上或阅读一些相关文章来帮助理解。 

    网页制作29860692018-01-11
  • A4J-ajax4jsf

    A4J-ajax4jsf,这本书介绍一些方法、函数等,此方面学习研究的朋友的可以参考一下。 

    网页制作29860222018-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 的概念、代码等都有独到的分析。

    网页制作29862642018-01-11
  • 《Ajax的经典案例开发大全》

    本书是基于AJaX进行项目开发的参考书籍,适合广大web网站开发人员、想了解AjaX技术应用的爱好者,和已有一定Ajax使用经验的初、中级开发人员。 <br /> 这本书对Ajax技术的典型应用进行了归纳总结,基本上覆盖了AjaX技术应用的典型场景。书中共有45个实例,分为9章:动态加载数据、改善用户体验、电子商务应用、服务器端计算、网页应用、自动及定时业务、服务器管理、访问第三方服务和综合项目。本书选例典型,讲解细致,读者阅读本书,可以快速掌握AjaX技术,并应用于实际项目。

    网页制作29862722018-01-11
  • 正则指引

    雷雷

    网页制作29909902018-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>

    网页制作29907202018-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>

    网页制作29906642018-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>

    网页制作29907672018-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>

    网页制作29910372018-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 />

    网页制作29910802018-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>

    网页制作29909112018-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><span style="font-family:Calibri;">iPhone</span><span>、</span><span style="font-family:Calibri;">iPad</span><span>、</span><span style="font-family:Calibri;">Android</span><span>、</span><span style="font-family:Calibri;">Windows Phone</span><span>等主流平台的跨平台语言。</span><span style="font-family:Calibri;">Java</span><span>和</span><span style="font-family:Calibri;">Flash</span><span>都曾梦想这个位置,但梦断于</span><span style="font-family:Calibri;">iOS</span><span>。此时人们纷纷开始研究基于</span><span style="font-family:Calibri;">HTML5</span><span>开发跨平台手机应用。很多人当时认为,原生应用只是过渡,就像当年从</span><span style="font-family:Calibri;">C/S</span><span>结构转变为</span><span style="font-family:Calibri;">B/S</span><span>结构一样。而且学习</span><span style="font-family:Calibri;">Objective-C</span><span>和</span><span style="font-family:Calibri;">Java</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;">W3C<span>此时成立了</span><span style="font-family:Calibri;">Device API</span><span>工作组,为</span><span style="font-family:Calibri;">HTML5</span><span>扩展了</span><span style="font-family:Calibri;">Camera</span><span>、</span><span style="font-family:Calibri;">GPS</span><span>等手机特有的</span><span style="font-family:Calibri;">API</span><span>,然而麻烦的是,移动互联网初期的迭代太快了,手机</span><span style="font-family:Calibri;">OS</span><span>在不停的扩展硬件</span><span style="font-family:Calibri;">API</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>每年手机都有大版本更新。而</span>W3C<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;">PhoneGap<span>的出现,给开发者打开了一扇窗。很多人期待</span><span style="font-family:Calibri;">PhoneGap</span><span>不停扩展</span><span style="font-family:Calibri;">API</span><span>,来补充浏览器的不足。</span><span style="font-family:Calibri;">Adobe</span><span>看到</span><span style="font-family:Calibri;">PhoneGap</span><span>仿佛看到了重振江湖地位的希望,但在</span><span style="font-family:Calibri;">Adobe</span><span>收购</span><span style="font-family:Calibri;">PhoneGap</span><span>后,又发现这个东西可商用性不足,而且开源使得</span><span style="font-family:Calibri;">Adobe</span><span>无法像</span><span style="font-family:Calibri;">Flash</span><span>那样获取商业利益,于是就把</span><span style="font-family:Calibri;">PhoneGap</span><span>捐给了</span><span style="font-family:Calibri;">Apache</span><span>,改名为</span><span style="font-family:Calibri;">Cordova</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>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;">iOS</span><span>上不允许其他浏览器引擎上架</span><span style="font-family:Calibri;">App Store</span><span>,而且其他使用</span><span style="font-family:Calibri;">Safari</span><span>引擎的应用也无法调用苹果自己的</span><span style="font-family:Calibri;">JavaScript</span><span>加速引擎</span><span style="font-family:Calibri;">Nitro</span><span>。结果是苹果和</span><span style="font-family:Calibri;">Google</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;">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>OS<span>厂商的故意限制,总之结果就是:在移动互联网的初期,一定是原生应用生态系统的天下,</span><span style="font-family:Calibri;">iOS</span><span>和</span><span style="font-family:Calibri;">Android</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;">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>

    网页制作29911522018-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>

    网页制作29909602018-01-10