前端常用框架，2024最新爱奇艺前端社招面试题目

总结：就像之前说的这个框架是以两大系统为参照来封装UI组件，框架自身还有一个较为活跃的社区，不太好的地方这也是我特别关注的一点，关于开发应用的流畅度，我当然知道这是 H5 目前的劣势，但是看到官网给的描述，还是抱着期待的心理试试看能否提升，然而它其实还是需要是借助 Webview来提升，而不是框架本身。

Semantic UI

倒数第三个是 Semantic UI，接触这个框架还是因为 Bootstrap，Semantic UI 刚上线 github 就受到大量开发者的关注，以至于很多人拿它俩对比各种挑刺各种夸，是好是坏不能单凭别人三句四句就抬起手指开始赞，用了以后感觉 UI 上跟 Bootstrap 没太多的区别，不过代码命名规范上却相差甚大，本人认为 Semantic UI 是不是就想做的不一样，它的命名全是采用复合的方式，类名特别的离散，用的时候你得很小心自己扩展或者新增的 class 命名与它的类名冲突。

官网：http://www.semantic-ui.cn/

Mint UI：

Mint UI 包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。通过它，可以快速构建出风格统一的页面，提升开发效率。

官网：http://mint-ui.github.io/#!/zh-cn

Foundation

Foundation 算是框架界的元老啦，都说框架去的早，而这个框架一直到现在依然这么的热门，如果你比较介意 Bootstrap 开发撞脸的尴尬事情，那么你可以考虑使用 Foundation 。即使你使用预定义的 UI 元素, 也不会与其他网站太像，就像官方说的给开发者更灵活的框架体验。

官网：http://foundation.zurb.com/

UiKit

UIkit是YOOtheme团队开发的，在许多WordPress主题中都有应用(也就是如果你是个 WordPress 爱好者，那么这个框架应该比较适合深究)，并且框架能够通过GUI编辑器和手动编辑，所以它提供了一个灵活、强大的自定义机制。框架借助LESS、jQuery、normalize.css及FontAwesome开源项目的独有特点，整合成了这么一款轻量级、模块化的前端框架。

官网：http://www.getuikit.com/

Pure

官网：http://purecss.io/

Elemen:

Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

一致性：

• 与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；

• 在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等

• 控制反馈：通过界面样式和交互动效让用户可以清晰的感知自己的操作；

• 页面反馈：操作后，通过页面元素的变化清晰地展现当前状态。

• 简化流程：设计简洁直观的操作流程；

• 清晰明确：语言表达清晰且表意明确，让用户快速理解进而作出决策；

• 帮助用户识别：界面简单直白，让用户快速识别而非回忆，减少用户记忆负担

• 官网：https://element.faas.ele.me/#/zh-CN

**Iview：**一套基于 Vue.js 的高质量UI 组件库，主要服务于 PC 界面的中后台产品。

特性

---

• 高质量、功能丰富

• 友好的 API ，自由灵活地使用空间

• 细致、漂亮的 UI

• 事无巨细的文档

• 可自定义主题

**官网：**https://www.iviewui.com/

Layui：

layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。layui 首个版本发布于2016年金秋，她区别于那些基于 MVVM 底层的 UI 框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，她更多是为服务端程序员量身定做，你无需涉足各种前端工具的复杂配置，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。

**兼容性和面向场景：**layui 兼容人类正在使用的全部浏览器（IE6/7除外），可作为 PC 端后台系统与前台界面的速成开发方案

官网：https://www.layui.com/doc/

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频**

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）
[外链图片转存中…(img-Bl9j3GaU-1710918667583)]