文档章节

微信商城单页面跳转、返回,超快的体验

清月曦
 清月曦
发布于 2015/09/01 16:35
字数 1363
阅读 62
收藏 0

Wemall

公告通知

       各位小伙伴们,单页web应用wemall提速了,欢迎大家多使用多提供反馈意见。在微信端使用速度提升30%,实现单页面跳转,物理按键的单页面返回。

什么是单页web应用?

单页应用给传统网站带来的好处?

相对于传统网站,我们认为单页应用的主要好处是:

·         它提供了更加吸引人的用户体验。单页应用可以做到一举两得:桌面应用的即时性和网站的可移植性和可访问性。

·         单页应用可以和桌面应用一样渲染单页应用只需要重绘界面上需要变化的部分。相比之下的传统网站,许多用户操作都会重绘整张页面,结果是当浏览器从服务器获取数据时,页面会假死并有闪烁现象,然后再重绘页面上的所有东西。如果页面很大,服务器又繁忙,或者网络连接很慢,这种闪烁现象会持续好几秒钟甚至是更长时间,用户只得猜测页面什么时候才可以再次使用。与单页应用的快速渲染和即时反馈相比,这是一种很恐怖的体验。

·         单页应用可以拥有和桌面应用一样的响应速度尽可能地把(临时的)工作数据和处理过程从服务端转移到浏览器端,单页应用由此把响应时间减至最小。单页应用在本地拥有大多数需要决策判断的数据和业务逻辑,因此是很快的。只有数据验证、授权和持久存储必须要放在服务端。传统网站的大多数应用逻辑在服务端,对大部分的用户输入的响应,他们必须等待一个请求/响应/重绘的循环周期。与接近即时响应的单页应用相比,这需要花费几秒钟的时间。

·         单页应用可以和桌面应用一样,把它的状态通知给用户当单页应用确实必须等待服务器的响应时,可以动态地显示进度条或者繁忙指示器,因此用户不会因延时而困惑。相比传统的网站,用户实际上只能猜测页面何时加载完并可用。

·         单页应用像网络一样,几乎随处可以访问不像大多数的桌面应用,用户可以通过任务网络连接和适当的浏览器访问单页应用。如今,这一名单包括智能手机、平板电脑、电视、笔记本电脑和台式计算机。

·         单页应用可以像网站一样即时地更新和发布用户不需要做任何事就能明白它的好处:他们只要重新加载浏览器就行了。维护软件的多个并存版本的麻烦在很大程度上消除了。开发单页应用的作者,在一天之内就能构建和更新很多次。桌面应用经常需要下载并且安装新版本需要管理访问权限,版本之间的间隔可能是很多个月或者很多年。

·         单页应用和网站一样,是跨平台的和大多数的桌面应用不一样,精心编写的单页应用可以在提供现代HTML5浏览器的任意操作系统上运行。尽管这通常被认为是对开发人员的好处,但对很多同时使用多种设备的用户来说是非常有用的,比如工作时用Windows,在家用M acLinux服务器,Android手机和Amazon平板电脑。

      单页Web应用(single page web application,SPA)无疑是目前网站开发技术的弄潮儿,很多传统网站都在或者已经转型为单页Web应用,新的单页Web应用网站(包括移动平台上的)也如雨后春笋般涌现在人们的面前,如Wemall、Gmail、Evernote、Trello等。如果你是一名Web开发人员,却还没开发过或者甚至是没有听说过单页应用,那你已经Out很久了。            

  单页Web应用和前端工程师们息息相关,因为主要的变革发生在浏览器端,用到的技术其实还是HTML+CSS+JavaScript,所有的浏览器都原生支持,当然有的浏览器因为具备一些高级特性,从而使得单页Web应用的用户体验更上一层楼。关于单页 应用的优点和缺点,网上讲解的文章有很多,这里就不展开论述了。 单页Web应用,顾名思义,就是只有一张Web页面的应用。浏览器一开始会加载必需的HTMLCSSJavaScript,之后所有的操作都在这张页面上完成,这一切都由JavaScript来控制。因此,单页Web应用会包含大量的JavaScript代码,复杂度可想而知,模块化开发和设计的重要性不言而喻。

  wemall现在已经实现单页内跳转,单页面返回,物理按键返回,速度之快超越有赞,清爽的界面,飞一样的体验。

