近期试读了《跨终端Web》这本书的部分章节,既为了拿到书,也为了记录下读后的收获的东西,这会是个非常好的习惯吧。

标题为“初识跨终端Web”。对我来说最贴切了,在此之前,我所做的网页开发都是基于PC网页的,希望可以有个好的开头,好好深入。

在这本书的开头,作者就点到,他接下来要说的是“跨终端”而非“跨设备”,我们经常听到“跨设备”(或者说“跨平台”),这个字眼给我们的第一印象是这个页面既能够在PC端正常打开,又能够在移动设备上正常打开。“跨终端”和“跨设备”二者在多数场景下往往能够相互替换,但又有细微的差别,作者已经说得非常明确,“跨设备”仅仅是单纯地讲适应不同的client,而“跨终端”可能要细分到设备的应用里,在不同应用上,包含浏览器。都应该能正常打开(至少我是这样理解的)。

“跨终端Web”是为了满足我们对訪问体验的要求而出现的。我们希望它能让终端上的web具有可靠的交互性,当然。还要有良好的展示效果,我们不希望他像曾经的wap网页那样枯燥无味,这可能有点难度,由于它要适应不同的设备,不同的应用,这里包含了不同的屏幕宽度,不同的操作方式等差异。

作者阐明了一个理念——移动优先。

移动优先的概念涵盖了移动流量暴增、聚焦业务本质和人机交互扩展。移动设备对人们来说越来越重要。而人们对移动网络的依赖也越来越大,甚至超越了PC,不仅如此,这个趋势还在保持着,其重要性不言而喻。过去,人们设计网页都是先设计PC端网页再设计移动端的网页。甚至仅仅设计PC端的网页,这些网页再移动端的兼容性往往达不到理想的效果。

聚焦业务本质是这个理念的核心,试想。我们要把整个站点系统的业务搬到小小的移动端屏幕上。这就须要非常好的规划了,我们要把最核心的业务放到屏幕上展现给用户。而人机交互扩展更是前沿,就眼下来看,这个方面恐怕大部分都属于移动端和平板电脑了。

作者还为我们提到了几个实现“跨终端web”的手段。特别地提到了“响应式”。在读该书之前,我。不仅仅是我,可能还有非常多人,都会把“响应式”当作“跨终端”吧。实际上,它仅仅是实现“跨终端”的当中一种手段而已。“响应式”的要求是要兼容不同的设备。在各种大小的屏幕上都要正常显示,因为这样的自适应,也难怪非常多人会把它当作“跨终端”。它似乎看起来非常好用。但它的问题也非常明显,这也限制了它,我认为它不适合在大型站点系统上使用吧,不然,那会得让人看到头晕晕。

作者还提到的其它几种实现“跨终端”的手段是多网站、多模板和多平台,那么解决方式呢?各个方法都有两面性,或许我们能够參考大公司的方法——同一时候使用多种方案。

或许以下的章节还会有不错的内容。

