前言 最近收到一个这样的需求,要求做一个基于 vue 和 element-ui 的通用后台框架页,具体要求如下: 要求通用性高,需要在后期四十多个子项目中使用,所以大部分地方都做成可配置的. 要求做成脚手架的形式.可以 npm 安装 要求实现多页签,并且可以通过浏览器 ...
背景 随着项目的成长,单页spa逐渐包含了许多业务线 商城系统 售后系统 会员系统 ... 当项目页面超过一定数量 之后,会产生一系列的问题 可扩展性 项目编译的时间 启动server,修改代码 越来越长,而每次调试关注的可能只是其中 个页面 需求冲突 所有的需求都定位到当前git,需求过多导致测试环境经常排队 基于以上问题有了对git进行拆分的技术需求。具体如下 目标 依然是spa 由于改善的是 ...
2018-12-15 11:08 0 1210 推荐指数:
前言 最近收到一个这样的需求,要求做一个基于 vue 和 element-ui 的通用后台框架页,具体要求如下: 要求通用性高,需要在后期四十多个子项目中使用,所以大部分地方都做成可配置的. 要求做成脚手架的形式.可以 npm 安装 要求实现多页签,并且可以通过浏览器 ...
“ 这篇文章是我一次活动分享的讲稿 ” 最近项目上机缘巧合用微前端解决了一些团队问题,借此机会跟大家分享一下。 微前端作为近两年兴起的一种解决方案,也不是什么新东西了,既然是解决方案 ...
写在前面 本文记录笔者在Vue SPA项目首屏加载优化过程中遇到的一些坑及优化方案! 我们以 vue-cli 工具为例,使用 vue-router 搭建SPA应用,UI框架选用 element-ui , ajax方案选用 axios, 并引入 vuex ,使用 ...
单页Web应用(single page web application,SPA): SPA 是一种特殊的 Web 应用,是加载单个 HTML 页面并在用户与应用程序交互时动态更新该页面的。它将所有的活动局限于一个 Web 页面中,仅在该 Web 页面初始化时加载相应的 HTML ...
1、基于异步数据的vue页面刷新 先看看基于异步数据的vue页面刷新后,都发生了啥~ 如图所示: 图1 基于异步数据的vue页面刷新 网络请求图 步骤如下: step1:请求页面; step2:请求页面内的css、js资源; step3:vue页面初始化; step4 ...
Vue路由懒加载 对于SPA单页应用,当打包构建时,JavaScript包会变得非常大,影响页面加载速度,将不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这就是路由的懒加载。 实现方式 ...
关于单页应用 单页Web应用(single page web application,SPA),就是只有一张Web页面的应用,是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。简单来说就是用户只需要加载一次页面就可以不再请求,当点击其他子页面时只会有相应的URL改变 ...
基于Vue和Quasar的前端SPA项目实战之用户登录(二) 回顾 通过上一篇文章 基于Vue和Quasar的前端SPA项目实战之环境搭建(一)的介绍,我们已经搭建好本地开发环境并且运行成功了,今天主要介绍登录功能。 简介 通常为了安全考虑,需要用户登录之后才可以访问。crudapi ...