Vue 服务端渲染框架
Nuxt 【Vue首选】
NuxtJS 让你构建你的下一个 Vue.js 应用程序变得更有信心。这是一个 开源 的框架,让 web 开发变得简单而强大。
Nuxtjs能完全替代VuePress,动态类网站渲染推荐使用
VuePress【Vue文档编写首选】
Vue 驱动的静态网站生成器
案例:vue官网
用途:API文档,博客等阅读类网站
静态类网站推荐使用
# 安装
yarn global add vuepress # 或者:npm install -g vuepress
# 新建一个 markdown 文件
echo '# Hello VuePress!' > README.md
# 开始写作
vuepress dev .
# 构建静态文件
vuepress build .
React 服务端渲染框架
Next【React首选】
Next.js 为您提供生产环境所需的所有功能以及最佳的开发体验:包括静态及服务器端融合渲染、 支持 TypeScript、智能化打包、 路由预取等功能 无需任何配置。
描述:NuxtJS和NextJS属同类型
Gatsby【React文档编写首选】
React 驱动的静态网站生成器 Gatsby 是一个基于 React 的免费、开源框架,用于帮助 开发者构建运行速度极快的 网站 和 应用程序
描述:VuePress和GatsbyJS属同类型 案例:React官网
nodejs框架
express,koa,egg 主流nodejs框架
基于 Node.js 平台,快速、开放、极简的 Web 开发框架
大型项目:nodejs主要用作中间层,优势很多,单线程抗高并发.....
小型项目:不推荐使用,增加了开发难度
【图例】
前端:负责View和Controller层。 后端:负责Model层,业务处理/数据等。
淘宝基于Node的前后端分离架构【网络图】
NestJS 全栈开发者考虑使用
Nest (NestJS) 是一个用于构建高效、可扩展的 Node.js 服务器端应用程序的开发框架。它利用 JavaScript 的渐进增强的能力,使用并完全支持 TypeScript (仍然允许开发者使用纯 JavaScript 进行开发),并结合了 OOP (面向对象编程)、FP (函数式编程)和 FRP (函数响应式编程)。
语法类似SpringBoot在底层,Nest 构建在强大的 HTTP 服务器框架上,例如 Express (默认),并且还可以通过配置从而使用 Fastify !
Nest 在这些常见的 Node.js 框架 (Express/Fastify) 之上提高了一个抽象级别,但仍然向开发者直接暴露了底层框架的 API。这使得开发者可以自由地使用适用于底层平台的无数的第三方模块。