初识跨终端Web的更多相关文章

  1. 跨终端 Web

    跨终端 Web(移动优先|响应式|HTML5|Hybrid|桌面+移动应用|一线前端负责人联袂推荐) 徐凯  著   ISBN 978-7-121-23345-6 2014年6月出版 定价:55.00 ...

  2. 转: 跨终端Web之Hybrid App

    转:  http://www.infoq.com/cn/articles/hybrid-app 编者按:InfoQ开设新栏目“品味书香”,精选技术书籍的精彩章节,以及分享看完书留下的思考和收获,欢迎大 ...

  3. 跨终端Web之Hybrid App

    Native App(以下简称Native)和Mobile Web(以下简称Web)二者混合开发的产物被称为Hybrid App(以下简称Hybrid).Hybrid并不是什么新概念,最早可以追溯到S ...

  4. 单纯觉得是篇好文——跨终端Web之Hybrid App

    [reference]http://www.infoq.com/cn/articles/hybrid-app#theCommentsSection 编者按:InfoQ开设新栏目“品味书香”,精选技术书 ...

  5. 《跨终端Web》读书笔记

    跨终端的Web成为了趋势,而这本书就是讲了在这种趋势下进行开发的常见问题及其解决方案,可能是限于篇幅,每个方面都没有展开细说,但这是这样让本书干货满满,几乎没有一句废话. 下面是一些笔记. Web的本 ...

  6. 跨终端Web

    1.终端vs设备 H5页面运行在同一设备的不同终端下. (1)Web浏览器. (2)微信.QQ浏览器. (3)移动App的Webview. (4)TV机顶盒. 2.跨终端的实现方式 (1)响应式 存在 ...

  7. 浅谈移动优先的跨终端Web 解决方案

    1.基准 我们定义测试基准和开发基准,也就是说我们定义我们在哪些浏览器上去进行调试. 左侧图主要是定义PC上的基准,其中A级项目中必须支持,B级可选,C级观察. 2.检测 主要是终端检测 这是一张架构 ...

  8. [已读]跨终端web

    13年去听阿里技术嘉年华,鬼道分享了<移动优先前端产品的探索>.今年我买这本书,事实上是被高大上的目录吸引→ → 买来后发现,嘿,似曾相识啊,但还是老老实实得花一下午把书翻了一遍.翻完之后 ...

  9. 初识HTML和WEB标准

    初识HTML和WEB标准 什么是 HTML? HTML 超文本标记语言的缩写(Hyper Text Markup Language) HTML 并不是编程语言,而是一种标记语言(markup lang ...

随机推荐

  1. iOS控件-3级城市列表-plist版

    @import url(http://i.cnblogs.com/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/c ...

  2. BZOJ 4650 [Noi2016]优秀的拆分 ——后缀数组

    我们只需要统计在某一个点开始的形如$AA$字符串个数,和结束的个数相乘求和. 首先枚举循环节的长度L.即$\mid (A) \mid=L$ 然后肯定会经过s[i]和[i+L]至少两个点. 然后我们可以 ...

  3. BZOJ 3240 [Noi2013]矩阵游戏 ——费马小定理 快速幂

    发现是一个快速幂,然而过不去. 怎么办呢? 1.十进制快速幂,可以用来练习卡时. 2.费马小定理,如果需要乘方的地方,可以先%(p-1)再计算,其他地方需要%p,所以需要保存两个数. 然后就是分类讨论 ...

  4. [luoguP2221] [HAOI2012]高速公路(线段树)

    传送门 考虑每一段对答案的贡献 用每一段的左端点来表示当前这一段,那么区间就变成了[1,n-1] 如果询问区间[l,r],其中一个点的位置为x,则它对答案的贡献为(x-l)*(r-x)*s[x](s[ ...

  5. 转载: GMM-HMM学习笔记

    转载地址:http://blog.csdn.net/davidie/article/details/46929269 最近几天钻研了语音处理中的GMM-HMM模型,阅读了一些技术博客和学术论文,总算是 ...

  6. uva 11798 相对运动的最小最大距离

    C Dog Distance Input Standard Input Output Standard Output Two dogs, Ranga and Banga, are running ra ...

  7. Subsequence(hdu 3530)

    题意:给你一个长度为n的数列,要求一个子区间,使得区间的最大值与最小值的差s满足,m<=s<=k,求满足条件的最长子区间 /* 单调队列 我们可以用单调队列分别维护最大值和最小值 当差值大 ...

  8. 【AIM Tech Round 5 (Div. 1 + Div. 2) 】

    A:https://www.cnblogs.com/myx12345/p/9844152.html B:https://www.cnblogs.com/myx12345/p/9844205.html ...

  9. thinkphp框架做项目的前期配置

    ThinkPHP 目录结构说明 ThinkPHP.php:框架的公共入口文件 App:项目放置目录 Common:包含框架的一些公共文件.系统定义.系统函数和惯例配置等 Lang:系统语言文件目录 L ...

  10. hdu 2686 费用流 / 双线程DP

    题意:给一个方阵,求从左上角出到右下角(并返回到起点),经过每个点一次不重复,求最大获益(走到某处获得改点数值),下来时每次只能向右或向下,反之向上或向左. 俩种解法: 1  费用流法:思路转化:从左 ...