2024年最全Vue UI 框架对比 element VS iview，手撕面简介

文末

我一直觉得技术面试不是考试，考前背背题，发给你一张考卷，答完交卷等通知。

首先，技术面试是一个 认识自己 的过程，知道自己和外面世界的差距。

更重要的是，技术面试是一个双向了解的过程，要让对方发现你的闪光点，同时也要 试图去找到对方的闪光点，因为他以后可能就是你的同事或者领导，所以，面试官问你有什么问题的时候，不要说没有了，要去试图了解他的工作内容、了解这个团队的氛围。

前端面试题汇总

JavaScript

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

性能

linux

前端资料汇总

日历组件对比

两者api 总体比较 ，iview 要比element 简洁许多。 饿了么更侧重于在template里直接去渲染模板

思想上 个人觉得iview偏向react,    element 更vue

表单校验 两者都使用同一款插件 async-validator  校验方式一样

项目优化角度

首屏优化，第三方组件库依赖过大 会给首屏加载带来很大的压力，一般解决方式是 按需求引入组件

element-ui  根据官方说明 现需要引入babel-plugin-component插件 做相关配置 然后直接在组件目录 注册全局组件

iview  按需求加载  这里感觉官方给的文档不是很详细

主题

iview

本身提供了一套主题可供选择，除此之外 自定义主题

方法一（官方推荐，前提条件是使用webpack）:

新建一个.less 文件 ， 先在less文件中引入官方样式文件 然后在此基础上复写

方法二 ：

官方提供了 自动编译工具iview-them 来编译。干的事情就是 把自定义的样式和 github仓库最新的样式 通过工具生成一个新的样式文件。

element-ui

如果只替换颜色 ，可以使用在线主题生成工具在线编辑颜色， 生成element-ui 主题 直接下载 再引入

深度定制主题

官方提供了 主题生成工具  element-them

执行命令 初始化得到一个配置文件 ，修改相关配置 经过编译得到 得到相关主题文件  再通过babel 插件引入

双方都提供了专门的工具用于深度定制主题，综合比较 iview 更加简单，element 主题定制需要配合 babel做一些预编译 ，以及步骤更多 显得更加复杂

过渡动画

element 有内置过渡动画  使得组件的切换变化 更具动感

iview 更为中规中矩

对设计人员

element 提供了 Sketch 和 Axure 工具 对设计人员友好

iview 没有提供

以上 …

作者：yangfan0095
链接：https://www.jianshu.com/p/5cee11d69b70
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

最后

其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）

《前端开发四大模块核心知识笔记》

最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。