- 综合排序
- 最热优先
- 最新优先
- 来自专栏超级架构师
【微前端架构】AWS 上的微前端架构
微前端架构将微服务开发原则引入前端应用程序。在微前端架构中，开发团队独立构建和部署“子”前端应用程序。这些应用程序由“父”前端应用程序组合而成，该前端应用程序充当容器来检索、显示和集成各种子应用程序。 在微前端架构中，团队应该能够独立部署他们的前端应用程序，而对其他服务的影响最小。这些更改将反映在父应用程序中。 自治团队：每个团队都是各自领域的专家。例如，计费服务团队成员具有专业知识。 运营开销：微前端应用程序不是管理单个前端应用程序，而是涉及为所有团队创建和管理单独的基础架构。 构建微前端 微前端架构模式最困难的挑战是将子应用程序与父应用程序集成。优先考虑用户体验对于任何前端应用程序都至关重要。 结论 微前端架构为前端应用程序引入了微服务开发的许多熟悉的好处。微前端架构还允许您管理小型独立组件，从而简化构建复杂前端应用程序的过程。
2.2K10编辑于 2022-03-08 - 来自专栏无限可能的程序开发
前端架构工作
. ---- 我是 甜点cc☭ 公众号：【看见另一种可能】 专注前端开发，也喜欢专研各种跟本职工作关系不大的技术，技术、产品兴趣广泛且浓厚。
23010编辑于 2023-03-16 - 来自专栏前端导学
前端架构问答
Q 为什么需要好的前端架构？ A 为了保障前端项目的维护成本更低 Q 如何构建有弹性的前端架构？ A 可以从启用约束做起 Q 如何启用约束？ A 做到三点： 1 文件夹约束（将变更的影降低到最小） 2保守的看待代码复用这件事（避免为了代码复用而引入不必要的库，导致更高的维护成本） 3加强你的边界 (保护好现有的架构，阻止新人想要改造架构的冲动
66520发布于 2020-11-23 - 来自专栏全栈程序员必看
什么是前端架构？
介绍：当下，对于从事前端开发人员来讲，编写前端样式不仅是要当做事前来考虑的事情，而且还要先进行网站设计方案的讨论，然后才开发各种功能，这样做是避免一些定性的div、列表、或链接等后期难以修改造成的窘境 文章目录 前言 一、HTML设计 二、CSS设计 三、JavaScript设计 四、工作流程 五、总结 ---- 前言 前端架构含义：是指一系列工具和流程的集合，旨在提升前端代码的质量，并实现高效、可持续的工作流 就我理解而言，前端编程好似作文一般，写作之前我们肯定是先思考一下文章的思路，模板排布等，如果没有逻辑可言，想写便写，宛如流水账，得分也不会高到哪去，前端也一样。 本文一方面是介绍前端架构的重要性，浅解前端架构的深意；一方面也是勉励自己未来在前端开发方面少走弯路，不足之处还请见谅。 五、总结 随着对前端架构的理解越来越深入，从项目开始到现在所达到的高度，所需的时间会越来越短，而且所经历的迭代也会越来越少。我们的职责是认清目前的优势和劣势，并预测可能出现的机遇和问题。
75610编辑于 2022-11-15 - 来自专栏西岭老湿
微前端架构实战
微前端架构实战 如何实现多个应用之间的资源共享？ 之前比较多的处理方式是npm包形式抽离和引用，比如多个应用项目之间，可能有某业务逻辑模块或者其他是可复用的，便抽离出来以npm包的形式进行管理和使用。 可以理解微前端是一种将多个可独立交付的小型前端应用聚合为一个整体的架构风格。 这种架构目前有多种方案，都有利弊之处，但只要适用当前业务场景的就是好方案。 微前端并没有技术栈的约束。每一套微前端方案的设计，都是基于实际需求出发。 使用微前端架构就可以解决问题，在保留原有项目的同时，可以完全使用新的框架开发新的需求，然后再使用微前端架构将旧的项目和新的项目进行整合。 在 single-spa 框架中有三种类型的微前端应用： single-spa-application / parcel：微前端架构中的微应用，可以使用 vue、react、angular 等框架。
4.1K00发布于 2021-04-25 - 来自专栏终身学习者
干净的前端架构
免费体验 Gpt4 plus 与 AI作图神器，我们出的钱 体验地址：体验 干净的前端架构,围绕这个话题有很多原则： SOLID、KISS（保持简单明了）、DRY（不要重复自己）、DDD（领域驱动设计） 为什么需要前端架构？ 功能性和非功能性的要求不仅应该在后端应用，还应该在前端应用。因此，有了前端架构，我们就能满足业务需求。此外，我们能够更好地理解项目的复杂性，从而降低项目的风险、时间和成本。 然而，作者认为，前端架构的最有价值的原因是任何项目的可维护性和可扩展性。 那么，前端架构是什么样的呢？ 根据作者的经验，大多数时候都使用分层架构。但是，也会有一些项目采用了六边形架构。 此外，还将 DDD 引入了前端架构。最后，介绍了创建组件和添加业务逻辑时的一些规则，希望这些代码能够保持可维护性。 不过，开发人员团队在进行代码审查和添加新功能时必须具备较高的标准，否则清洁架构可能不足以保持可维护性。 希望这能帮助大家构建更简洁的前端架构。
21610编辑于 2024-02-12 - 来自专栏web前端教室
WEB前端架构（一）
想到哪说哪，， 前端架构当然首推MVC，在我这个项目里， (一)、view层，就是html、css、一些直接控制DOM的JS； --login.html，base.css，login.css 以上是这二天的成果，页面只做了login一个，主要精力都放在如何搭建前端架构上面了。 虽然还是很简陋的mvc，但前端架构从来都是不停的优化调整的。
1.3K80发布于 2018-02-06 - 来自专栏Super 前端
前端架构--从入门到微前端
前端架构：从入门到微前端》 本书围绕前端架构的实施，从基础的架构规范，到如何设计前端架构，再到采用微前端架构拆分复杂的前端应用。 设计：架构设计的模式，以及设计和制定前端工作流 基础：通过深入构建系统、单页面应用原理、前端知识体系等，来构建出完整的前端应用架构体系 实施：通过与代码结构的方式，介绍如何在企业级应用中实施组件化架构、 设计系统和前后端分离架构 微前端：引入6种微前端的概念，以及如何划分、设计微前端应用，并展示了如何实现这6种微前端架构 演进：提出更新、迁移、重构、重写、重新架构等架构演进方式，来帮助开发人员更好地设计演进式架构 比较适合初、中级的前端开发人员或者想了解前端的小伙伴。在此并不想呈现太多的书中内容摘要，而是想通过作者的一些表达来结合自身和自己团队来谈一下观点和想法，特别是在架构方面。 对于前端而言，业务性和交互越来越重，架构的重要性不言而喻。页面整体渲染 => 结构行为表现分离 => 插件化/模块化 => MVC/MVVM => 组件化。
1.1K21发布于 2020-05-28 - 来自专栏web前端教室
WEB前端架构（三）
先跟关注我的各位说声抱歉，快一周没更新了。 实在是因为太忙了，最近周末在忙装修的事，周内又要加班。 因为是新公司嘛，本来就忙，三天前又被临时抓去写一个手机微信上用的购物车。。 我也是忙的有点脑抽了，拿着图顺着操作步骤就写下去了，到后来才发现，这不就是一步一步的面向过程的写法了么， 所有的操作全都纠缠在一起，数字和操作用变量到处传来传去， 结果毫无意外的写成了一坨屎。 然后是当然的推翻重写啊， 搞一个购物车对象，然后添加各种方法，操作数据来渲染dom, 这才是正确的套路， 今天先说下思路， index.ht
704100发布于 2018-02-06 - 来自专栏web前端教室
WEB前端架构（二）
继续想到哪说哪，， 继上一期说，定好了MVC结构之后 就准备先搞些组件出来，首先就是抽个input出来。。 目前有登录页和用户地址栏页， input至少有二种以上特性， 一检测是否为空，input上弹出小提示框 二如果为空，边框变色。 思路是这样，伪代码： var createInput = { init:function(){ }, cInput:function(){ var _ths = this; $('<input>',{ 'id':_id, 'class':_cls, }).
83960发布于 2018-02-06 - 来自专栏call_me_R
清晰的前端架构
, KISS(Keep It Short and Simple), DRY(Don't Repeat Yourself), DDD(Domain-Driven-Design) 等等 我们为什么需要前端架构 功能性和非功能性需求不仅需要应用到后端，也需要应用于前端。因此，前端架构能够满足商业的需求。而且，我们可以更好理解项目的复杂性，从而减少项目的风险、时间和成本。 然而，在我看来，前端架构最有价值的原因是任何项目的可维护性和可扩展性。 前端架构应该是什么样子的？ 根据我的经验，大多数情况下，Layered Architecture（分层架构）被使用到。 此外，我已经将领域驱动设计（DDD）应用于前端架构中。最后，但是同样重要的是，我还阐述了有关创建组件和添加业务逻辑的规则，以便代码能够保持可维护性。 希望本文能帮到你构建一个清晰的前端架构（cleaner Frontend Architectures）。
38720编辑于 2023-10-27 - 来自专栏前端导学
前端架构最佳实践
Folders-by-Feature Structure 胜过 Folders-by-Type Structure
25020发布于 2019-12-20 - 来自专栏农民工前端
前端架构是什么？
---什么是前端架构前端架构是指在前端开发中，设计和组织应用程序的基本结构和组件之间的关系的方法和原则。它涉及到如何组织代码、管理数据、处理业务逻辑以及实现用户界面等方面。 以上仅为常见的几种前端架构模式，根据项目需求和规模的不同，选择适合的前端架构模式。前端架构的好处前端架构指的是在开发前端应用时，将代码组织、模块化和管理的整体结构和设计。 什么项目用前端架构前端架构可以应用于各种类型的项目，包括但不限于以下几个方面：Web 应用程序：前端架构在开发 Web 应用程序方面非常常见。 无论是简单的静态网站，还是复杂的大型系统，前端架构都能提供结构化的开发方式、高效的团队协作和优秀的用户体验。因此，在大多数的前端开发项目中，采用适当的前端架构是非常有益的。必须要用前端架构嘛？ 并非所有项目都必须使用前端架构。选择是否使用前端架构通常取决于项目的规模、复杂性和需求。
1.1K20编辑于 2023-06-27 - 来自专栏web前端教室
WEB前端架构（四）
这个购物车正好用来，给公司的电商网站中的购物车模块练手 等再写电商网站的购物车的时候，就不会这么写的这么尴尬了 我感觉，所谓的前端双向绑定，无非就是改变Data的时候，调用生成相关DOM结构的tpl模板
1.1K90发布于 2018-02-06 - 来自专栏超级架构师
「前端架构」Grab的前端学习指南
必须引导web团队的新成员接受前端的这种演化，学会轻松地在生态系统中导航，并尽可能快地向用户交付代码。我们提出了一个学习指南，介绍我们为什么要做我们所做的，以及我们如何处理前端的规模。 使用Ruby on Rails、Django、Express等框架构建了服务器端呈现的web应用程序。 了解网络是如何工作的。熟悉web协议和约定，如HTTP和RESTful api。 为了解决这个问题，Facebook发明了Flux，这是一个应用架构，通过利用单向数据流来补充React的可组合视图组件。在这里阅读更多关于Flux的工作原理。 分层结构——app / Flux架构中的每一层都是纯功能，职责明确。为它们编写测试非常容易。 这个有用的前端web开发人员路线图显示了各个方面可用的替代技术。 我们的技术决策是基于快速成长的Grab工程团队所看重的——前端代码库的可维护性和稳定性。
8K20发布于 2019-10-31 - 来自专栏不知非攻
视野前端（一）聊聊前端架构师
昨天我在公众号冒泡之后，一个小伙伴在群里说，能不能发点文章，讲讲如何成为架构师？ 当然可以！ ? 还是有许多童鞋梦想最终自己能够成长为一名架构师，在前端这个领域呼风唤雨，独挡一面。 我搜了一下群里的聊天记录，发现这童鞋早在一年以前就在思考成为架构师这个事情了。给他点个赞！ 讲道理，我的群里藏龙卧虎 ? 可什么是前端架构师？架构师一般都在干什么事情？架构师最重要的能力又是什么？ 什么是前端架构师 前端架构师，就是让大家更舒服的一个职业 这是我这几年工作的一个感受。 无论是前端架构师，还是服务端架构师，我们的目的，说白了就是为了让同事工作得更舒服，让团队协作成本更低，让产品更好，让用户更喜欢，让老板更放心。 在团队里，我就是这样一个伟大的人！ 从前端技术的角度考虑，更高效的本地构建，更合理的组件模块划分，更简单的开发方案选择，这些不难理解。也是大家认为架构师应该做的事情。 除此之外呢，要避免团队外部人员对开发体验影响过大。我们还要会...
71420发布于 2020-07-23 - 来自专栏phodal
《前端架构：从入门到微前端》目录
本书是一本围绕前端架构的实施手册，从基础的架构规范，到如何设计前端架构，再到采用微前端架构拆分复杂的前端应用。本书通过系统地介绍前端架构世界的方方面面，来帮助前端工程师更好地进行系统设计。 前端架构包含以下五部分内容。 设计：讲述了架构设计的模式，以及设计和制定前端工作流。 基础：通过深入构建系统、单页面应用原理、前端知识体系等，来构建出完整的前端应用架构体系。 实施：通过与代码结构的方式，介绍如何在企业级应用中实施组件化架构、设计系统和前后端分离架构。 微前端：引入 6 种微前端的概念，以及如何划分、设计微前端应用，并展示了如何实现这 6 种微前端架构。 架构设计方法 1.2.4 生成架构产出物 1.3 架构设计原则 1.3.1 不多也不少 1.3.2 演进式 1.3.3 持续性 1.4 前端架构发展史 1.5 前端架构设计：层次设计 1.5.1 系统内架构 微前端架构 9.1.2 为什么需要微前端 9.2 微前端的技术拆分方式 9.2.1 路由分发式 9.2.2 前端微服务化 9.2.3 组合式集成：微应用化 9.2.4 微件化 9.2.5 前端容器：iframe
2.9K20发布于 2019-06-19 - 来自专栏前端技术江湖
什么是前端简洁架构
原文链接：https://dev.to/bespoyasov/clean-architecture-on-frontend-4311 译者： Goodme前端团队 陆晨杰 不久前，我做了一个关于前端简洁架构 然后，我们将讨论这如何适用于前端，并探讨其是否值得尝试。 接下来，我们将按照简洁架构的规则来设计一个饼干商店的前端。最后，我们将从头开始实现一个用例，来验证其是否可用。 在帖子的末尾，你可以找到与简洁架构相关，且在前端更广泛使用的一些方法论。所以你可以根据你的项目规模找到一个最适合的方法。 增加代码的数量 简洁架构会增加前端项目最终打包的代码量。我们给浏览器的代码越多，它需要下载、解析和解释的就越多。我们必须注意代码的数量，并决定在哪些方面做优化： 对用例的描述要简单一些。 总结 在本文中，我概述并稍微扩展了我在前端领域关于清洁架构的演讲。 这不是一个黄金标准，而是基于我在不同项目、范式和语言中的经验总结而成。
51020编辑于 2023-08-21 - 来自专栏code秘密花园
前端领域的 “干净架构”
大家好，我是 ConardLi，前端有架构吗？这可能是很多人心里的疑惑，因为在实际业务开发里我们很少为前端去设计标准规范的代码架构，可能更多的去关注的是工程化、目录层级、以及业务代码的实现。 今天我们来看一种前端架构的模式，原作者称它为“干净架构（Clean Architecture）”，文章很长，讲的也很详细，我花了很长时间去读完了它，看完很有收获，翻译给大家，文中也融入了很多我自己的思考 然后就是怎么把干净架构应用于前端，以及值不值得这么做。 接下来，我们会用干净架构的原则来设计一个商店应用，并从头实现一下，看看它能不能运行起来。 上手更困难 完全按照干净架构进行设计和实现会让新手上手更加困难，因为他首先要了解清楚应用是怎么运行起来的。 代码量增加 这是前端会特有的一个问题，干净架构会增加最终打包的产物体积。 你理想下的前端架构是什么样的呢？
1.3K20编辑于 2022-02-18 - 来自专栏前端小而全的知识归纳
sass 项目前端架构
1.前端整体架构图 备注: 如果公司技术栈是统一的Vue 或者 React, 绿色模块只有一个, 如果是传统旧项目建议逐步重构掉 2.表单配置化系统架构图 3.表单配置化效果图 4.展望 低代码平台
1.4K10编辑于 2022-03-22
腾讯云开发者
