精华内容
下载资源
问答
  • 基于 Egg Vue Webpack 多页面和单页面服务端渲染同构工程骨架项目
  • 本篇文章讲述了多页面和单页面模式的区别,大家对多页面和单页面模式的区别不了解的话,那么我们就一起来看看本篇文章吧, 好了废话少说进入正题吧! 单页模式打开方式: 1 justep.shell....

    本篇文章讲述了多页面和单页面模式的区别,大家对多页面和单页面模式的区别不了解的话,那么我们就一起来看看本篇文章吧, 好了废话少说进入正题吧!

     

    单页模式打开方式

    1

    justep.shell.showpage();

    多页模式打开方式

    1

    window.loacation.href = require.tourl();

    三张图告诉你差别再哪里,大家要是还不太了解的话,可以自己多实现两边就很容易掌握了哦!

    展开全文
  • 之前由于项目需求,要搭一个restful api server,由于主要是要跟移动端交互,考虑到高并发易用的socket,决定用NodeJS来做。 之后就是框架选型,Express、Koa、Egg,综合对比了一下,选择了Egg,最主要的原因是...

    背景介绍

    简述下项目迭代过程,说白了就是流水账,不想看的朋友可以直接第二部分看展示。

    之前由于项目需求,要搭一个restful api server,由于主要是要跟移动端交互,考虑到高并发和易用的socket,决定用NodeJS来做。

    之后就是框架选型,Express、Koa、Egg,综合对比了一下,选择了Egg,最主要的原因是省事……真要找个拿得出手的原因的话:我之前是做Java的,Egg的分层用起来很顺手。

    开心的用Egg完成了小四十个接口,用起来的感觉还不错。这个时候新的需求来了,需要弄个管理端,用来处理用户密码重置、活动发布、字典管理、参数配置等工作。公司之前前端解决方案是Vue+iView,就直接iView-admin弄了。

    就这样,前端Vue+iView,后端Egg,用了一段时间,感觉每次部署都要来回切目录、更新、部署、启服务,好麻烦……就准备把前后端整合到一起去,Egg+Vue的版本就出现了。

    需求总是越来越多,移动端有一些功能准备放到web来做,功能不多,Boss让我直接扔到管理端弄,管理端是SPA模式,移动端可能就是要展示个活动页面,却要加载一大堆没用的JS、CSS、Image,太不友好了,就琢磨再弄个Vue服务端渲染吧。

    到此整个项目的架子出来了,基于 Egg + Vue + EasyWebpack 多页面和单页面服务端客户端渲染同构工程,UI解决方案iView + vant

    啰嗦了这么多,下面是干货时间。粗暴了从项目中抽了一版,留了基础功能,还不完善,剥离业务是个漫长的过程……后续逐渐完善吧。

    后续会丰富UI组件,集成MySQL、Redis,目标是弄一套开箱即食的中后端解决方案。

    功能展示

    Git地址,有兴趣的朋友可以下来玩玩:Github

    登录页

    注册页

    首页

    结语

    先到这儿吧,后续完善了再来跟大家分享!等完善的差不多了,我会出一系列整个迭代的过程,包括中间遇到的各种坑……敬请期待!

    展开全文
  • 单页面和多页面开发

    2020-03-08 00:34:22
  • 单页面和多页面

    2018-10-04 14:33:18
    单页面SPA 指的是项目中有一个整体的框架,页面跳转是使用js来进行局部跳转。 优点: 页面切换快, 缺点: 首屏速度慢,由于要加载必须的js,css 导航不可用,如果一定要导航需要自行实现前进、后退。(由于是...
  • 单页面和多页面的区别

    千次阅读 2018-10-24 16:13:46
    单页面和多页面的区别
  • 多页面应用 每次页面跳转,后端都会返回一个新的HTML文件。 优点:首屏时间快,SEO效果好 缺点:页面切换慢。每次跳转页面都要发一个HTTP请求。 单页面应用 只在首次加载时请求一个HTML文件,页面切换的路由由...
  • 什么是多页面 多个html 多页面如何实现 1.根据页面去划分整个项目 2.浏览器自身实现页面切换 3.页面跳转本质上是从服务器端请求htm|文件的过程 多页面的特点 1.页面切换简单 2.开发繁琐困难(难以实现模块化,应用...
  • 多页应用 单页应用 多页面 就是 多个html 优点:首页时间快 seo引擎优化效果 排名效果好 ...单页面 js渲染 优点:页面切换快 缺点:缺屏时间稍慢 seo搜索引擎 效果不好 排名不好 服务器 端可以弥补缺点 ...
  • Vue单页面和多页面的使用 配置多入口文件 Vue单页面 只有一个页面index.html在里面 切换不同的组件 我想配置多页面?有多个页面 写死的步骤 只需要配置 vue.config.js就行 module.exports = { //配置 和你的...
  • 单页面应用(SinglePage Web Application,SPA)只有一张Web页面的应用,是一种从Web服务器加载...多页面应用(MultiPage Application,MPA)多页面跳转刷新所有资源,每个公共资源(js、css等)需选择性重新加载,常...
  • 单页面和多页面应用场景总结

    千次阅读 2019-05-10 17:42:37
    页面和多页面应用场景总结 一、什么是单页面应用? 基本概念:在项目应用中,以单个html页面作为外壳页面,并在外壳页面一次性加载项目所依赖的资源(CSS、JS)。项目中其他页面作为页面片段在外壳页面中进行无感...
  • 单页面应用 多页面应用 组成 一个外壳页面和多个页面片段 多个完整页面 资源共用 共用,只需在外壳部分加载 不共用,每个页面都需要加载 刷新方式 页面...
  • 多页面应用(MPA),多页面跳转刷新所有资源,每个公共资源(js、css等)需选择性重新加载,常用于 app 或 客户端等。 单页面优点: 用户体验好,内容改变只更新局部页面; 前后端分离。 单页面缺点: 不利于SEO...
  • 单页面VS多页面应用  单页应用 优点:页面切换快(通过js来进行页面切换,并不请求html文件,使页面切换快)  缺点:首屏时间稍慢 (浏览器一开始会加载必需的HTML、CSSJavaScript,然后在通过js进行...
  •  单页面开发常用于webapp开发后台管理系统等。  优点:1用户体验好,流畅。  2因为单页面,所以对服务器的压力较小。  3可以在页面切换的时候加一些酷炫的动画效果。  4代码的复用度大。有利于后期的维护...
  • 单页面应用和多页面应用区别 一、多页面应用 每一次页面跳转的时候,服务器都会给返回一个新的html文档,这种类型的网站也就是多页网站,也叫做多页应用。 多页面具有什么优点呢? 首屏时间快 首屏时间叫做页面首个...
  • vue单页面和多页面优缺点

    千次阅读 2019-12-20 14:18:48
    开场:在项目中,单页面应用和多页面应用这两个是必不可少的,当然公司面试时只要简历上有写会vue这个问题十有八九也会提及,今天就重点说一下这个两个概念、使用、及优缺点。。。 单页面应用(spa) 概念:只有一...
  • 浅谈单页面和多页面应用的区别

    千次阅读 2019-05-07 17:27:15
    浅谈单页面和多页面应用的区别 最近做项目,领导说做一个多页面应用,之前做过单页面应用,为此查阅相关资料,总结一下二者的异同。 何为多页面?多页多页就是应用有多个页面。 何为单页面?单页单页就是应用有单个...
  • 开发了很多个单页面的项目,也开发了很多原生的项目,就是一直没机会开发多页面和单页面混合的项目,于是自己去查了一些资料,用的是vue-cli3脚手架搭建了一个多页面和单页面混合的小demo。首先,vue-cli3是脚手架的...
  • 1.单页面和多页面的区别? 单页面应用: 一个项目只有一个完整的html页面,其他都是部分的html片段组成。页面跳转只是局部刷新,不会重新加载全部资源。片段的切换,比较容易实现转场动画。 多页面应用: 一个...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 15,429
精华内容 6,171
关键字:

多页面和单页面