本文在 GMTC 分享内容的基础上，介绍一下 ICBU 跨境供应链的 Web 架构演进过程和 Serverless 实践。分享比较简单，总的来说就是一个段子 + 一个故事。任何看上去高大上技术，回归到业务，一定是解决具体问题的，否则就是耍流氓，Serverless 也是。分享有几个部分： 一、Serverless 技术浪潮Serverless 这几年很火，下面这张是谷歌热词趋势图，
转载
2024-01-04 22:37:42
19阅读
本文翻译自PhilCalçado的官网：https://philcalcado.com/2015/09/18/the_back_end_for_front_end_pattern_bff.html对我们的架构演变保持透明是我们技术战略的一部分。我们在无数场合谈过的但从未真正详细描述过的东西是我们应用后端用于前端架构模式或BFF。这篇文章记录了我对如何开发和应用这种技术的理解。我对软件组件演变的理解
转载
2023-08-23 21:12:51
212阅读
# 前端架构文档
## 1. 什么是前端架构
前端架构是指前端开发的整体架构设计，包括技术选型、项目结构、模块划分、代码规范等方面。一个好的前端架构可以帮助开发团队提高工作效率，降低维护成本，提高项目的可维护性和扩展性。
## 2. 前端架构的重要性
在复杂的前端项目中，一个清晰的架构可以帮助开发团队更好地协作，减少冗余代码，提高代码质量。同时，一个良好的前端架构可以降低项目的维护成本，提
原创
2024-03-20 05:51:43
124阅读
Egg.js 是什么?Egg.js 是一个基于nodejs开发的，为企业级框架和应用而生，我们希望由 Egg.js 孕育出更多上层框架，帮助开发团队和开发人员降低开发和维护成本。github地址：https://github.com/eggjs/egg特性提供基于 Egg 定制上层框架的能力高度可扩展的插件机制内置多进程管理基于 Koa 开发，性能优异框架稳定，测试覆盖率高渐进式开发快速入门本文将
微前端就是将各个模块分成不同项目 方便多个团队一起开发互相不影响 用户只需要登陆一次 多个模块都可以使用例如：a团队维护较老的项目使用angular，b团队开发react，c团队开发vue 。按道理说abc三个项目并没有关联，但是他们又都是公司内部管理的系统。需要集成在一起 ，这时候就可以使用微前端技术了，我们可以将用户信息单独抽离在主项目，这样我们就可以只登陆一次，打开各个项目。类似于如下效果：
转载
2024-01-10 16:10:09
102阅读
BFF超入门什么是BFF(Backends For Frontends)BFF产生的技术背景和历史背景前端工程师还是后端工程师，谁来负责？何时使用 BFF 架构模式，何时不使用BFF 案例研究-Netflix、Twitter、RecruitNetflix案例推特案例Recruit 案例 什么是BFF(Backends For Frontends)顾名思义，它是前端的后端（服务器）。专门为前端而调
转载
2023-08-30 13:44:56
627阅读
1、综合我在2年之前，写过一篇中小型项目的前端架构浅谈。随着能力的上升，以及在阿里巴巴工作的经验，是时候写一篇大型项目的前端架构分析了。本篇文章不会更多侧重于具体技术实现，而是尝试从更高角度出发，分析为什么要这么做，这些设计能解决什么问题，成本和收益如何。由于作者能力有限，可能会有所缺漏或者部分错误，欢迎读者指出。1.1、适用场景：本篇文章，适用于单个/多个大型项目、拥有超过10个以上的前端开发的
转载
2023-07-19 11:11:00
65阅读
从传统互联网到移动互联网再到物联网，中国乃至全球的互联网技术在近十年得到了高速发展。作为架构师，我们非常乐意把这些技术传播出去，让更多的人享受互联网技术的红利，让技术拓展商业的边界。阿里巴巴的双11技术已经越来越成熟，因为阿里巴巴已经逐步具备了基于云的计算能力，可以轻松应对各种业务压力。
这份pdf的内容包括缓存分片、消息队列框架、数据库分库分表、分布式发号器、大数据查询系统、分布式定时调度任
# 前端架构流程文档科普
## 一、前言
在前端开发中，良好的架构设计是至关重要的。一个合理的前端架构能够提高开发效率、代码可维护性和性能表现。本文将介绍前端架构流程文档的编写及其重要性，并通过示例代码展示实际操作步骤。
## 二、前端架构流程文档编写步骤
### 1. 定义需求
在开始编写前端架构流程文档之前，首先需要明确项目需求和功能要求。根据需求分析，确定前端架构的基本结构和功能模
原创
2024-03-06 03:50:53
52阅读
公司现有基于umi搭建的pc中后台项目模板，有基于uni-app搭建的多端项目模板。每次新建项目，需要去github下载相应的模板，所以就想自己写个脚手架，主要是根据输入值自动下载gitlab仓库的代码。 脚手架分析 主要是想脚手架与项目模板解耦 ● 脚手架负责获取模板的功能。通过命令行与用户交互，下载相应的项目模板 ● 模板负责项目结构、工作流程、依赖项管理。因为一直单独建设项目模板，所以这里只
目录前端代码规范一．编程规约(一) 命名规范1.1.1 项目命名1.1.2 目录命名1.1.3 JS、CSS、SCSS、HTML、PNG 文件命名1.1.4 命名严谨性(二) HTML 规范 （Vue Template 同样适用）1.2.1 HTML 类型1.2.2 缩进1.2.3 分块注释1.2.4 语义化标签1.2.5 引号(三) CSS 规范1.3.1 命名1.3.2 选择器1) c
转载
2024-01-18 10:15:53
2243阅读
1.软件架构（当我们在网吧上网时，如果在路由器上安装一个截获工具，就可以获取所有信息，如果协议机密了无法解密的话获取了信息也无法破解）https协议是在http协议上添加安全套接字使其变得安全。总的来说C/S架构开发的成本高（Android，win，IOS等），安全性高；B/S架构开发的成本低，通用性高，维护起来更容易2.软件开发流程产品经理对整个项目进行需求分析（客户是谁，有什么样的需求，网页设
转载
2024-01-20 22:26:44
7阅读
2022.02.08 今天读了一篇关于前端整洁架构的设计，因此对其中的内容进行了一些整理以及我自己的思考，后续阅读《领域驱动设计》后可以加入更多的内容。架构方面学习笔记（3）–前端架构设计 文章目录架构方面学习笔记（3）--前端架构设计整洁架构DDD(Design Driven Design) 领域驱动设计DDD 相对于三层架构有什么提升？ 整洁架构以一个?来介绍整洁架构：商店会出售不同种类的饼干
转载
2023-08-06 18:37:25
216阅读
# 深入理解阿里前端架构
随着互联网的发展，前端开发已成为软件开发的重要组成部分。阿里巴巴作为中国最大的电子商务公司之一，其前端架构优雅与高效，深受开发者的推崇。在这篇文章中，我们将深入探讨阿里前端架构，同时提供一些代码示例和图表来帮助理解。
## 阿里前端架构概述
阿里前端架构旨在提高开发效率，保证代码质量，便于团队协作。整体架构通常分为多个层次，包括基础库、组件库、业务架构等。下面是一个
原创
2024-10-14 05:08:36
112阅读
前端开发框架层出不穷，开发者在做技术选型时总是要费一番脑筋。下面就国内前端开发框架进行了比较。Kissy是阿里集团自主开发的前端框架，在淘宝网、一淘网等阿里系网站上得到不少应用。Kissy框架模仿jQuery编写自己的内核Kissy Core，用于对DOM的解析，Ajax 处理等。有着丰富的控件，实现了一些动画效果和特效。Kissy abc项
转载
2023-07-17 21:55:29
163阅读
关于“Vue前端架构技术文档”的整理，使得在未来的开发中可以更有效地进行前端架构设计与管理。随着前端技术的飞速发展，如何建立一套清晰、可维护且性能优越的前端架构变得尤为重要。
## 背景描述
在当前的前端开发中，各种框架和库层出不穷，给开发者带来了许多选择，Vue.js作为一种流行的前端框架，因其简洁的语法和强大的功能而受到广泛欢迎。然而，面对日益复杂的应用需求，单纯依靠框架本身可能无法满足高
# 前端架构文档
## 1. 概述
本文主要介绍一个前端项目的架构方案。该方案采用现代化的前端技术，包括HTML、CSS和JavaScript，并结合常用的框架和工具进行开发。
## 2. 技术选型
基于该项目的需求和规模，我们选择以下技术来构建前端架构：
- HTML5：作为网页的基础语言，提供页面结构和内容。
- CSS3：用于样式定义和布局。
- JavaScript：用于实现动态效果
原创
2023-12-31 07:07:01
348阅读
前端架构设计文档的描述
在现代开发中，前端架构的设计显得尤为重要，不仅影响了团队的工作效率，还决定了产品长期的可维护性和扩展性。在这篇文章中，我们将深入探讨前端架构设计文档的核心要素，包括背景描述、技术原理、架构解析、源码分析、应用场景及案例分析，逐步构建出一个系统化的框架。
### 背景描述
在前端开发中，架构设计的复杂性使得许多团队面临困惑。为了更好地理解这一问题，我们通常可以使用四象限
每个参与过开发企业级 web 应用的前端工程师或许都曾思考过前端性能优化方面的问题。我们有雅虎 14 条性能优化原则，还有两本很经典的性能优化指导书：《高性能网站建设指南》、《高性能网站建设进阶指南》。经验丰富的工程师对于前端性能优化方法耳濡目染，基本都能一一列举出来。这些性能优化原则大概是在 7 年前提出的，对于 web 性能优化至今都有非常重要的指导意义。然而，对于构建大型 web 应用的团队
在前端开发中，合理的前端架构不仅能提高开发效率，还能增强系统的可维护性与扩展性。本篇文章将详细描述如何搭建一个前端架构文档，涵盖环境准备、分步指南、配置详解、验证测试、排错指南和扩展应用等多个方面。
## 环境准备
在搭建前端架构之前，首先需要进行环境准备，包括前置依赖的安装和对硬件资源的评估。
### 前置依赖安装
- 安装 Node.js（版本 >= 14.x）
- 安装 npm 或
