【www.shanpow.com--热门范文】
h5开发app篇(1):关于H5 APP开发，最牛逼的10本书都在这里！
金庸小说中涉及到剑法98种，刀法33种，鞭法12种，棍法及枪法23种，掌法及腿法206种，无属性功法20种。学会任何一种都能让你成为称霸一方的武林高手。但是，要成为威震天下笑傲江湖的绝顶高手，等闲武学是做不到的。最明显的例子就是慕容复，学了那么多驳杂的功法，还不是被半吊子的段誉用六脉神剑打成了猪头？！
高手通常在起点就赢了，你学的工夫是易筋经太极拳还是通臂拳灵鳌步，某种程度上已经决定了你未来的武学成就和江湖地位。
学武如此，学习H5移动APP开发又何尝不是呢？最近微信推出小程序内测，未来H5方向的专业人才必定水涨船高。很多程序员朋友都想抓住这个机遇，因此我们整理了目前最受欢迎的10本H5相关“武林秘籍”，供大家参考。
1、HTML5+CSS3从入门到精通
李东博 著
推荐指数：★★★☆
简介：本书通过基础知识+中小实例+综合案例的方式，讲述了用HTML5+ CSS3设计构建网站的必备知识，相对于专业指南、高级程序设计、开发指南同类图书，本书是一本适合快速入手的自学教程。
2、响应式Web设计:HTML5和CSS3实战
BenFrain (作者), 王永强 (译者)
推荐指数：★★★★
简介：全书主要是带领读者做一个小网页来写的，其实响应式的东西讲得比较少，大半内容是介绍H5和css3的基础知识。如果同时想了解H5和css3和响应式设计入门，这本书不错。
3、HTML5移动Web开发实战详解
林珑 (作者)
推荐指数：★★★★☆
简介：本书由浅入深，全面、系统、详尽地介绍了HTML5相关技术和其在移动开发领域的应用。书中提供了大量的代码示例，读者可以通过这些例子理解知识点，也可以直接在开发实战中稍加修改应用这些代码。《HTML5移动Web开发实战详解》涉及面广，从基本原理到实战，再到项目工作流，几乎涉及一个合格的前端开发工程师需要具备的所有重要知识。
4、疯狂HTML 5/CSS3/JavaScript讲义
李刚 (作者)
推荐指数：★★★★
简介：这是一本全面介绍HTML 5、CSS 3和JavaScript前端开发技术的图书，系统地介绍了HTML 5常用的元素和属性、HTML5的表单元素和属性、HTML 5的绘图支持、HTML5的多媒体支持、CSS 3的功能和用法、最前沿的变形与动画功能等。除此之外，《疯狂HTML 5/CSS 3/JavaScript讲义》还系统地介绍了JavaScript编程知识，包括JavaScript基本语法、DOM编程，以及HTML 5新增的本地存储、离线应用、JavaScript多线程、客户端通信支持、WebSocket编程等。
5、HTML5触摸界面设计与开发
伍兹 (StephenWoods) (作者), 覃介右谷岳 (译者)
推荐指数：★★★★☆
简介：《HTML5触摸界面设计与开发》专注于触摸界面的开发，内容的结构和优化网站的思路大概一致。上半部分涵盖了能使各类网站，特别是移动网站变快的基本概念。书的后半部分是专门讲触摸界面的，特别是尽可能地让它们更平稳和快速。本书适合具有一定经验的Web开发者阅读参考。
6、HTML5与CSS3权威指南(上下册)(第3版)
陆凌牛（作者）
推荐指数：★★★★☆
简介：本书分为上下两册。上册全面系统地讲解了HTML5相关的技术，以HTML5对现有Web应用产生的变革开篇；下册全面系统地讲解了CSS3相关的技术，以CSS3的功能和模块结构开篇，顺序讲解了各种选择器及其使用、文字与字体的相关样式、盒相关样式、背景与边框相关样式、布局相关样式、变形处理、动画、颜色相关样式等内容。
7、HTML5+CSS3+jQuery Mobile轻松构造APP与移动网站
陈婉凌著
推荐指数：★★★★☆
简介：全书以HTML与CSS为主，配合jQuery制作网页，并搭配jQuery Mobile制作移动网页，通过具体的范例从基础到高级循序渐进地讲解。首先介绍了HTML5网页开发和CSS网页美化，还介绍了目前热门的移动设备网页技术，读者无须学习复杂的程序，就能够轻松创建移动设备的网页；最后通过两个移动设备网页制作实例让读者进行实战练习，以加深理解。理论部分介绍比较扎实，美中不足的是实战案例相对较少。
8、HTML5程序设计(第2版)
柳伯斯(Peter Lubbers) 阿伯斯 (BrianAlbers) 萨利姆(Frank Salim) (作者), 柳靖李杰 (译者)
推荐指数：★★★★★
简介：《HTML5程序设计(第2版)》首先介绍了HTML5的历史背景、新的语义标签及与以往HTML版本相比的根本变化，同时揭示了HTML5背后的设计原理。本书在上一版的基础上新增了SVG和拖放API相关内容，并对部分内容进行了更新。从第2章起，分别围绕构建令人神往的富Web 应用，逐一讨论了HTML5的Canvas、Geolocation、Communication、WebSocket、Forms、WebWorkers、Storage等API的使用，辅以直观明了的客户端和服务器端示例代码，让开发人员能够迅速理解和掌握新一代Web标准所涵盖的核心技术。
本书面向有一定经验的Web应用开发人员，对HTML5及未来Web应用技术发展有浓厚兴趣的读者也可以学习参考。
9、JavaScript语言精粹（修订版）
道格拉斯·克罗克福德（Douglas Crockford） （作者）；赵泽欣等 （译者）
推荐指数：★★★★★
简介：JS是门混乱的语言，这本书能够帮助你区分哪些是语言的精华，哪些是糟粕。作者从语法、对象、函数、继承、数组、正则表达式、方法、样式和优美的特性这9 个方面来呈现这门语言真正的精华部分，通过它们完全可以构建出优雅高效的代码。作者还通过附录列出了这门语言的毒瘤和糟粕部分，且告诉你如何避免它们。最后还介绍了JSLint，通过它的检验，能有效地保障我们的代码品质。
10、HTML5 App商业开发实战教程——基于WeX5可视化开发平台
马科（主编）
推荐指数：★★★★★
简介：这是目前唯一一本真正的HTML5 App开发教材，目前已在复旦、北大、西安交大、北京理工等五十多所高校投入教学使用。它的特点是由浅入深、由易到难，将开发技巧、和开发工具结合在一起阐述，同时选取了多个商业项目APP的实战案例进行要点讲解，通俗易懂。
和上面推荐的几本书不同之处在于，本书是面向应用型本科和高等职业院校设计的标准化教材，并经过官方权威认证，且该教材能与国家及国际权威认证考试无缝对接。
尤为难得的是，本书配套录制了非常详实的课程视频，在腾讯课堂和百度传课都能免费收看。线下阅读和线上授课相结合，对于消化、理解相关知识点有较好的辅助作用。
以上推荐的10本书籍，侧重点各有不同，有触摸响应方向的“凌波微步”，有帮助打好基础的“易筋经”，有出奇制胜的“六脉神剑”，有大开大阖的“降龙十八掌”……其中必定有一两本是你所需要的。如今之互联网江湖，烽烟四起，豪强林立，正是少侠扬名立万好时机。“金麟岂是池中物，一遇风云便化龙”，他日若英雄功成名就，勿忘小编荐书之功。
少侠，山高水远，后会有期！
h5开发app篇(2):关于APP，原生和H5开发技术的争论
App的开发技术，目前流行的两种方式，原生和Html5。原生分了安卓平台和ios平台（还有小众的黑莓、死去的塞班就不说了），H5就是Html5。
目前争论不休的问题，在早先前争论CS，BS架构的软件系统是一样一样的。原先BS，CS对用户而言的区别是需不需要安装客户端。BS是通过浏览器来访问，用PC，平板，Win，Mac都能访问，用户不需要下载额外的客户端，同时运维和升级提供很大的便利。CS则需要下载客户端软件，安装，然后登录使用，升级的话，要么升级链接库，要么重新安装升级包，比较不方便，优势是很多算法在本地运行，对服务器要求不高。
CS、BS之争是在PC端，那么现在原生和H5之争是在移动端。
那么评判一个APP用什么技术来开发呢？经过总结，可以有如下判断依据：
1.如果APP中出现大段文字（如新闻、攻略等），且格式比较丰富（如加粗，字体多样），那么用H5会比较方便。原因是原生开发解析json对字符串格式处理不算很好。
2.如果讲究APP反应速度（含页面切换流畅性），则选用原生开发，因为H5其本质是网页，换页时，基本要加载整个页面，就像是浏览器打开一个新页面一样，显得较慢，而原生系统则只加载变化部分。
3.如果APP对有无网络、网络优劣敏感（譬如有离线操作，在线操作），那么，基本选用原生开发，虽然H5可以做到，但是很复杂。
4.如果APP需要频繁调用硬件（摄像头、麦克风、未来的湿度检测仪等等）那么，基本选用原生开发，这样支持硬件更多，更容易扩展，且调用速度更快，H5就望尘莫及了。
5.如果APP用户常见页面频换，如（淘宝首页各种不同活动），那么用H5，维护起来更容易。
6.如果预算有限（H5开发一套可跨平台覆盖安卓、ios，黑莓、塞班），不是很讲究用户体验，不在乎加载速度，那非H5不可。
列举那么多，实际上有个采阴补阳的方法是H5 原生混合开发，对于固定格式、页面速度要求高，的模块（如PDB的即时通讯、宝典、我的项目）采用原生开发，对于新闻、大段文字、资讯类的（如信息广场、发表、问吧等）用H5页面来加载，将其嵌入到原生框架中那么，可以达到比较良好的体验。
著作权归作者所有
h5开发app篇(3):H5适合移动应用开发的几大特性
H5应用适合移动开发的几大特性
1.离线缓存为HTML5开发移动应用提供了基础
HTML5 Web Storage API可以看做是加强版的cookie，不受数据大小限制，有更好的弹性以及架构，可以将数据写入到本机的ROM中，还可以在关闭浏览器后再次打开时恢复数据，以减少网络流量。
同时，这个功能算得上是另一个方向的后台“操作记录”，而不占用任何后台资源，减轻设备硬件压力，增加运行流畅性。
在线app支持边使用边下载离线缓存，或者不下载离线缓存；而离线app必须是下载完离线缓存才能使用。
形象点说，cookie就是存了电话和菜单，想吃什么要叫外卖，等多长时间才能吃到就得看交通情况了；离线缓存就是直接在冰箱里存了食物，想吃就能马上吃到（当然，想吃最新的食物同样可以打电话预定）。
设计师要知道，什么时候让用户下载离线缓存（注意在线和离线app的区别）。
2.音频视频自由嵌入，多媒体形式更为灵活
原生开发方式对于文字和音视频混排的多媒体内容处理相对麻烦，需要拆分开文字、图片、音频、视频，解析对应的URL并分别用不同的方式处理。
HTML5在这个方面完全不受限制，可以完全放在一起进行处理。
设计师要知道，如果新闻类、微博类、社交类应用的信息呈现中实现文字与多媒体混排，而不用专门嵌入webview，将是一件多美好的事情，至少现在原生方式实现起来还有困难。
3.地理定位，随时随地分享位置
充分发挥移动设备对定位上的优势，推动LBS应用发展。
可以综合使用GPS、wifi、手机等方式让定位更为精准、灵活。
地理位置定位，让定位和导航不再专属导航软件，地图也不用下载非常大的地图包，可以通过缓存来解决，到哪儿下哪儿，更灵活。
设计师要知道，现在嵌入LBS功能的应用越来越多，这也是移动设备与台式PC相比最大的优势之一，HTML5能把这个优势再度扩大化，好好想想怎么在你设计的应用里用上吧！
4.Canvas绘图，提升移动平台的绘图能力
使用Canvas API可以简单绘制热点图收集用户体验资料
支持图片的移动、旋转、缩放等常规编辑
Canvas – 2D的绘图功能支持
Canvas 3D – 3D的绘图功能支持
SVG – 向量图支援
设计师要知道，图片的移动、旋转、缩放？那都太基础了，自己画都是小case，至于怎么用，好好想想吧！
5.专为移动平台定制的表单元素
浏览器中出现的html5表单元素与对应的键盘：
只需要简单的声明 <input type=”email”> 即可完成对不同样式键盘的调用，简捷方便。
设计师要知道，用的时候记得告诉研发同事一声！
6.丰富的交互方式支持
提升互动能力：拖拽、撤销历史操作、文本选择等
Transition – 组件的移动效果
Transform – 组件的变形效果
Animation – 将移动和变形加入动画支持
设计师要知道，HTML5提供的交互方式是非常丰富的，至于用不用得上，那是你自己的事儿喽！
7.HTML5使用上的优势
更低的开发及维护成本；
使页面变得更小，减少了用户不必要的支出；而且，性能更好使耗电量更低；
方便升级，打开即可使用最新版本，免去重新下载升级包的麻烦，使用过程中就直接更新了离线缓存。
设计师要知道，用户想要什么，HTML5能提供给用户什么。
8.CSS3 视觉设计师的辅助利器
CSS3支持了字体的嵌入、版面的排版，以及最令人印象深刻的动画功能。
Selector – 更有弹性的选择器
Webfonts – 嵌入式字体
Layout – 多样化的排版选择
Stlying radius gradient shadow – 圆角、渐变、阴影
Border background – 边框的背景支持
使用CSS3来完成部分视觉工作，载入速度快，节省代码及图片，也为用户节约了带宽。
设计师要知道，一个界面里几十张素材图的方式已经太out啦，赶快让CSS3帮你偷懒。
9.实时通讯
以往网站由于HTTP协议以及浏览器的设计，实时的互动性相当的受限，只能使用一些技巧来「仿真」实时的通讯效果，但HTML5提供了完善的实时通讯支持。
设计师要知道，应用中嵌入实时通信、信息内容进行实时提醒，HTML5可以帮你实现。
10.档案以及硬件支持
不知道大家有没有发现，在Gmail等新的网页程序当中，已经可以透过拖拉的方式将档案作为邮件附件？这就是HTML5档案的功能中的Drag’n Drop和File API。
设计师要知道，移动应用中对于数据传输的需求越来越大，传统的路径选择方式太过于繁琐，快来试试HTML5的拖拽上传功能吧！
11.语意化
语意化的网络是可以让计算机能够更加理解网页的内容，对于像是搜索引擎的优化（SEO）或是推荐系统可以有很大的帮助。
设计师要知道，HTML5能让搜索更快速、更准确。
12.双平台融合的app开发方式，提高工作效率
依照目前iPhone/Android 迅速提升市占率的情势来看，未来如果想要在先进的智慧型手机上撰写应用程式，要不是选择使用Objective-C + CocoaTouch Framework 撰写iPhone/iPad 应用程式，就是选择Java + Android Framework 撰写Android 应用程式，如果想要同时支援两种平台，势必要维护两套程式码，对于刚起步的小服务而言也算是个小有负担的维运成本。
使用HTML5, CSS3 来撰写Web-based 的应用程式，若要同时支援iPhone 及Android，几乎只需要维护一份程式码（少部份要因应clients 作修改），而且未来若有其它行动装置拥有支援HTML5 的浏览器，那同样的WebApp 直接就多了一个支援平台。
Google 的系列服务使用了不少HTML5 中的cache、storage 及database 规格来做到离线存取程式的效果。因为比起桌面应用程式，行动装置的网路连线更不稳定，而且有时在移动中并无网路可以使用，透过这些技术才能让使用者即使在 无网路环境下继续使用你的webapp。这说明html5主要服务对象还是给予web的应用，并不会对全部app开发造成威胁，这样有利于不同类型应用使 用不同的开发方式，灵活性更强。
文章来自中互联
