背景：在项目开发中，有这样的需求，多个项目要通过统一的门户网站加载出来，该统一门户网站只显示相应按钮进行菜单导航切换qiankun.js介绍： qiankun 是一个基于 single-spa 的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。参考：: 介绍-qiankun优势 技术栈无关；独立开发、部署；增量升级；独立运行状态隔离Why Not Iframe使用：主应用
转载
2024-08-22 17:36:34
42阅读
# 大型 Vue 前端应用 Monorepo 架构设计
在现代前端开发中，越来越多的团队选择使用 Monorepo (单个代码库) 管理多个相关项目或模块，以实现更高的开发效率和更好的协作能力。本文将通过介绍 Monorepo 架构设计的基本概念，结合 Vue 的特点，带您了解如何构建大型 Vue 前端应用的 Monorepo 架构。
## 什么是 Monorepo？
Monorepo 是一
原创
2024-10-30 04:09:34
273阅读
Vue1. 什么是VueVue是一款渐进式JavaScript框架Vue是一款渐进式JavaScript框架，可以用于构建用户界面。Vue具有简单易学、轻量级、高效、灵活等特点。Vue采用了MVVM模式，通过数据驱动视图的方式实现了组件化开发。Vue具有丰富的生态系统，如Vue Router、Vuex、Vue CLI等。Vue支持服务端渲染、TypeScript等特性，可以满足不同的开发需求。Vu
转载
2023-09-24 09:33:00
255阅读
1、Flask、Django、Tornado三大框架对比 （1）框架 A、是对一部分代码进行封装，并提供api接口的一个半成品 B、开发者在使用框架的时候，只需要调用框架提供的接口即可，可以大大提高开发效率 （2）Flask框架(python3.7.7+Flask1.1.1) A、是python编写的轻量级的框架，
此篇博文介绍 我所认为的应用框架设计原理。应用框架是指为解决前端应用程序复杂性的一套解决方案。它的特征是分层。我不保证我的阐述是对的。不过，基础有对错，但从客观经验得出的理论没有对错，仅有适应范畴或优劣的区别，它们都能保证你达到目的地。 应用框架原理图解: MVC是java十几年来一统企业应用程序后台框架的杀手锏。所以将它作为前端应用框架的核心，不求一览众山小，但肯定可以‘高
转载
2023-07-15 06:57:44
89阅读
Togaf中的架构原则是一组用于指导企业架构设计和决策的基本准则。这些原则旨在支持组织的目标、价值观和战略，并提供一致性、可持续性和可扩展性的架构方案。Togaf中提供了一些常见的架构原则，比如：保持一致性：确保架构与组织的目标和价值观保持一致，使各个部分相互协调，形成一个整体。最小化复杂性：避免过度复杂的架构，优先选择简单、易于理解和管理的解决方案。可重用性：鼓励设计和构建可重用的组件和模块，以
转载
2023-08-02 22:49:01
178阅读
在当今快速发展的互联网时代，前端微应用架构设计应运而生，它为现代Web应用提供了可扩展性和灵活性。这种架构有助于开发团队以更加模块化的方式管理代码，提高开发效率，促进团队间的协作。在这篇博文中，我将记录下我在设计前端微应用架构的过程，其中包括背景描述、技术原理、架构解析、源码分析、扩展讨论以及未来的展望等部分。
## 背景描述
前端微应用架构在近几年逐渐兴起，尤其是在大型Web应用的开发中，这
网站架构的演化1，原始时代，一台服务器解决所有，经典的LAMP，廉价服务器+开源软件，网站就建起来了。→ 等到访问量越来越大，数据存储空间吃紧了，所以。。。2，使用三台服务器，应用，文件，数据库分开。应用服务器加CPU，文件服务器加大容量硬盘，数据库服务器用更贵更快的硬盘。→ 80%的访问集中在20%的数据上，成为瓶颈3，应用服务器加本地缓存。→ 本地缓存和应用争内存4，加远程独立服务器放缓存，再...
转载
2021-07-15 11:36:43
407阅读
# 大型博客架构设计
## 1. 流程图
```mermaid
sequenceDiagram
participant 开发者
participant 小白
开发者->>小白: 介绍大型博客架构设计流程
loop 设计流程步骤
开发者->>小白: 解释步骤
小白->>开发者: 理解步骤
end
开发者-->>
原创
2023-08-29 08:13:19
40阅读
随着业务的发展，应用规模不断扩大，系统内部的巨无霸应用越来越多，常规的垂直应用架构已经无法应对复杂业务带来的各种挑战，通过将业务功能能力抽象成原子服务，对复杂应用进行水平的拆分和服务化，实现服务消费者和提供者的解耦，这就是分布式服务框架要干的活。服务调用分布式服务框架天生就要对服务生命周期进行管理，服务调用需要支持多种模式：同步调用、异步调用、并行服务调用、泛化调用，另外要注意的是服务与业务之间一
转载
2024-09-25 18:42:51
29阅读
前言：正在学习react大众点评项目课程，学习react、redux、react-router构建项目。一、前端架构是什么前端架构的特殊性前端不是一个独立的子系统，又横跨整个系统分散性：前端工程化页面的抽象、解耦、组合可控：脚手架、开发规范等高效：框架、组件库、Mock平台，构建部署工具等抽象页面UI抽象：组件通用逻辑抽象：领域实体、网络请求、异常处理等 二、案例分析功能路径展示：首页-
转载
2023-06-12 20:22:50
261阅读
1. 什么是微前端 微前端是一种软件架构,类似于组件架构(但不能独立构建和发布),能将前端项目拆解成一些更小并能够独立开发部署的微型应用(每个应用都可以使用不同框架技术),然后再把这里微应用再组合起来,成为一个整体应用架构的模式。2. 应用场景 &
转载
2023-08-21 16:51:37
117阅读
什么是微前端？微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。 微前端架构具备以下几个核心价值：技术栈无关 主框架不限制接入应用的技术栈，微应用具备完全自主权独立开发、独立部署 微应用仓库独立，前后端可独立开发，部署完成后主框架自动完成同步更新增量升级在面对各种复杂场景时，我们通常很难对一个已经存在的系统做全量的技术栈升级或重构，而微前端是一种非常好的
转载
2023-11-07 17:39:49
117阅读
面向抽象编程，是构建一个大型系统非常重要的参考原则。但对于许多前端同学来说，对面向抽象编程的理解说不上很深刻。大部分同学的习惯是 拿到需求单和设计稿之后就开始编写UI界面，UI里哪个按钮需要调哪些方法，接下来再编写这些方法，很少去考虑复用性。当某天发生需求变更时，才发现目前的代码很难适应这些变更，只能重写。日复一日，如此循环。面向具体实现编程当第一次看到“将抽象和具体实现分开”这句话的时候，可能很
转载
2023-06-25 13:52:49
28阅读
大型 web 前端架构设计-面向抽象编程入门 依赖反转原则依赖反转原则的核心思想是：内层模块不应该依赖外层模块,它们都应该依赖于抽象。尽管我们会花很多时间去考虑哪些模块分别放到内层和外层，尽量保证它们处于单向依赖关系。但在实际开发中，总还是有不少内层模块需要依赖外层模块的场景。比如在 Localstorge 和 Indexdb 的例子里，User 模块作为内层的核心业务逻辑，却依赖了外层易变的 L
转载
2021-01-04 21:13:00
60阅读
2评论
面向抽象编程，是构建一个大型系统非常重要的参考原则。但对于许多前端同学来说，对面向抽象编程的理解说不上很深刻。大部分同学的习惯是 拿到需求单和设计稿之后就开始编写 UI 界面，UI 里哪个按钮需要调哪些方法，接下来再编写这些方法，很少去考虑复用性。当某天发生需求变更时，才发现目前的代码很难适应这些变更，只能重写。日复一日，如此循环。面向具体实现编程：当第一次看到“将抽象和具体实现分开”这句话的时候
转载
2021-01-17 19:14:52
215阅读
2评论
序：引言前端架构的种子编写前端样式总是作为延后的事情来考虑如果把前端开发当作“一个值得做出战略规划和有投资价值的关键元素”如果我们在CSS框架、文档工具、构建流程的命名规范，甚至标记本身这些方面拥有话语权会怎么 前端架构师的含义软件架构师的职责就是要保证项目中的每一步都在总体架构的指导下进行，而不会随机决定前端领域缺少架构，需要架构讨论使用什么技术栈、内容类型是什么，如何被创建、保存以及
转载
2023-11-16 21:28:09
103阅读
前端是什么？通俗的来说前端就是运行在PC端，移动端等浏览器上展现给用户层浏览的网页。前端技术也分为前端设计和前端开发，前端设计顾名思义就是网页的UI视觉设计，简洁美观的UI设计会给用户带来更佳的使用体验，而前端开发则是网站的前台代码实现。前端技术发展日新月异，更新迭代的速度很快且种类繁杂，本文将对前端开发基础知识作一个简单梳理介绍，通过MindMaster思维导图帮系统梳理前端知识框架
转载
2023-08-15 21:21:13
455阅读
前端面试题（二）1. 说说React生命周期中有哪些坑？如何避免？2. 说说Real diff算法是怎么运作的？tree层级conponent层级element层级3. 调和阶段setState干了什么？4. 说说redux的实现原理是什么，写出核心代码？5. React合成事件的原理？6. React组件之间如何通信？7. 为什么React元素有一个$$typeof属性？8. 说说Connec
转载
2023-10-22 09:51:09
27阅读
1. 概念设计模式是一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了重用代码、让代码更容易被他人理解、保证代码可靠性。毫无疑问，设计模式于己于他人于系统都是多赢的，设计模式使代码编制真正工程化，设计模式是软件工程的基石，如同大厦的一块块砖石一样。2. 设计原则S –单一职责原则 一个程序只做好一件事 如果功能过于复杂就拆分开，每个部分保持独立 O – 开放/封
转载
2023-12-11 16:03:31
116阅读
