阅读更多

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 的一高效的线上实验平台。实验流量就是资源, 如果有一千个人同时在线上做对照实验, 资源...

  • go 生成基于 graphql 服务器库.zip

    格奇尔根 首页 > 文件 > gqlgen是什么?gqlgen是一个 Go 库,用于轻松构建 GraphQL 服务器。gqlgen 基于 Schema 优先方法— 您可以使用 GraphQL Schema 定义语言来定义您的 API 。gqlgen 优先考虑类型安全— 您永远不应该看到map[string]interface{}这里。gqlgen 启用 Codegen — 我们生成无聊的部分,以便您可以专注于快速构建您的应用程序。还不太确定如何使用gqlgen?将gqlgen与其他 Go graphql实现进行比较快速启动初始化一个新的 go 模块mkdir examplecd examplego mod init example添加github.com/99designs/gqlgen到项目的 tools.goprintf '//go:build tools\npackage tools\nimport (_ "github.com/99designs/gqlgen"\n _ "github.com/99designs/gqlgen

  • 基于JAVA+SpringBoot+Vue+MySQL的社区物资交易互助平台 源码+数据库+论文(高分毕业设计).zip

    项目已获导师指导并通过的高分毕业设计项目,可作为课程设计和期末大作业,下载即用无需修改,项目完整确保可以运行。 包含:项目源码、数据库脚本、软件工具等,该项目可以作为毕设、课程设计使用,前后端代码都在里面。 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷,具有很高的实际应用价值。 项目都经过严格调试,确保可以运行!可以放心下载 技术组成 语言:java 开发环境:idea 数据库:MySql8.0 部署环境:maven 数据库工具:navicat

  • 法研杯2021类案检索赛道三等奖方案源码+项目说明+数据.zip

    法研杯2021类案检索赛道三等奖方案源码+项目说明+数据.zip是一个专为计算机相关专业(如计科、信息安全、数据科学与大数据技术等)学生设计的宝贵学习资源。该压缩包包含了完整的项目源码、详细的项目说明文档以及用于训练和测试的数据集,旨在帮助参赛者深入理解并掌握类案检索的相关技术和方法。该项目通过实际案例,展示了如何运用自然语言处理和机器学习技术对法律案件进行智能检索和匹配。项目内容涵盖了从数据预处理、特征提取到模型训练和评估的全过程,为学习和研究类案检索技术提供了全面的参考。本项目不仅适合作为课程设计、期末大作业或毕设项目的参考,也是企业员工提升技能、进行实践操作的优质学习资料。通过实际操作和学习该项目,用户可以加深对类案检索技术的理解,并在实践中不断提升自己的技能水平。请注意,由于该资源包含完整的项目源码和数据集,下载和使用时请确保遵守相关法律法规和道德规范,尊重知识产权和隐私权。同时,建议用户在使用前仔细阅读项目说明文档,了解项目的整体架构和使用方法,以便更好地利用该资源进行学习和研究。

Global site tag (gtag.js) - Google Analytics