首先吐槽一下,这大概是我看到有奖试读那么多期图书里试读样章中实际内容最少的一本了,本来就只有20几页,一大半是目录和序言,唯一的一章充其量只能算是导读,而且“导读”中还包括了好几张半页篇幅的大图 = =,剩下的文字中还有一半是在讲解并非本书核心的“响应式编程”。因此与其说是这本书的试读,不如说是一篇关于跨终端web介绍性的博文。
就是在这样一篇篇幅稍长的“博文”中,还是能找到两个核心点:
1、多站点和多模板的响应式解决方案
2、采用Webview可以降低APP的开发和上架周期
第一点,书中的笔墨不多,但是分析得比较透彻。我谈谈我的理解,多站点是一种主动形态的“响应式”。通过不同的域名维护不同的页面模板,引导用户选择适合自己设备分辨率的入口。这在当时已经是一种非常牛叉的用户体验。但是带来的负面影响除了书中所说的带来了维护二级域名的成本之外,还会有如下影响:
1、网站结构问题。比如为终端设备而设置的wap.baidu.com/3g.baidu.com/iphone.baidu.com明显不应该和以业务线设置了music.baidu.com/tieba.baidu.com等同时处于二级域名这个维度下。
2、响应式无法涵盖到各个页面,造成用户体验不一致。经常会在手机上看到某些域名下的确适配了当前分辨率,但是一旦点击某些链接到了别的域名下则会使用默认分辨率页面下,用户体验瞬间大打折扣。
至于多模板,我猜想的流程是这样,先判断当前用户的user agent,选定调用模板,再根据分辨率进行微调。书中提到会造成DOM冗余的问题,所以更适合主体性非常强的页面,比如某些活动专题页面。
第二点,webview带来的有点在于,内容和客户端的解耦和,比如一些活动页面不再是客户端的一部分,在多数情况不需要用户“升级到最新客户端”后才能参加活动。这种做法从设计角度上来说非常好,带来的问题主要是在于容易被一些稍微懂得抓包技巧的人得到活动的漏洞。首先毕竟不是客户端的一部分,可以通过抓包获取页面真实地址,所有的传输数据一览无余,然后通过程序模拟请求就可以批量刷奖。即便很多参数通过客户端本身产生,无法直接构造参数,依然可以通过植入自定义js的方式通过webview在执行过程中自动提交请求。如果不使用webview则可以在很大程度上避免这种情况的发生。
发现谈的比较多的还是个人对于试读内容的理解,我看目录发现history API等等是我比较感兴趣的话题。而且后面几章的一些实践可能能从某种程度上解决我的困惑,希望能有得到赠书的机会。
-------------------分割线---------------------
关于webview的问题,后来想了下,将活动写进客户端里应该是弊大于利的,比如一个一旦有了bug之后,用户可以选择不升级,就可以一直利用上个版本的漏洞了,更不用说app的上架周期。我的想法在于,能否使用类似webview的方式,但是嵌入的不是web html?
分享到:
相关推荐
第1章提出了跨终端Web的概念以及实现跨终端Web的多重途径,第2章主要介绍Mobile Web的技术基础,第3~7章是全书的核心,按照开发流程组织逐步讲解了实现跨终端Web所需要的各类技术基础设施,第8章主要介绍了Hybrid ...
第1章提出了跨终端Web的概念以及实现跨终端Web的多重途径,第2章主要介绍Mobile Web的技术基础,第3~7章是全书的核心,按照开发流程组织逐步讲解了实现跨终端Web所需要的各类技术基础设施,第8章主要介绍了Hybrid ...
【标题】:“Web跨终端开发流程” 在当前的互联网环境中,Web应用已经不再局限于单一的桌面端,而是需要适应各种不同设备,如手机、平板、智能电视等,这就是所谓的“Web跨终端开发”。这一过程涉及到的技术和流程...
Hybrid既利用了NativeApp丰富的设备API(DeviceAPI),又能拥有MobileWeb的跨平台、高效开发、快速发布的能力,对于相当庞大的应用场景而言都是适用的。跨平台Web内容可以做到开发一次,所有平台生效,诸多产品需要...
在IT领域,尤其是在前端开发中,“跨终端的Web”是一个重要的概念,特别是在2013年及之后的时间里,随着移动互联网的崛起,这个问题变得愈发关键。舒⽂文在qcon-chengdu-2013-04-12的演讲中探讨了这一主题,强调了...
### 低碳的终端Web开发——2012阿里技术嘉年华演讲精粹 #### 移动Web开发背景与挑战 在2012年的阿里技术嘉年华上,来自淘宝和一淘的前端工程师分享了关于“低碳的终端Web开发”的演讲内容。随着移动互联网的发展,...
跨终端的文件加载及缓存是现代互联网应用开发中至关重要的一环,特别是在移动设备多样化、网络环境复杂的背景下,优化文件的加载和缓存策略对于提升用户体验、降低服务器压力具有显著效果。本文将深入探讨这一主题,...
2.单域 - 多模板 3.多域 - 跳转 4.多平台App
总的来说,layer作为一款强大的Web弹层组件,凭借其全面的功能、跨终端的适应性、易用的API以及优秀的性能,成为JavaScript开发中处理模态框和弹出框的理想选择。无论你是初级开发者还是经验丰富的前端工程师,layer...
《深入解析Windows Server 2008终端服务TS Web Access》 Windows Server 2008作为微软企业级操作系统中的重要一员,其强大的终端服务(Terminal Services)功能为企业提供了灵活、安全的远程桌面和应用访问解决方案...
SSH远程终端WebConsole是一个利用Golang编程语言,结合WebSocket技术和TermJS库构建的创新性解决方案,旨在提供一种方便、高效的方式来远程控制服务器。这个项目的主要目的是通过Web界面为用户提供一个安全的SSH...
xterm终端的Docker Web控制台
在React开发中,有时我们需要为Web应用添加一些特殊的功能,比如模拟终端界面,这可以用于教学、演示或者创建富有互动性的用户体验。`react-Terminal`是一个微型组件,专门用于在React应用程序中实现这样的功能。它...
360 奇舞团开源的跨终端 canvas/webgl 绘图库,可以基于 canvas/webgl 快速绘制结构化 UI 、动画和交互效果,并发布到任何拥有 canvas 环境的平台上(比如浏览器、小程序和 node ),SpriteJS 是跨平台的高性能图形...
**知识点生成:赛门铁克跨终端集中管理能力解析** 在IT行业,特别是企业级信息安全领域,赛门铁克(Symantec)以其强大的跨终端集中管理能力而著称。集中管理指的是通过单一的控制台对分布在不同位置的多个终端进行...
这个工具对于开发者、系统管理员或者任何需要远程协作和控制终端的人来说非常实用,因为它提供了跨平台的、易于使用的界面,而无需复杂的配置或者依赖特定的桌面环境。 首先,我们要理解TTY(Teletype)的概念,它...
跨平台多终端网页视频播放器,很强大: 适配pc终端、苹果终端(含IPHONE、IPAD)、安卓终端(含安卓系统手机和安卓系统平板) 简要提示:功能强大,不仅支持基于HTTP的视频文件跨平台播放,还可以支持RTMP+HTTP(HLS...
**xterm Web终端前端库详解** xterm是一个强大的开源JavaScript库,专为在Web环境中创建功能丰富的终端体验而设计。这个库使得开发者能够在浏览器中实现类似本地终端的功能,如SSH连接、命令行交互以及滚屏显示。...