SAAS

SAAS 技术说明

SAAS 是以 react 为基础的 SPA 形式网站

主要技术栈

• TS 代码质量控制
• REACT 主要技术框架
• REDUX 全局数据共享

├── build    打包后的文件路径
├── public   静态HTML文件
├── scripts  项目打包脚本
├── package.json 项目依赖模块及脚本
└── src      项目工程文件路径
    ├── api  接口路径
    │   
    ├── components  通用组件
    ├── config      网站基础配置
    ├── hooks       通用业务 hook
    ├── layout      布局文件
    ├── router      路由文件
    ├── store       全局数据仓库
    │   └── module 数据仓库分层
    ├── style       基础样式 
    ├── styles      通用样式
    ├── typings     通用类型
    ├── utils       全局工具
    └── views       路由页面
       

SPA

什么是SPA应用? 就是单页web应用

也就是说只有一个HTML文件的web应用，称之为单页web应用，统称为SPA应用

我们通过vue开发的项目其实就是典型的SPA应用

• SPA特点

1.只有一个HTML文件，所有内容都在这个页面中呈现

2.只会加载一次HTML文件,不会因为用火狐的操作儿进行页面的重新加载，当用户与应用程序交互时，是通过动态更新页面内容的方式来呈现不同的内容

• SAP优点

1.有良好的交互体验，不会重新加载整个网页，只是局部更新

2.前后端分离开发，前端负责呈现和交互，后端负责数据

3.减轻服务器压力，只处理数据不用处理界面

4.共用一套后端程序代码

• SPA缺点

1.SEO难度高，只有一个网页无法针对不同的内容编写不同的SEO信息

2.初次加载耗时多，为了实现单页应用供能及展示效果，需要在加载页面的时候将所有的JavaScript，css同一加载