美文网首页
浏览器路由问题

浏览器路由问题

作者: Egde | 来源:发表于2017-12-16 20:11 被阅读0次

所谓路由是单页应用SPA出现才有的概念,只请求了一次服务器获取页面,后期的交互、数据获取都是通过ajax+(模板+数据 --模板引擎--> html页面/模块)完成的(属于将资源分步加载过来了)。路由变化主要体现在URL上的hash部分,hash改变会触发浏览器window对象的onhashchange事件。

重点!为什么使用路由?使用路由,我们不需要切换页面了(页面优化的一种方式)。所有页面的变化(路由变化)都是模块间的替换(模块化),如果是新的模块就ajax请求,否则调用内存里的模块,所有模块只会加载一次(不用频繁请求服务器)。后期维护也很方便。

模板引擎的出现不需要我们使用js拼接页面了。模板引擎的作用就是将数据跟html模板搞一下变成一个规范的html页面/模块。

原始使用js实现页面模块的切换:

        1,hash变化  2,模板引擎

vue框架的vue-router其实是我们的路由配置文件,使用的时候会进行路由匹配触发hashChange传入参数与ajax请求/调用内存里的模板。如果没有路由配置文件,则     //TODO

当然使用路由也有弊端,例如定义class样式时某一个模块的class可能会污染到另一个模块的样式,不过vue提供了使用style标签的scoped属性解决这个问题                                2017-12-16


还有js文件依赖加载问题

主要流程

scope概念?依赖加载问题?

相关文章

  • 浏览器路由问题

    所谓路由是单页应用SPA出现才有的概念,只请求了一次服务器获取页面,后期的交互、数据获取都是通过ajax+(模板+...

  • 2021-11-28

    面试问题汇总 h5路由与hash路由区别(单页面应该程序) hash路由 1、hash变化会触发页面跳转,即浏览器...

  • Router 原理及 React-Router

    页面路由(浏览器路由) 页面会刷新 hash路由 页面不会刷新,之前做单页应用,使用的传统方法。 h5 路由 h5...

  • 基于express.js的路由配置

    图解路由请求 微信项目路由机制总结 基于express.js的路由配置 解析路由: 当我们在浏览器中输入了相应的路...

  • AngularJS学习笔记(四)多重视图和路由

    多重视图和路由 为什么需要路由? 回答这个问题首要要简单介绍一下单页面应用。单页面应用通俗来讲就是在浏览器中运行的...

  • django02数据库属性等

    一、坑点问题 问题:1、路由规则2、模型结构和表单3、浏览器缓存 1.注意 / 2.修改完模型之后,需要执行生成迁...

  • VUE第五天学习

    一、路由进阶 1.路由模式 默认的路由模式是hash,会在浏览器地址中添加一个#,#号后面的就会解析成路由规则 但...

  • vue-router模式和钩子

    配置路由模式(三种模式) · 默认hash: 使用URL hash值作为路由,支持所有浏览器· history: ...

  • Vue路由详解

    Vue路由详解 对于前端来说,其实浏览器配合超级连接就很好的实现了路由功能。但是对于单页面应用来说,浏览器和超级连...

  • 2020-09-22

    VUE 1. vue 滚动行为用法,进入路由需要滚动到浏览器底部 头部等等 使用场景:使用前端路由,当切换到新路由...

网友评论

      本文标题:浏览器路由问题

      本文链接:https://www.haomeiwen.com/subject/rjnswxtx.html