阅读更多

2顶
0踩

行业应用
摘要:Web目前正在经历一场巨大的变化,ServiceWorkers、传感器访问、推送通知等方式将打破Web原有的框架。而在2015年我们可以利用这几种方式快速的改变自己的网站。在不断增多的Web功能中寻求最合适自己的功能。
 

Web最初的设想是一个应用的通用版本,或者用历史书上的话来说是“应用程序”。它是可以运行于任何地方的最小公分母,这使得Web完全建立在一个“框架”中,潜在的功能也仅限于一个“长方形的内容”。



早期的应用允许开发人员在后台执行代码、为脱机使用提供缓存数据、使用推送通知以及提供其他一些网站没法提供的功能。然而Web目前正在经历一场巨大的变化。浏览器响应应用的革命,并且现在任何人都可以利用

这些变化“打破框架”。

 

这里有三种打破框架最合用的方式:

 

1. ServiceWorkers允许应用利用服务器的后台处理能力,如通过hooks在离线时启动Web应用。该系统的核心是事件驱动的Web Worker,它对由Web文档或其他事件源所分发的事件做出响应。Service Worker在开放Web平台上,为事件驱动的后台处理提供了一个通用的入口点(Entry Point),并可扩展以支持其他的规范要求。它可以让一个Web页面拥有后台运行的脚本,从而让Web应用看上去更像一个原生应用。

 

2. 传感器访问将使页面“意识到”用户的环境。这么多年来,网页只知道用户屏幕的大小和浏览器类型。而现在各种传感器的数据是可用的,环境光、麦克风和相机都出现在W3C标准中,这给予了网站矩形边界以外的页面。

 

3. 推送通知将允许网站与它们的用户持续的连接,甚至是在用户关闭了网站的浏览器选项。

 

4. ServiceWorkers与推送通知的组合也有一个非常重要的共生效应,推送不一定非要显示一个通知给用户,代替的是执行任意的ServiceWorkers代码。换句话说,想象一下你最喜欢的节目,当你看第一集的时候,通过推送执行ServiceWorkers,将第二集预载入缓存中,当你离线后,你就可以在想看的时候观看第二集内容了。

 

我们需要关注什么?

 

当一大波功能添加到浏览器时,有些人可能会“心惊肉跳”。所以每个功能需要有一个权限检查/视觉迹象来表明它是被使用的。例如,当一个麦克风录音时,需有一个图标符号让用户知道发生了什么,并可以通过这个图标来取消应用。

 

另一个主要趋势是安全网络,像ServiceWorkers和推送等这些新功能是强大的,HTTPS被要求保护用户和网站所有者。这可以防止恶意的无线运行商或ISP注入的代码对网站和用户造成长期的影响。在2015年EFF将免费提供SSL,Google甚至建议将浏览器中所有的HTTP标记为不安全的,这将导致网站爆炸性的转换成SSL。

 

编者注:我们所常见的链接地址是以“HTTP”开头的,一些网站出于安全考虑开始逐渐使用SSL,这样就变为“HTTPS”协议。举个例子,在使用HTTPS协议下,当你访问http://www.csdn.net/时,会自动变为https://www.csdn.net/,即以“HTTPS”为网址开头。这种访问模式下,表明你正在和这个网站进行加密连接,你与网站之间的通讯资料很难被第三方获取。

 

2015年如何定位自己的网站?

 

这里有一些快速的方法可以改变你的网站,让你的网站遥遥领先:

 

1. “离线第一”:使用ServiceWorkers缓存你网站最新的状态,呈现出来,并在获取新数据时显示加载消息,这将产生一个闪电般的用户体验。

 

2. 响应智能化:使用有效的传感数据为用户提供预设或其他调整。举个例子,如果一个网站有很多内容,那么可以基于光照条件调整对比度。游戏或其他互动内容?那么连接运动传感器,让用户有身临其境的体验。

 

3. 重新连接你的用户:找到一个适合自己网站的自然的方式去唤起用户的回忆。保持你网站的新鲜感。有些例子挺好,如提醒新内容(新消息/好友请求)。

 

一个项目的参观者,他的目光往往会在售价上,所以你要为自己的网站找到真正适合的应用。而不是一味的模仿别人。

 

原文来自:VentureBeat

 

  • 大小: 60.3 KB
