miniRouter 一个前端路由的简单实现

之前介绍sprite框架的单页应用实现原理时,提到了单页应用的重要组成部分——前端路由。

本篇文章就介绍如何自己实现一个前端路由。

前端路由,顾名思义是由前端来实现路由控制。

简单来说路由控制就是一个url对应一个逻辑,请求不同的url将会得到不同的页面效果。

但是由于请求一个完整的url,会使得浏览器向服务器请求数据,并且刷新整个页面。如果只想刷新页面中的一部分,那么一次完整的http请求将显得有些浪费资源了。

所以就提出了前端路由的概念,采用改变并监听url的hash值,从而在前端实现路由的逻辑。由于url的hash值发生变化,不会使浏览器刷新页面,这意味着url的变化将不会……

阅读更多

sprite框架之单页应用的原理与实现(二)

这篇文章介绍我在实现sprite(移动端的单页web应用开发框架)的过程中,关于应用单页化的理解以及实现单页化的技术选型的思考和解决方案。

(ps: 本文关于单页web的原理介绍参考了这篇文章:单页应用开发权威指南 这是一本专门介绍单页应用的电子书,写的非常专业和深入,如果有对单页应用很感兴趣的同学建议收藏这个地址~)

(ps1: 如果嫌关于单页化的介绍比较啰嗦的话,可以直接跳到文章末尾,我在末尾介绍了sprite框架实现单页化的源码)

(ps2: 如果想直接看sprite框架的源码,请直接访问:sprite框架之源码篇)

web应用单页化的历史进程

1.传统web应用

单页这……

阅读更多