目前 m站开发的方式，依然请求完整的html，这样造成的问题就是每次请求的数据量过大过多，在没有wifi的情况下，导致页面打开的速度很慢，耗费的流量也较多；访问m站的多是移动端设备，其浏览器的版本都较高，所以其html5属性localstorage支持性也较好，并且m站页面较为简单，结构性较好，如果使用localstorage＋js解析模版＋json数据的方式来实现m的结构，其访问速度应该会大幅度提升。

具体实现方式如下：

1.把页面的html节点存储在localstorage中，因为m站结构简单，主要分的页面基本上就首页／频道页面／分类页面／搜索结果页面／产品详情页面／预订页面，并且页面本身也较为简单，所以整体的数据量不会大

2.访问页面时，后台推送json数据过来，然后使用js模版解析工具把json 与 localstorage中的数据拼装整合，填充在页面中

如果使用这种方式实现，访问页面时，返回的数据量就会很少，只有一个json对象。

优点：返回的数据量少，页面打开的速度块

缺点：不利于页面的seo

转载于:https://www.cnblogs.com/junxizai/p/3962116.html

使用localstorage及js模版引擎 开发 m站设想相关推荐

  1. js模版引擎handlebars.js实用教程——为什么选择Handlebars.js

    据小菜了解,对于java开发,涉及到页面展示时,比较主流的有两种解决方案: 1. struts2+vo+el表达式. 这种方式,重点不在于struts2,而是vo和el表达式,其基本思想是:根据页面需 ...

  2. js模版引擎handlebars.js实用教程——结束语

    返回目录 有了这些功能,[ajax json Handlebars]替代[vo el表达式]不成问题,新时代的曙光已经来临,最佳解决方案在此,您还等什么? 教程到此结束...祝读者学习愉快... 转载 ...

  3. js模版引擎handlebars.js实用教程——with-终极this应用

    返回目录 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <META http-equiv=Content-Type conten ...

  4. LayaAir引擎开发HTML5最简单教程(面向JS开发者)

    LayaAir引擎开发HTML5最简单教程(面向JS开发者) 一.总结 一句话总结:开发游戏还是得用游戏引擎来开发,其实很简单啦 切记:开发游戏还是得用游戏引擎来开发,其实很简单,引擎很多东西都帮你做 ...

  5. LayaAir引擎开发（基于JS开发）

    入门教程:一篇学会LayaAir引擎开发HTML5(面向JS开发者) charley  · 8 天前 序 HTML5是一种热门的跨平台开发技术,随着引擎技术的发展,如今LayaAir引擎的产品性能已达 ...

  6. 【Canvas】HTML5游戏开发的基本流程+P2.js物理引擎实战开发

    <HTML5游戏开发的基本流程> * 1. HTML5的简述 * 2. HTML5游戏开发所需的环境与工具 * 2.1. 开发环境 * 2.1.1. 浏览器 * 2.1.2. 开发语言 * ...

  7. 用LayaAir引擎开发HTML5的3D与VR游戏（入门基础）【面向JS开发者】-赖圆圆-专题视频课程...

    用LayaAir引擎开发HTML5的3D与VR游戏(入门基础)[面向JS开发者]-4626人已学习 课程介绍         全面介绍LayaAir引擎的3D游戏开发基础.学习在3DMax与Unity ...

  8. 黄聪：VS2010开发T4模版引擎之基础入门

    原文:http://www.cnblogs.com/lzrabbit/archive/2012/07/15/2591085.html 额,T4好陌生的名字,和NuGet一样很悲催,不为世人所熟知,却又 ...

  9. Nodejs学习笔记（五）--- Express安装入门与模版引擎ejs

    目录 前言 Express简介和安装 运行第一个基于express框架的Web 模版引擎 ejs express项目结构 express项目分析 app.set(name,value) app.use ...

  10. thymeleaf依赖_玩转SpringBoot集成 Thymeleaf 模版引擎

    随着互联网技术的发展,在前后端分离开发模式已经逐渐成为主流的今天,前后端技术的划分也越来越清晰,社会分工进一步细化,职业岗位也更加细分,慢慢开始就有了前端攻城狮和后端攻城狮,技术也进一步细分,出现了以 ...

最新文章

  1. helm部署仓库中没有的包_Kubernetes的Helm软件包管理器简介
  2. 刷脸，带来了方便，也带来了隐患，不可不防呀！
  3. 微软Win 7系统安全性方面的十大特色
  4. 用Enterprise Architect从源码自动生成类图
  5. java 枚举类 扑克牌_Java中的枚举和多态,扑克牌示例
  6. ios图文详情加载html_前端项目009 Vue 信息分享系统 商品列表、详情
  7. Qt的quit()，exit()以及close()事件捕获
  8. 查询各个商品分类中各有多少商品的SQL语句
  9. Nova 操作汇总（限 libvirt 虚机） [Nova Operations Summary]
  10. 算法学习笔记（六） 二叉树和图遍历—深搜 DFS 与广搜 BFS
  11. win7连接远程服务器特别慢,win7远程桌面连接速度慢的问题如何解决
  12. 2011年戴尔服务器型号,PowerEdge 11G R310机架式服务器
  13. SQP21-19-10-1CC-18高压定量叶片泵
  14. java解析eml文件_使用JavaMail解析EML文件详解
  15. Gitee码云注册和提交代码
  16. 华为面试题（小朋友高矮排序，要求移动距离最小）-java版
  17. 【Android】APP嵌入百度地图骑行导航一直初始化引擎失败解决办法
  18. 怎么修复老照片?给你推荐这几个修复方法
  19. 漫画：经典谷歌面试题“扔鸡蛋”，看看你会做吗？
  20. 将字符数组中存放的数字字符转换为数

热门文章

  1. 《Netty权威指南》（二）NIO 入门
  2. ubuntu 更改文件夹拥有者和权限
  3. [转]常见的软件版本编号及命名
  4. 使用Spring MVC实现数据绑定
  5. Object强转为实体类类型失败！！！！！！
  6. 设计模式【转自JackFrost的博客】
  7. AngularJs + angular-ui-router + bootstrap 实现blog基础导航功能
  8. HTML中IE条件注释判断语句（!--[if XX IE X]![endif]--）
  9. Java 多并发之原子访问（Atomic Access）
  10. 自制的JavaScript NodeTree导航栏，纯练手,附源码