前端 web单页,多页框架和独立程序 vue-cli vue-route webpack 入门

单页框架与多页框架区别

• vue-cli route webpack uni-app 都是复杂单页框架
• html css js mui 是简单的多页框架
• 单页框架 是指 把多页代码编译混合到一个页面,
• 多页框架直接通过浏览器解析访问
• 单页框架需要编译后才能用浏览器内核访问
• 单页和多页框架都是web程序的补充

单页框架与独立程序的区别

• 单页框架需要依赖容器或解释器才可以运行 ,例如: 微信程序,百度小程序,app程序,nodejs程序 等
• 独立程序可以独立运行, 例如:andriod程序 ios程序, pc程序

当然独立程序 又分为几种

• 低级程序,运行在单片机上,
• 高级程序运行在操作系统上
• 运行在虚拟机上的程序:
  andriod程序运行在android虚机上
  docker容器运行在docker虚机上
  java程序运行在java虚机上
  .net程序运行在.net虚机上

多页框架的意义

如果我们为了浏览一个html 网页,需要下载全站程序,显然不合理,
所以我们所有网站本质就是 多页框架,需要什么网页,就下载什么网页.

单页框架的意义

如果我们要玩游戏,每到一个场景,就要等待一会,直到下载好网页,才可以玩,体验感会很差, 所以有必要先把相关代码都下载到本地后运行,类似于pc端的单机程序.这就是单页框架

vue-route 路由的意义

• 在于在单页框架中 路由到已经下载好的子页面

vue-cli webpack uni-app打包的意义

例如在uni-app 的pages.json 中 为什么要把多个页面配置在文件中,其实也是为了让hbuilder 把所有文件编译到一起,形成一个单页框架
webpack 和vue-cli 都是为了把多页打包成单页框架