1.Redux介绍(数据层框架) React视图层框架 Redux是一个用来管理数据状态和UI状态的JavaScript应用工具。随着JavaScript单页应用(SPA)开发日趋复杂,JavaScript需要管理比任何时候都要多的state(状态),Redux就是降低管理难度的。(Redux支持R ...
分类:
其他好文 时间:
2020-06-30 20:38:07
阅读次数:
52
最近我在学习 React.js 框架,在此记录一下我使用 react-router-dom 来实现单页应用(SPA)的路由跳转时,怎么处理父子组件间的通信。本文使用的是 HashRouter。 父组件中的路由配置 /** * 我使用了 react-router-dom 里面的 Switch 进行页面 ...
分类:
其他好文 时间:
2020-06-20 01:20:23
阅读次数:
69
什么是前端路由? 路由的概念来源于服务端,在服务端中路由描述的是 URL 与处理函数之间的映射关系。 在 Web 前端单页应用 SPA(Single Page Application)中,路由描述的是 URL 与 UI 之间的映射关系,这种映射是单向的,即 URL 变化引起 UI 更新(无需刷新页面 ...
分类:
其他好文 时间:
2020-06-10 21:03:33
阅读次数:
71
单页应用(SPA)和多页应用(MPA)的区别 英文解释 单页面应用:SinglePage Web Application,简称 SPA 多页面应用:MultiPage Application,简称 MPA 定义区分 (1)单页面应用 只有一个WEB主页面的应用,公共资源(js、css等)仅需加载一次 ...
分类:
其他好文 时间:
2020-05-16 12:35:45
阅读次数:
63
最近用vue+vue-router做了个单页应用的项目,页面大概有15个左右。积累了一些开发经验在此做一些记录.本文主要从可维护性方面来考虑SPA的开发实践 全站的颜色定义放在一个less或者scss的文件里,其他组件和页面import这个配置来引用颜色。 示例代码:define.scss $bgC ...
分类:
其他好文 时间:
2020-01-18 19:22:50
阅读次数:
92
单页应用(SPA)单页Web应用(single page web application,SPA),就是将系统所有的操作交互限定在一个web页面中。单页应用程序 (SPA) 是加载单个HTML页面,系统的不同功能通过加载不同功能组件的形式来切换,不同功能组件全部封装到了js文件中,这些文件在应用开始 ...
分类:
Web程序 时间:
2019-11-19 17:27:05
阅读次数:
122
单页应用(SPA, Single Page Application)的整个Web系统由一个html文件,通过Ajax和后端进行数据交互,通过一些特殊手段去加载渲染页面的不同部分,使得无需刷新整体页面,,就像使用app一样,极大的提升了用户使用体验,在Vue生态中,就是利用Vu ...
分类:
其他好文 时间:
2019-06-29 15:15:30
阅读次数:
158
单页应用SPA做SEO的一种清奇的方案 网上有好几种单页应用转seo的方案,有服务端渲染ssr、有预渲染prerender、google抓AJAX、静态化。。。这些方案都各有优劣,开发者可以根据不同的业务场景和环境决定用哪一种方案。本文将介绍另一种思路比较清奇的SEO方案,这个方案也是有优有劣,就看 ...
分类:
其他好文 时间:
2018-09-08 17:16:28
阅读次数:
175
最近在学习vue框架,从网上找了一个实例但是只有一个页面,就是所有组件都放到App.vue里,结果点击按钮,所有内容都显示在当前页面,但是我想实现页面的跳转,搞了好几天,终于在网上找到了一个例子。下面贴出在一个页面添加组件以及跳转页面的代码。 单页应用(SPA),那么整个项目有以下三个文件是必要的: ...
分类:
其他好文 时间:
2018-04-11 18:04:37
阅读次数:
693
单页Web应用(single page web application,SPA),就是只有一张Web页面的应用,是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。 提供一个官方命令行工具,可用于快速搭建大型单页应用(SPA)。该工具为现代化的前端开发工作流提供了开箱即用 ...
分类:
其他好文 时间:
2018-02-13 19:00:07
阅读次数:
355