首页 > web前端 > js教程 > 如何像真正的专业人士一样过度设计网站?

如何像真正的专业人士一样过度设计网站?

Patricia Arquette
发布: 2025-01-21 18:30:14
原创
623 人浏览过

为您的下一个 Web 应用程序选择正确的技术堆栈:综合指南

构建 Web 应用程序涉及选择正确的技术组合 - 您的技术堆栈。 这个选择至关重要,因为以后改变它可能很困难。本指南将引导您完成整个过程,探索流行的堆栈,然后从头开始构建一个堆栈,然后进行实用的简化。

了解技术堆栈

经典的 LAMP 堆栈(Linux、Apache、MySQL、PHP)出现于 90 年代末。 如今,构建变得更加容易,但由于可用工具丰富,选择也更加复杂。 技术堆栈由三个主要部分组成:

  1. 前端: 处理用户界面 (UI)。这通常涉及 JavaScript 框架(或用于移动应用程序的本机 iOS/Android,或 Flutter 等跨平台工具)。
  2. 后端:包括服务器端运行时(例如 Node.js、Python)、用于数据存储的数据库,通常还包括云服务提供商。
  3. API: 连接前端和后端。这些可能是定制的(REST、GraphQL)或第三方服务(Stripe、Twilio、SendGrid)。

热门技术堆栈

流行的堆栈包括 MEAN(MongoDB、Express、Angular、Node.js)、MERN(MongoDB、Express、React、Node.js)及其变体。 StackShare.io 是一个有用的资源,可以帮助您了解成功的公司使用了哪些技术。

构建您自己的技术堆栈(过度设计的示例)

让我们为大型 Web 应用程序构建一个假设的技术堆栈,无论复杂程度如何,优先考虑最新技术。

前端架构

How to Overengineer a Website like a true professional?

假设一个主要基于 Web 的应用程序,具有未来移动扩展的潜力:

  • 语言: TypeScript(用于可扩展性和可靠性)。
  • 框架: React(为了流行和 React Native 兼容性)。
  • 状态管理: Redux(很受欢迎,但以样板代码而闻名)。
  • 样式:Tailwind CSS(速度)、SASS(预处理器)和 PostCSS(优化)。
  • 捆绑: Webpack(流行,但复杂)。
后端架构

  • 数据库: MySQL(关系型,用于处理复杂关系,但可能不如 NoSQL 选项可扩展)。
  • 缓存数据库: Redis(为了速度)。
  • 服务器端运行时: Node.js。
  • 框架: NestJS(TypeScript 支持)。
  • ORM: TypeORM。
  • 网络服务器: Nginx。

部署和基础设施

  • 容器化: Docker。
  • 编排: Kubernetes。
  • 云提供商: Amazon Web Services (AWS)。
  • 基础设施即代码: Terraform。
  • 版本控制: GitHub 以及用于 CI/CD 的 GitHub Actions。

API 和第三方服务

  • API: GraphQL 与 Apollo。
  • 付款:条纹。
  • 身份验证: Auth0。
  • 图像分析: Amazon Rekognition。
  • 短信: Twilio。

简化技术堆栈:“Petite Fire Stack”

以上内容可能过于复杂。 更简单、更实用的方法是:

  • 前端:纯 HTML、Petite Vue(轻量级)、Bootstrap(用于 CSS)。
  • 后端: Firebase(处理数据库、身份验证和无服务器功能)。

这个简化的堆栈优先考虑易于开发和快速原型设计。 CI/CD 可以根据需要稍后添加。

How to Overengineer a Website like a true professional?

How to Overengineer a Website like a true professional?

How to Overengineer a Website like a true professional?

结论

选择技术堆栈需要仔细考虑项目需求和可扩展性。 应避免过度设计。 优先考虑用户友好的体验,并选择有效支持该目标的技术。 “Petite Fire Stack”展示了简单有效的堆栈是可以实现的。

领英 | | 蓝天

以上是如何像真正的专业人士一样过度设计网站?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板