© 著作权归作者所有

上一篇: 三级分销
下一篇: 随便聊聊互联网
清月曦
粉丝 3
博文 50
码字总数 36926
作品 0
郑州
产品经理
私信 提问
加载中

评论(1)

pidong1
pidong1
79
想成为小程序的创业高手?商家们先要知道这些,

如何精准选定目标用户,提升转化效果和复购率是电商行业的普遍痛点。 小程序自身具有轻量易用、可反复触达的特点,电商依托庞大的微信用户量和丰富的数据支撑,将这两者有机结合,可为电商行...

云创华丰
2018/08/19
0
0
在新零售环境下,由小程序构建的商城如何运用社交电商购物盈利?

关于购物,人们一般都关注产品的品质与价位是否合理,当然,不少人还关注购物体验。互联网的到来将够物从线下搬到了线上,人口红利逐渐消失,新零售成为消费升级的另一个增长点。 所谓新零售...

街道画清冷
2017/12/02
0
0
微信营销系统(第三方微信平台)之会员管理模块

一、起因 1、业务或者说是任务驱动 最近我有一个新项目启动,计划用到升讯威微信营销系统(微信第三方平台),跟着业务动手去实现,从而了解平台,这种方式我认为是了解平台最快的方式。 升讯...

突破666
2018/11/22
0
0
使用pushState实现微信“返回”按钮控制单页应用页面的无刷新跳转

相信很多微信开发者都会遇到过这样的问题:为了提高用户体验,把多个页面内容放在一个HTML页面进行展示,通过display属性以及transition动画来实现页面的跳转动画,但是点击微信顶部的“返回...

Simon_ITer
2016/10/17
5.2K
7
从“跳一跳”来看微信小程序的未来

从“跳一跳”来看微信小程序的未来 相信大家这两天都被微信新推出的小程序跳一跳刷爆了朋友圈,为了方便用户在使用过程中切换小程序,微信在这次6.6.1版本中加入了下拉可快速切换小程序的功能...

灵动生活
2018/01/17
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Giraph源码分析(八)—— 统计每个SuperStep中参与计算的顶点数目

作者|白松 目的:科研中,需要分析在每次迭代过程中参与计算的顶点数目,来进一步优化系统。比如,在SSSP的compute()方法最后一行,都会把当前顶点voteToHalt,即变为InActive状态。所以每次...

数澜科技
59分钟前
2
0
Xss过滤器(Java)

问题 最近旧的系统,遇到Xss安全问题。这个系统采用用的是spring mvc的maven工程。 解决 maven依赖配置 <properties><easapi.version>2.2.0.0</easapi.version></properties><dependenci......

亚林瓜子
今天
7
0
Navicat 快捷键

操作 结果 ctrl+q 打开查询窗口 ctrl+/ 注释sql语句 ctrl+shift +/ 解除注释 ctrl+r 运行查询窗口的sql语句 ctrl+shift+r 只运行选中的sql语句 F6 打开一个mysql命令行窗口 ctrl+l 删除一行 ...

低至一折起
今天
8
0
Set 和 Map

Set 1:基本概念 类数组对象, 内部元素唯一 let set = new Set([1, 2, 3, 2, 1]); console.log(set); // Set(3){ 1, 2, 3 } [...set]; // [1, 2, 3] 接收数组或迭代器对象 ...

凌兮洛
今天
2
0
PyTorch入门笔记一

张量 引入pytorch,生成一个随机的5x3张量 >>> from __future__ import print_function>>> import torch>>> x = torch.rand(5, 3)>>> print(x)tensor([[0.5555, 0.7301, 0.5655],......

仪山湖
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部