目录结构 - src目录 主要的代码目录 - components 存放项目组件 - router 路由文件 - store store文件 - main.js 最终被打包到build文件 - statics 静态文件 - idnex.html 项目入口文件 - webpack.config.js webpack配置文件主要代码入口index.html文件<!D
原创
2023-06-01 00:29:59
119阅读
前言最近看到一些人在问单页面和多页面应用的区别。所以也就输出这一篇短文希望可以给你一个整体的认识。这里也会大体介绍单页应用实现的核心 —— 前端路由。单页应用 VS 多页应用对比图单页应用（SinglePage Application，SPA）指只有一个主页面的应用，一开始只需加载一次 js,css 等相关资源。所有的内容都包含在主页面，对每一个功能模块组件化。单页应用跳转，就是切换相关组件，仅刷
原创
2021-01-18 16:46:41
295阅读
前言最近看到一些人在问单页面和多页面应用的区别。所以也就输出这一篇短文希望可以给你一个整体的认识。这里也会大体介绍单页应用实现的核心 —— 前端路由。单页应用 VS 多页应用对比图单页应用（SinglePage Application，SPA）指只有一个主页面的应用，一开始只需加载一次 js,css 等相关资源。所有的内容都包含在主页面，对每一个功能模块组件化。单页应用跳转，就是切换相关组件，仅刷
原创
2021-01-18 17:39:13
154阅读
一、View.js 官网：http://view-js.com/ 二、Vue.js 官网：https://cn.vuejs.org/
原创
2022-05-25 09:47:59
274阅读
# 基于原生JavaScript实现SPA单页应用
单页应用（Single Page Application, SPA）是一种现代Web应用程序架构，旨在通过动态加载内容来提供流畅的用户体验。用户在浏览器中访问应用时，只有一次页面加载，后续的操作只需更新页面的部分内容，而无需重新加载整个页面。本文将探索如何使用原生JavaScript实现一个简单的SPA，并展示一些必要的代码示例和状态图。
#
观点一 1、分离前后端关注点，前端负责界面显示，后端负责数据存储和计算，各司其职，不会把前后端的逻辑混杂在一起；2、减轻服务器压力，服务器只用出数据就可以，不用管展示逻辑和页面合成，吞吐能力会提高几倍；3、同一套后端程序代码，不用修改就可以用于Web界面、手机、平板等多种客户端；缺点：1、SEO问题
转载
2017-02-09 10:38:00
61阅读
2评论
一：单页应用1）单页应用是什么？SPA(single page application): 单页面应用，即一个web项目就只有一个页面（即一个HTML文件）。就是把整个项目的所有页面的所有内容分成了很多的小块（就是组件），可以重复利用的，可以任意调整的组件，每个组件就是一个独立的部分（包括html，css和javascript代码）。再做一个html（基本上啥也没有），这个html就是一个页面容器
转载
2021-01-25 13:53:00
957阅读
2评论
最近又在研究vue/webpack，想写点自己的思考，但又有些不太确定的地方，所以又搜了点文章学习下。思考的问题：什么时用的...
转载
2023-05-05 15:07:22
92阅读
web项目可分为单页应用 和 多页应用。单页应用，就是只有一个页面，其他呢？1、首次加载慢。不难理解，这么多东西要一下子加载，当然慢了。加载
原创
2022-08-15 12:06:08
127阅读
单页应用和多页应用的理解多页面：每次页面刷新都会返回新HTML 优点：首屏时间快（只发送一个http请求，响应接受了，页面就能展示出来）SEO（搜索引擎排名）效果好，搜索引擎是识别html内容，根据内容排名的 缺点：页面切换慢：每次切换都需要发起一个http请求单页面只有一个首页，js感知到url变化后使用js把当前页面内容替换成新的，而不会每次跳转都请求新的html文件优点：页面切换快，因为不需
原创
2021-05-20 20:23:09
214阅读
# 单页应用（Single Page Application）及其Python实现
## 1. 什么是单页应用
单页应用（Single Page Application，SPA）是一种基于Web进行交互的应用程序，它通过动态加载页面的方式实现了在不刷新整个页面的情况下更新内容。SPA通常使用Ajax来获取数据并动态更新页面内容，提供了更加流畅的用户体验。
传统的多页应用每次交互都需要重新加载
# jQuery单页应用
在现代web开发中，单页应用（Single Page Application，简称SPA）越来越受欢迎。SPA是一种通过动态加载内容而无需重新加载整个页面的应用程序。它使用JavaScript框架来处理路由和页面更新，提供了更流畅的用户体验。
在本文中，我们将探讨如何使用jQuery创建一个简单的单页应用。我们将使用jQuery来处理路由，加载内容和更新页面。
##
原创
2023-08-01 07:13:51
192阅读
SPA单页应用的2种类型分页技术，常见于React、Vue等基于组件化开发的项目 1、纯前端分页 2、基于后台的分页 （1）纯前端分页 1、请求获取数据：一次性获取所有数据，翻页时不再发送请求 2、请求接口：不需要指定页面（pageNum）和每页数量（pageSize） 3、响应数据：所有数据的数组
转载
2020-03-30 16:14:00
208阅读
2评论
最近公司技术 Leader 说要以后要使用 VUE 来构建单页应用，让我先研究下怎么搞。既然接到了任务那就撸起袖子开干吧，由于之前有过使用 VUE 做页面数据绑定，对 VUE 这东西还是很有好感的。于是乎 google 了一堆先行者的文章，看了一圈下来有了一个基本的概念。在我看来，单页应用就是把网页做的跟原生 APP 差不多的形式，没有传统网页那样的有明显的页面跳转，页面切换比较流畅顺滑，用户体验
转载
2023-09-04 15:29:57
52阅读
在new Router({})配置 mode 参数，mode值可选hash或者History。hash模式
hash（#）是URL的锚点，同时每一次改变#后的部分，都会在浏览器的访问历史中增加一个记录，使用”后退”按钮，就可以回到上一个位置；但不会对服务端请求数据。使用hashchange()监听hash值变化，使用window.location.href重新赋值。
用法实例// 对hash值变
转载
2023-07-15 15:15:56
119阅读
为了简单明了地理解什么是单页面应用，我们先对比一下传统的网页应用。如图一所示在传统的web应用中：客户端向服务器发送http请求服务器获取请求并作出响应。这个过程具体是先由控制器（control）做出路由的分发，匹配到相应的数据服务（model）然后结合这个数据服务生成一个template即HTML文档，这个template就是control的执行结果服务器会将这个HTML文档（视图）返回给客户端
转载
2017-07-28 14:43:00
66阅读
多页应用每次页面跳转，后台的服务器都会给我们返回一个新的HTML文档首页时间快：页面首个屏幕的内容展现出来的时间 =》因为访问一个页面，服务器返回一个HTML，页面就会被展示出来，这个过程只经历了一个 http请求的过程SEO效果好： 搜索引擎优化效果非常好，搜索引擎在做排名的时候，需要知道网页的内容，根据网页的内容才会给网页权重来进行网页的排名。搜索引擎可以识别HTML中的内容，而每个页面的所有
Vue单页面应用目标：掌握单页面文件组建的语法掌握单页面应用的开发单文件组件概述：单文件组件是指将组件用独立文件的方式进行创建，文件扩展名是.vue单文件组件的构成 （1）.Template模板 （2）.实例对象 （3）.CSS样式单页面应用创建vue单页面应用：Vue-cli是一个Vue脚手架，可以快速构造项目结构vue-cli2.0包含了多个项目模板Vue-cli3简化了webpack配置最新
1.Vue.js是什么？与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层Vue 完全有能力驱动采用单文件组件和生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。3.单页应用程序（SPA）单页应用一般指的就是一个页面就是应用，当然也可以是一个子应用，比如说知乎的一个页面就可以视为一个子应用
这篇随笔主要目的有二：第一：帮助web前端初学者入门（编写一个简单的网页）第二：解除web前端工程师对htm的误解。较为深入的解析htmlhtml简介主要从四个方面进行阐述：1、网页的组成部分1.1、结构层（HTML/HTML5）网页的骨架。我们浏览一个网页能够看到的内容（文字、图片、视频等）都是以html为载体展示出来的。1.2、样式层（CSS/CSS3）网页的外衣。起到修饰的作用，