来自: CSDN
2
0
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 《”2015年Web:追求原有“框架”外的新功能“》

    《”2015年Web:追求原有“框架”外的新功能“》原文出处:http://www.csdn.net/article/2015-01-12/2823520market@csdn.net

  • 【Web技术】1477- Tauri:下一代桌面应用开发框架?

    在Windows8的时代,微软又推出了UWP(Universal Windows Platform,2015年),UWP支持在各种平台上运行(PC/Windows Phone/Xbox),API也支持多种语言(C++/VB/C#/JS)。 从Windows平台应用的开发技术迭代来看,也...

  • 这一年,这些书:2022年读书笔记

    Note: 以下 `markdown` 格式文本由 `json2md` 自动转换生成,可参考[JSON转Markdown:我把阅读数据从MongoDB中导出转换为.md了](https://blog.csdn.net/u013810234/article/details/113360229)了解...2022年读书笔记

  • 2019 年选什么前端框架?

    Bootstrap、Vue、React、Angular, 9102 年了,该选用哪个好呢?

  • 2015物联网白皮书:全球物联网正在进入发展新阶段

    物联网作为新一代信息通信技术的典型代表,已成为全球新一轮科技革命与产业变革的核心驱动和经济社会绿色、智能、可持续发展的关键基础与重要引擎。 物联网与其它ICT技术以及制造、新能源、新材料等技术加速融合,在...

  • 走进JavaWeb技术世界1:Web后端与J2EE的由来

    我刚开始做Web开发的时候,根本没有前端,后端之说。 原因很简单,那个时候服务器端的代码就是一切:接受浏览器的请求,实现业务逻辑,访问数据库,用JSP生成HTML,然后发送给浏览器。 即使后来Javascript在...

  • Angular 2:Web技术发展的必然选择

    在Angular 2 剧烈变更以及缺乏向下兼容性的背后,主要的推动力是web 技术的演进以及来自于AngularJS 1.x 的经验教训。本文节选自《迈向Angular 2》一书,此书基于对Angular 2架构和设计方面的深入理解,带你快速转入...

  • 探索分布式服务框架Dubbo2:以RPC为基础的微服务

    为什么说要搞定微服务架构,先搞定RPC框架? 原创:58沈剑架构师之路2016-08-25 第一章聊了【“为什么要进行服务化,服务化究竟解决什么问题”】 第二章聊了【“微服务的服务粒度选型”】 今天开始聊一些...

  • 2015年系统架构师考试题详解

    2015年系统架构师考试题详解 考试科目一:综合知识 某航空公司机票销售系统有n个售票点,该系统为每个售票点创建一个进程 Pi (i= 1 , 2 ,…,n)管理机票销售。假设Tj(j= 1 , 2 ,…,m)单元存放某日...

  • 2015前端框架何去何从

    这篇文章将从 AngularJS ReactJS Polymer 这几个流行的框架入手,分析前端框架在这几年发展中的关键技术点,作为2015前端技术选型的参考。摘要: 初体验技术特点组件化应用架构总结 1. 初体验 ...

  • 转自:xufei 的《2015前端组件化框架之路》

    2015前端组件化框架之路 1. 为什么组件化这么难做 Web应用的组件化是一个很复杂的话题。 在大型软件中,组件化是一种共识,它一方面提高了开发效率,另一方面降低了维护成本。但是在Web前端这个领域,并没有很...

  • 2015前端组件化框架之路(转)

    在大型软件中,组件化是一种共识,它一...但是在Web前端这个领域,并没有很通用的组件模式,因为缺少一个大家都能认同的实现方式,所以很多框架/库都实现了自己的组件化方式。 前端圈最热衷于造轮子了,没有哪个...

  • 干货分享:蚂蚁金服前端框架和工程化实践

    • 2017 年开始尝试了新一代的企业级前端框架,Umi 和 Bigfish,前者是从无线业务中长出来的,后者是从中台业务中长出来的。 • 一个团队出两个框架毕竟不是长久之计,后来老大直接把两拨人调到一个..

  • 基于.NET Core 框架搭建WebApi项目

    2015年11月12日14:43:45 /// public class HttpClientHelper { /*Edit Desc: 提取默认的Http Heads UserAgen Author:Xuja Time:2016-5-3 16:46:29*/ private static readonly string ...

  • 【系统分析师之路】2015年上系统分析师下午论文真题

    【系统分析师之路】2015年上系统分析师下午论文真题 2015年上系统分析师下午论文真题【系统分析师之路】2015年上系统分析师下午论文真题试题一 论项目风险管理及其应用试题二 论软件系统测试及其应用试题三 论软件...

  • 【分层实验框架】Google 重叠实验框架:更多,更好,更快地实验

    GoogleWeb App机器学习框架数据中心 摘要:辛苦优化的模型与策略线上效果到底如何? 这就需要一个能够支持线上A/B test 的一高效的线上实验平台。实验流量就是资源, 如果有一千个人同时在线上做对照实验, 资源...

  • 【java毕业设计】校内跑腿业务系统源码(springboot+vue+mysql+说明文档).zip

    项目经过测试均可完美运行! 环境说明: 开发语言:java jdk:jdk1.8 数据库:mysql 5.7+ 数据库工具:Navicat11+ 管理工具:maven 开发工具:idea/eclipse

  • 【java毕业设计】大学志愿填报系统源码(springboot+vue+mysql+说明文档).zip

    项目经过测试均可完美运行! 环境说明: 开发语言:java jdk:jdk1.8 数据库:mysql 5.7+ 数据库工具:Navicat11+ 管理工具:maven 开发工具:idea/eclipse

  • 基于java的网吧管理系统答辩PPT.pptx

    基于java的网吧管理系统答辩PPT.pptx

Global site tag (gtag.js) - Google Analytics