标签：

目前风行的组件库有哪些？CSS，JS各有哪些风行的库？ 什么是组件？为什么要用组件库？

组件是构成页面中最根基的元素，按钮，输入框，下拉选择都是组件，组件和组件组合就酿成了一个更庞大的组件。至于为什么要用组件库我想应该是体验了，用户使用体验以及开发人员的开发体验，用户在页面上的交互都是通过组件，一个颜值高的组件可以第一眼吸引用户去点击，这就是用户体验，开发体验更不用说，组件就是同种类型差别交互的封装，是用组件库可以让我们更专注的针对业务的开发和产品的交互。

什么是库，什么是框架

库：库是有用成果的有组织的调集。库的范例成果包孕措置惩罚惩罚字符串，日期，HTML DOM元素，事件，Cookie，动画，网络请求等。每个函数将值返回给挪用应用措施，但是你从中可以选择参数来应用。库是更多是一个封装好的特定的调集，供给给开发者使用，的英文特定而且于某一方面的调集（要领和函数），库没有控制权，控制权在使用者手中，库在盘问中需要的成果在本身的应用中使用，我们可以从封装的角度理解库。

框架：框架顾名思义就是一套架构，会基于自身的特点向用户供给一套相当于叫完整的解决方案，而且控制权的在框架自己，使用者要找框架所规定的某种规范进行开发框架。是一个应用措施的骨架，它要求你以特定的方法措置惩罚惩罚软件设计，并在某些点插入本身的逻辑。凡是框架供给事件。 存储和数据绑定等成果。

从网页开发人员的角度：库可以很容易地被另一个库替换但框架不能 。

目前主流的框架

Vue、Angular、React三大主流

风行的组件库或者说是UI框架 Mint UI

Mint UI是 饿了么团队开发基于vue.js的移动端UI框架，它包罗丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。

WeUI

WeUI 是一套同微信原生视觉体验一致的根本样式库，由微信官方设计团队为微信内网页和微信小措施量身设计，令用户的使用感知越发统一。包罗button、cell、dialog、toast、article、icon等各样元素。

ElementUI撑持Vue、Angular、React

Element是饿了么前端开源维护的Vue UI组件库,组件齐全，根基涵盖后台所需的所有组件，文档讲解详细，例子也很丰富。 主要用于开发PC真个页面，是一个质量对照高的Vue UI组件库。官网地点:element-cn.eleme.io/#/zh-CN

vant UI

vant UI是有赞前端团队基于有赞统一的规范实现的 Vue 组件库，供给了一整套 UI 根本组件和业务组件。通过 Vant，可以快速搭建出气势派头统一的页面，提升开发效率。

Bootstrap

简洁、直不雅观、强悍的前端开发框架，让web开发更迅速、简单

NG-ZORRO (angular)

开箱即用的高质量 Angular 组件，与 Angular 连结同步升级。
使用 TypeScript 构建，供给完整的类型界说文件。

Amaze ~ 妹子 UI

Amaze UI 以移动优先（Mobile first）为理念，从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。

Amaze UI 含近 20 个 CSS 组件、20 余 JS 组件，更有多个包罗差别主题的 Web 组件，可快速构建界面超卓、体验优秀的跨屏页面，大幅提升开发效率。

对比国外框架，Amaze UI 存眷中文排版，按照用户代办代理调解字体，实现更好的中文排版效果；兼顾国内主流浏览器及 App 内置浏览器兼容撑持。

Amaze UI 面向 HTML5 开发，使用 CSS3 来做动画交互，平滑、高效，更适合移动设备，让 Web 应用更快速载入。

Layui

layer是一款口碑极佳的web弹层组件，是一款给与自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。layui 首个版本颁布于2016年秋，她区别于那些基于 MVVM 底层的 UI 框架，从核心代码到 API 的每一处细节都颠末精心雕琢，非常适合界面的快速开发。

Ant Design

Ant Design 是基于 React 开发的，并不是传统的 html。React 发源于 Facebook 的内部项目，此刻已经成了一个很风行的开发工具。

请描述 BFC(Block Formatting Context) 及其如何事情

块格局化上下文（Block Formatting Context，BFC） 是Web页面的可视化CSS衬着的一部分，是块盒子的构造过程产生的区域，也是浮动元素与其他元素交互的区域。

W3C的界说

浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks, table-cells, 和 table-captions），以及overflow值不为“visiable”的块级盒子，城市为他们的内容创建新的块级格局化上下文。

在一个块级格局化上下文里，盒子从包罗块的顶端开始垂直地一个接一个地摆列，两个盒子之间的垂直的间隙是由他们的margin 值所决定的。两个相邻的块级盒子的垂直外边距会产生叠加。