[已读]跨终端web】的更多相关文章

13年去听阿里技术嘉年华,鬼道分享了<移动优先前端产品的探索>.今年我买这本书,事实上是被高大上的目录吸引→ → 买来后发现,嘿,似曾相识啊,但还是老老实实得花一下午把书翻了一遍.翻完之后觉得,1.书略贵 2.既然内容与视频差不多,看视频就好了 3.图表数据占空间,其实可以放网上的(额,好吧,书本身已经很薄) 4.目前能力不够无法领悟它的亮点…
转:  http://www.infoq.com/cn/articles/hybrid-app 编者按:InfoQ开设新栏目“品味书香”,精选技术书籍的精彩章节,以及分享看完书留下的思考和收获,欢迎大家关注.本文节选自徐凯著<跨终端Web>第八章“Hybrid App”,主要讲述Hybrid App的发展现状以及技术实现,最后还介绍了两种主流Hybrid开发框架PhoneGap/Cordova和Titanium. Native App(以下简称Native)和Mobile Web(以下简称We…
Native App(以下简称Native)和Mobile Web(以下简称Web)二者混合开发的产物被称为Hybrid App(以下简称Hybrid).Hybrid并不是什么新概念,最早可以追溯到Symbian时代,直到iOS和Android出现之后才充分展现出价值. Hybrid简史 1. 背景 Hybrid既利用了Native App丰富的设备API(Device API),又能拥有Mobile Web的跨平台.高效开发.快速发布的能力,对于相当庞大的应用场景而言都是适用的. Hybrid…
[reference]http://www.infoq.com/cn/articles/hybrid-app#theCommentsSection 编者按:InfoQ开设新栏目“品味书香”,精选技术书籍的精彩章节,以及分享看完书留下的思考和收获,欢迎大家关注.本文节选自徐凯著<跨终端Web>第八章“Hybrid App”,主要讲述Hybrid App的发展现状以及技术实现,最后还介绍了两种主流Hybrid开发框架PhoneGap/Cordova和Titanium. Native App(以下简…
近期试读了<跨终端Web>这本书的部分章节,既为了拿到书,也为了记录下读后的收获的东西,这会是个非常好的习惯吧. 标题为"初识跨终端Web".对我来说最贴切了,在此之前,我所做的网页开发都是基于PC网页的,希望可以有个好的开头,好好深入. 在这本书的开头,作者就点到,他接下来要说的是"跨终端"而非"跨设备",我们经常听到"跨设备"(或者说"跨平台"),这个字眼给我们的第一印象是这个页面既能够在P…
跨终端 Web(移动优先|响应式|HTML5|Hybrid|桌面+移动应用|一线前端负责人联袂推荐) 徐凯  著   ISBN 978-7-121-23345-6 2014年6月出版 定价:55.00元 240页 16开 编辑推荐 √聚焦开创性话题,完整呈现与详尽剖析这一突破终端碎片化难局的解决方案 √鬼道及团队倾力打造,三大电商前端技术掌门及一线互联网高工赞誉力推 √跨越手机.平板.桌面和电视等不同终端在呈现本质与商业模式上的差异,强调业务本质和核心人机交互流程 √面向未来人机交互,学会如何选…
跨终端的Web成为了趋势,而这本书就是讲了在这种趋势下进行开发的常见问题及其解决方案,可能是限于篇幅,每个方面都没有展开细说,但这是这样让本书干货满满,几乎没有一句废话. 下面是一些笔记. Web的本质特性是低成本跨平台但是对设备先进特性支持性不够. Web和客户端应用的融合已经成为必然!前端工程师的基本功也包括了客户端和服务器端环境的知识. 移动优先. 跨终端除了响应式,也包括多站点,多模板,多平台.需要综合考虑需求和复杂度等很多因素,使用合适的方式. 响应式的瓶颈:响应式不能解决移动端DOM…
1.终端vs设备 H5页面运行在同一设备的不同终端下. (1)Web浏览器. (2)微信.QQ浏览器. (3)移动App的Webview. (4)TV机顶盒. 2.跨终端的实现方式 (1)响应式 存在内在的高耦合性,频繁更新维护成本高 (2)多站点 m.example.com.hd.example.com. wap.example.com. iphone.example.com. ipad.example.com (3)多模板 一个页面只有一个URL,无须服务器端繁杂的URL映射和终端检测等手段…
1.基准 我们定义测试基准和开发基准,也就是说我们定义我们在哪些浏览器上去进行调试. 左侧图主要是定义PC上的基准,其中A级项目中必须支持,B级可选,C级观察. 2.检测 主要是终端检测 这是一张架构图,其中紫色虚线部分是前置服务器,蓝色虚线部分是应用层服务器. 在前置服务器中有一个模块,根据UA返回一些信息.那返回什么信息呢?继续看图如下: 有这么几个属性,sw.sh是屏幕宽高,cw.ch是设备无关宽高,pr是一个sw/cw的一个比值,mobile = true表示当前页面运行在移动端. 3.…
薄的一本,彩印,书质量和内容都不错. 响应设计三要素:媒体查询.流动布局.自适应图片.…