高度塌陷（父元素不设置高度，子元素浮动）给父元素添加overflow：hidden；优点：简单易记缺点：如果内容有溢出会被裁切给float的元素下边添加一个空div，div设置clear：both；height：0；overflow：hidden；优点：溢出内容不会被裁切缺点：不利于SEO（搜索引擎的优化)万能清除法父元素：after{
content：“”；
display：block；
转载
2024-07-28 11:59:28
107阅读
# 实现"bbf架构"指导
## 一、整体流程
首先，我们来看一下实现"bbf架构"的整体流程，可以用表格展示如下：
| 步骤 | 描述 |
|------|-------------|
| 1 | 创建一个新的React项目 |
| 2 | 安装并配置Redux |
| 3 | 创建action和reducer |
| 4 | 在组件中使用Redux的
原创
2024-07-13 04:51:33
28阅读
# 如何实现BBF虚拟化技术
## 流程图
```mermaid
flowchart TD;
A(了解BBF虚拟化技术)-->B(准备环境);
B-->C(安装BBF虚拟化软件);
C-->D(配置虚拟化网络);
D-->E(创建虚拟机);
E-->F(运行虚拟机);
```
## 表格
| 步骤 | 描述 |
| ------ | ------ |
原创
2024-04-06 06:52:04
145阅读
SDN的本质就是让用户/应用可以通过软件编程充分控制网络的行为，让网络软件化，进而敏捷化。如SDN一个具体实现技术openflow，使用设备不再仅基于MAC或IP转发数据，openflow可以基于10元组决定数据流向，控制平面解决网络路由优化、安全、策略、QoS、流量工程等问题。SDN是一种新型的可视化网络设计架构，一种网络资源管理和优化使用方式，一种节约资
转载
2023-07-22 13:18:23
107阅读
一、KD树基本解释1.1、基础概念为了优化KNN的计算，使用KD树解
原创
2018-08-02 14:34:34
206阅读
一、软件介绍Cerb是一个用PHP编写使用MySQL或MariaDB作为数据库的工作流和电子邮件自动化系统，非常适合大型团队。他的主要特性包括：1.大容量邮件管理。2.共享邮箱。3.用于实时监控和目标跟踪的仪表板。4.实时通知。5.任务管理器。6.适配移动设备。7.基于REST的API。Cerb是在社区15年的反馈基础上发展起来的，尽管源代码可以在Github上获取，但该软件是在一个名为Devbl
刚好最近在做项目，老师让查模板匹配与特征点匹配的相关知识，搜了很多博客，整理成word文档，顺便也来发个博客。 模板匹配模板匹配是一种最原始、最基本的识别方法。简单来说，模板匹配就是用一幅已知的模板图片在目标图片上依次滑动，每次滑动都计算模板与模板下方子图的相似度。如果是单个目标的匹配，只需要取相似度最大值所在的位置就可以得到匹配位置。如果要匹配多个目标，只需要设定阈值，只要相似度大于阈
转载
2024-01-12 19:09:15
166阅读
功能性和非功能性需求不仅必须应用于后端，还必须应用于前端。因此，通过前端架构，我们能够满足业务需求。
原创
精选
2023-12-19 10:46:14
265阅读
qiankun 是一个基于 single-spa 的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。什么是微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。微前端架构具备以下几个核心价值：技术栈无关 主框架不限制接入应用的技术栈，微应用具备完全自主权独立开发、独立部署 微应用仓库独立，前后端可独立开发，部署完成后主框架自动
转载
2023-08-15 13:57:09
1307阅读
最实用的web前端开发知识框架图尐不正经丶 2020-08-11 14:02:58把整个web前端开发所需要的知识都之中在一个视图中，形成一个完整的web前端知识体系，目的是想要颠覆人们对于前端只有三大块（html、css、js）的认识——做web前端需要的比这三大块要多得多。1、分类所有知识框架，那肯定是一个结构型的展现，就是一棵树。web前端的知识点非常多，也非常散，需要好几层结构来组织这个体
转载
2023-05-31 20:00:05
688阅读
本文翻译自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阅读
框架层面：近几年前端发展很快，前端之所以叫前端因为前端是已经可以独立成为一种职业了，js也不再是十年前的玩具了，以前富客户端RIA的应用可能会用flash/flex或是silverlight，现在可以使用js来完成大部分的功能，因此js作为一门前端的支撑语言也不仅仅是进行的简单的编码，越来越多框架性
原创
2022-04-06 13:34:52
162阅读
1. 前端架构如何产生的?(1). "原始时代":前端代码内嵌到后端应用中.(2). "石器时代" - MVC架构:视图层、数据层、控制层做分离缺点:
a. 重度依赖开发环境,需要搭建后端环境
b. 代码混淆严重(3). "青铜时代" - 前后端分离架构:应用:
a. 前后端环境分离
b. ajax的应用促进了前后端分离的发展
c. 多页面架构缺点:
a. 前端缺乏独立部署能力(4). "铁器时代
原创
2023-09-19 09:43:59
58阅读
前端的职能在互联网公司已经成为相对独立的一个模块，前端团队自然也需要及时进行合适的自身定位和团队建设。如何去评估一个前端团队的价值，去了解一个团队到底能做什么，可以先从以下几点分析。
1.
前端团队中有几种人：
前端技术人员从技术方向上分为两种：关注视觉展现（CSS）；关注数据呈现和持久性维护（
转载
2023-07-26 15:28:13
169阅读
BFF超入门什么是BFF(Backends For Frontends)BFF产生的技术背景和历史背景前端工程师还是后端工程师，谁来负责？何时使用 BFF 架构模式，何时不使用BFF 案例研究-Netflix、Twitter、RecruitNetflix案例推特案例Recruit 案例 什么是BFF(Backends For Frontends)顾名思义，它是前端的后端（服务器）。专门为前端而调
转载
2023-08-30 13:44:56
627阅读
现有的绝大多数软件系统，都将在未来某一刻成为遗留系统，只是时间跨度不一样。好的系统，拥有好的设计，并在其生命周期里不断地演进。但是没有一个设计能抵抗住时间，以及业务带来的变更。技术远景或许你在我之前的文章里已经了解了 BFF 是什么，又或许你已经从其它渠道了解到这方面的知识。如果没有的话，那么让我再简单地介绍一下：什么是 BFF？BFFBFF，即 Backends For Frontends (服
转载
2023-08-28 13:06:14
103阅读
什么是BFF(Backends For Frontends)顾名思义，它是前端的后端（服务器）。专门为前端而调用API，或者生成 HTML 的服务器。看到这里你可能会想，“这与传统的Web应用服务器有什么不同？”。本质上是一样的，只是专门为前端打造这一点不同而已。首先，Web应用服务器有如下几种用途：从数据库和全文搜索引擎等中间件获取和更新数据创建一个页面作为HTTP接口从用户那里获取输入信息在这
转载
2023-12-08 22:40:14
94阅读
透过工程基建，架构有迹可循。你好，我是侯策（LucasHC），目前任职于某互联网独角兽公司，带领 6 条业务线前端团队，负责架构设计和核心开发、工程方案调研和选型，以及团队管理、人才梯队建设等工作。从海外开启职业生涯、浸淫工匠般的 Coding 规范打磨，到深入国内一线大厂接受亿级流量的洗礼，我的工作方向始终没有离开前端开发。前端开发是一个庞大的体系，纷杂的知识点铸成了一张信息密度极高的图谱。通过
转载
2024-07-28 09:43:53
67阅读
一、web前端之Angularjs框架如果您对最新的web开发技术有所了解，那么Angularjs对您来说是一个熟悉的名称。AngularJS是一个客户端的JavaScript MVC开源框架，特别为使用MVC架构模式的单页面web应用而设计，可用于开发动态Web应用程序。它不是一个完整的堆栈，而是一个处理web页面的前端框架。AngularJS完全基于HTML和JavaScript，因此无需学习
转载
2023-08-02 14:04:01
140阅读
相关图谱文件已上传至Github：https://github.com/sahadev/front-end-architecture，后续将不定期更新。项目创建脚手架IDE脚手架IDE或社区提供的脚手架业务型脚手架根据业务特点通过Node写的工具，用于降低高频手写操作通用组件项目分层组件错误数据采集业务代码与运行时框架隔离安全性兼容: setDataAPI访问缓冲: setData网络访问封装与管
