功能性和非功能性需求不仅必须应用于后端，还必须应用于前端。因此，通过前端架构，我们能够满足业务需求。
qiankun 是一个基于 single-spa 的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。什么是微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。微前端架构具备以下几个核心价值：技术栈无关 主框架不限制接入应用的技术栈，微应用具备完全自主权独立开发、独立部署 微应用仓库独立，前后端可独立开发，部署完成后主框架自动
转载
2023-08-15 13:57:09
1261阅读
最实用的web前端开发知识框架图尐不正经丶 2020-08-11 14:02:58把整个web前端开发所需要的知识都之中在一个视图中，形成一个完整的web前端知识体系，目的是想要颠覆人们对于前端只有三大块（html、css、js）的认识——做web前端需要的比这三大块要多得多。1、分类所有知识框架，那肯定是一个结构型的展现，就是一棵树。web前端的知识点非常多，也非常散，需要好几层结构来组织这个体
转载
2023-05-31 20:00:05
588阅读
本文翻译自PhilCalçado的官网：https://philcalcado.com/2015/09/18/the_back_end_for_front_end_pattern_bff.html对我们的架构演变保持透明是我们技术战略的一部分。我们在无数场合谈过的但从未真正详细描述过的东西是我们应用后端用于前端架构模式或BFF。这篇文章记录了我对如何开发和应用这种技术的理解。我对软件组件演变的理解
转载
2023-08-23 21:12:51
165阅读
框架层面：近几年前端发展很快，前端之所以叫前端因为前端是已经可以独立成为一种职业了，js也不再是十年前的玩具了，以前富客户端RIA的应用可能会用flash/flex或是silverlight，现在可以使用js来完成大部分的功能，因此js作为一门前端的支撑语言也不仅仅是进行的简单的编码，越来越多框架性
原创
2022-04-06 13:34:52
148阅读
1. 前端架构如何产生的?(1). "原始时代":前端代码内嵌到后端应用中.(2). "石器时代" - MVC架构:视图层、数据层、控制层做分离缺点:
a. 重度依赖开发环境,需要搭建后端环境
b. 代码混淆严重(3). "青铜时代" - 前后端分离架构:应用:
a. 前后端环境分离
b. ajax的应用促进了前后端分离的发展
c. 多页面架构缺点:
a. 前端缺乏独立部署能力(4). "铁器时代
原创
2023-09-19 09:43:59
46阅读
BFF超入门什么是BFF(Backends For Frontends)BFF产生的技术背景和历史背景前端工程师还是后端工程师，谁来负责？何时使用 BFF 架构模式，何时不使用BFF 案例研究-Netflix、Twitter、RecruitNetflix案例推特案例Recruit 案例 什么是BFF(Backends For Frontends)顾名思义，它是前端的后端（服务器）。专门为前端而调
转载
2023-08-30 13:44:56
586阅读
透过工程基建，架构有迹可循。你好，我是侯策（LucasHC），目前任职于某互联网独角兽公司，带领 6 条业务线前端团队，负责架构设计和核心开发、工程方案调研和选型，以及团队管理、人才梯队建设等工作。从海外开启职业生涯、浸淫工匠般的 Coding 规范打磨，到深入国内一线大厂接受亿级流量的洗礼，我的工作方向始终没有离开前端开发。前端开发是一个庞大的体系，纷杂的知识点铸成了一张信息密度极高的图谱。通过
什么是BFF(Backends For Frontends)顾名思义，它是前端的后端（服务器）。专门为前端而调用API，或者生成 HTML 的服务器。看到这里你可能会想，“这与传统的Web应用服务器有什么不同？”。本质上是一样的，只是专门为前端打造这一点不同而已。首先，Web应用服务器有如下几种用途：从数据库和全文搜索引擎等中间件获取和更新数据创建一个页面作为HTTP接口从用户那里获取输入信息在这
前端的职能在互联网公司已经成为相对独立的一个模块，前端团队自然也需要及时进行合适的自身定位和团队建设。如何去评估一个前端团队的价值，去了解一个团队到底能做什么，可以先从以下几点分析。
1.
前端团队中有几种人：
前端技术人员从技术方向上分为两种：关注视觉展现（CSS）；关注数据呈现和持久性维护（
转载
2023-07-26 15:28:13
122阅读
现有的绝大多数软件系统，都将在未来某一刻成为遗留系统，只是时间跨度不一样。好的系统，拥有好的设计，并在其生命周期里不断地演进。但是没有一个设计能抵抗住时间，以及业务带来的变更。技术远景或许你在我之前的文章里已经了解了 BFF 是什么，又或许你已经从其它渠道了解到这方面的知识。如果没有的话，那么让我再简单地介绍一下：什么是 BFF？BFFBFF，即 Backends For Frontends (服
转载
2023-08-28 13:06:14
85阅读
浏览器页面有哪三层构成，分别是什么，作用是什么?
转载
2023-07-18 21:31:23
73阅读
推荐语：有幸在大淘宝与洋风同学共事了一段时间。他在终端架构侧有丰富的经验，他所打造的终端调试工具 AppDevTools 、终端请求库 mtop.js 在阿里内部被广泛使用。洋风从自己的经验出发，在这篇文章中讲述了前端架构师的工作范畴和如何做好前端架构，相信对于期望往该方向成长的同学会有所帮助。——大淘宝技术前端工程师 梧忌加入大淘宝到现在也有六年多了，一路走来很开心可以一直做技术。负
前端框架是什么？框架这个词能够让你想到那些东西？第一时间想到的是不是jquery、backbone、angular等等，其实我想是这样的，框架是提供一套完整的解决方案，按照规定好的代码结构来做编排，同时前端功能越来越强大而产生的前端框架，所以开发web产品就很必要用前端框架（前端架构）。 上面简单的诠释了前端框架是什么？再来看看web前端框架有哪些？作为一个项目开发的决策者，你
前端开发中，MVC，MVP和MVVM都是常见的软件架构设计模式(Architectural Pattern)。它们通过分离关注点来改进代码的组织方式。不同于设计模式(Design Pattern)，只是为了解决一类问题而总结出的抽象方法，一种架构模式往往使用了多种设计模式。要了解MVC、MVP和MVVM，就要知道它们的相同点和不同点。不同部分包括3部分，分别是C(Controller)、P(Pre
转载
2023-07-13 15:11:24
0阅读
前言最近工作变动，加上私事太多，给大家奉上迟来的第二篇，对前端架构的初步了解，我也是在学习的过长中，文中有不对的内容欢迎大神指正批评！架构初体验前端架构是什么，包括什么？在我印象中一直到17年前后才接触到前端架构这个概念，18年底才真正了解前端架构，可以说时间挺短的，但是项目开发上不可避免的要去接触架构的东西。在我理解中，架构所承担的工作是很重要的，一个项目开发是否顺畅，可维护性、可扩展性、可管理
转载
2023-07-18 00:12:56
66阅读
想象下这个场景：你需要使用微服务架构来构建一个电子商务应用。你会有一些微服务来服务于顾客，订单，产品，购物车，等等。这些微服务会暴露被前端系统消费的各种API。然而，微服务返回给前端的数据并不会根据前端系统要呈现数据的精确方式进行格式化或者过滤。在这种情况下，前端系统本身需要一些逻辑来再次格式化这些数据。而在前端系统具有这些逻辑会占用更多的浏览器资源。在像这样的情况下，我们可以使用BFF来将这些前
转载
2023-09-07 01:51:34
4阅读
云智慧集团成立于2009年，是全栈智能业务运维解决方案服务商。经过多年自主研发，公司形成了从IT运维、电力运维到IoT运维的产业布局，覆盖ITOM、ITOA、ITSM、DevOps以及IoT几大领域，为金融、政府、运营商、能源、交通、制造等上百家行业的客户，提供了数字化运维体系建设及全生命周期运维管理解决方案。云智慧秉承Make Digital Online的使命，致力于通过先进的产品技术，为企业
做前端开发的或者是参加过前端培训学习的都知道3大框架:Angular,Vue,React。但是除了这三个框架以外的前端框架还有那些？他们在前端技术的发展中有什么样的作用？大家不一定都了解，今天千锋重庆web前端小编就给大家简单的总结一下web前端框架都要那些。MobXMobX 支持单向数据流，也就是动作改变状态，而状态的改变会更新所有受影响的视图。当状态改变时，所有衍生都会进行原子级的自动更新。因
搭建基于Vue的前端架构，总结15点经验1.分解需求技术栈建立脚手架开发规范2.样式CSS 预处理器的选择局部样式与全局样式局部样式全局样式体验优化页面载入进度条静态资源加载页面移动端 100vh 问题3.组件库覆盖 Ant Design Vue 样式1.使用 .less 文件2.使用 JavaScript 对象干掉无用的图标如何知道你要加载的图标在什么路径下？解决 Moment 多国语部分组件
转载
2023-07-13 16:21:49
63阅读
