首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【前端词典】单页应用 VS 多页应用

    前言 最近看到一些人在问单页面和多页面应用的区别。因为最近在整理 Vue 相关的内容,所以也就输出这一篇短文希望可以给你一个整体的认识。 这里也会大体介绍单页应用实现的核心 —— 前端路由。...单页应用 VS 多页应用 直观对比图 ? 单页应用(SinglePage Application,SPA) 指只有一个主页面的应用,一开始只需加载一次 js,css 等相关资源。...单页应用跳转,就是切换相关组件,仅刷新局部资源。 多页应用(MultiPage Application,MPA) 指有多个独立的页面的应用,每个页面必须重复加载 js,css 等相关资源。...后来人们称其为前端路由,成为单页应用标配。 hash 模式的特点在于 hash 出现在 url 中,但是不会被包括在 HTTP 请求中,对后端没有影响,不会重新加载页面。...history 模式 利用了 HTML5 History Interface 中新增的 pushState() 和 replaceState(),它们提供了对历史记录进行修改的功能。

    1.9K40

    【前端词典】单页应用 VS 多页应用

    前言 最近看到一些人在问单页面和多页面应用的区别。因为最近在整理 Vue 相关的内容,所以也就输出这一篇短文希望可以给你一个整体的认识。 这里也会大体介绍单页应用实现的核心 —— 前端路由。...单页应用 VS 多页应用 直观对比图 ? 单页应用(SinglePage Application,SPA) 指只有一个主页面的应用,一开始只需加载一次 js,css 等相关资源。...单页应用跳转,就是切换相关组件,仅刷新局部资源。 多页应用(MultiPage Application,MPA) 指有多个独立的页面的应用,每个页面必须重复加载 js,css 等相关资源。...后来人们称其为前端路由,成为单页应用标配。 hash 模式的特点在于 hash 出现在 url 中,但是不会被包括在 HTTP 请求中,对后端没有影响,不会重新加载页面。...history 模式 利用了 HTML5 History Interface 中新增的 pushState() 和 replaceState(),它们提供了对历史记录进行修改的功能。

    1.8K20

    设计模式专题(十七) ——单例模式

    设计模式专题(十七)——单例模式 (原创内容,转载请注明来源,谢谢) 一、概述 单例模式(Singleton)保证一个类仅有一个实例,并提供一个访问它的全局访问点。...单例模式可以严格控制客户的访问方式,保证唯一的实例。 二、多线程情况下的单例 当多线程中,多个线程同时访问类,还是有可能会创建出多个实例,则需要加锁。...最常见的就是对数据库的连接采用单例模式,因为mysql数据库有最大连接数限制,当大量的连接发生,会导致无法连接数据库,则可以实现单例模式。...五、单例模式实现数据库连接 专题(十)——观察者模式 设计模式专题(九) ——外观模式 设计模式专题(八) ——模板方法模式 设计模式专题(七)——建造者模式 设计模式专题(六)——原型模式 设计模式专题(五)——工厂方法模式

    84570

    Webpack实战-管理多个单页应用

    实际的做法是按照功能模块划分成多个单页应用,每个单页应用生成一个 HTML 文件。并且随着业务的发展更多的单页应用可能会逐渐被加入到项目中去。...来继续改造上一节的例子,要求如下: 项目目前共有2个单页应用组成,一个是主页 index.html,一个是用户登入页 login.html; 多个单页应用之间会有公共的代码部分,需要把这些公共的部分抽离出来...例如多个页面都使用一套 CSS 样式,都采用了 React 框架,这些公共的部分需要抽离到单独的文件中; 随着业务的发展后面可能会不断的加入新的单页应用,但是每次新加入单页应用不能去改动构建相关的代码。...,例如都放在 pages 目录下; 一个单页应用一个单独的文件夹,例如最后生成的 index.html 相关的代码都在 index 目录下,login.html 同理; 每个单页应用的目录下都有一个 index.js...由于这个模版文件被当作项目中所有单页应用的模版,就不能再像上一节中直接写 Chunk 的名称去引入资源,因为需要被注入到当前页面的 Chunk 名称是不定的,每个单页应用都会有自己的名称。 <!

    1.9K50

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券