2024年前端最新Vue常用组件库的比较分析(pc端),2024年最新前端面试录音在线听

erhtre 2024-07-20 14:33:05 阅读 89

结尾

学习html5、css、javascript这些基础知识,学习的渠道很多,就不多说了,例如,一些其他的优秀博客。但是本人觉得看书也很必要,可以节省很多时间,常见的javascript的书,例如:javascript的高级程序设计,是每位前端工程师必不可少的一本书,边看边用,了解js的一些基本知识,基本上很全面了,如果有时间可以读一些,js性能相关的书籍,以及设计者模式,在实践中都会用的到。

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

高级程序设计,是每位前端工程师必不可少的一本书,边看边用,了解js的一些基本知识,基本上很全面了,如果有时间可以读一些,js性能相关的书籍,以及设计者模式,在实践中都会用的到。

html5

Vue.js(读音 /vjuː/, 类似于 view)是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件Vue生态系统支持的库开发的复杂单页应用。

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。另一方面,在与相关工具和支持库一起使用时,Vue.js 能完美地驱动复杂的单页应用。

本篇文章就是对pc端的各大组件库进行分析比较 ,以便根据实际情况选择自己需要的组件库,包括pc端和移动端。

目录简介:

1、Element(pc):饿了么前端团队开发的桌面端组件库

2、iView(pc):主要服务于 PC 界面的中后台产品

3、vuetify(pc):一个试图推动前端开发发展到一个新水平的组件

4、vue-strap(pc):基于 Bootstrap 标记和 CSS 的本地 Vue.js 组件

5、buefy(pc):即装即用的轻量级UI组件

6、Vue-Blu(pc):全面、灵活且强大的ui组件

7、vue-beauty(pc):漂亮的 vue 组件库

8、at-ui(pc):一个体面的干净整洁的 UI 组件

9、Keen UI:纯英文文档

10、Vue Material:具有精美动效的组件

1、Element(pc):饿了么前端团队开发的桌面端组件库

================================================================================================

介绍: 饿了么前端团队开发的桌面端组件库,当前最新版本:v2.8.2

Star: 37.186k

项目特点:

1.团队维护

2.支持三个版本:vue、react、angular

3.支持 Nuxt.js

4.常规支持:多语言、自定义主题、按需引入、内置过渡动画

5.文档详细,组件齐全

6.支持响应式布局,提供基于断点的隐藏类

7.适合常规 pc 端项目

样式: 类名大量使用计算属性,css 和主文件分离单独一个文件

官网地址

GitHub地址

2、iView(pc):主要服务于 PC 界面的中后台产品

===============================================================================================

最新版本: v3.4.1

Star: 21.063k

项目特点:

1.团队维护

2.支持: Nuxt.js、TypeScript、Electron

3.常规支持:多语言、自定义主题、按需引入

4.文档详细,组件齐全

5.支持响应式布局

6.UI 比较美观

7.适合常规 pc 端项目,皮肤美观

样式: less 计算属性 前缀嵌套

官网地址

GitHub地址

3、vuetify(pc):一个试图推动前端开发发展到一个新水平的组件

=====================================================================================================

介绍: Vuetifyjs 根据材料设计规格提供 UI 布局。 V 1.0 Alpha 版本提供了超过 80个 reusbale 组件,其中包含一个易于记忆的语义设计,它基于名称简单明了 type-as-you 的类型属性。在GitHub 上有超过 18K 的 star。

官网地址

4、vue-strap(pc):基于 Bootstrap 标记和 CSS 的本地 Vue.js 组件

====================================================================================================================

介绍: 基于 Vue.js 的 Bootstrap 组件 该仓库包含一系列基于 Bootstrap 标记和 CSS 的本地 Vue.js 组件。所以不需要 jQuery 和 Bootstrap 的 JavaScript 文件,唯一需要依赖的是: Vue.js Bootstrap CSS ,VueStrap 不依赖某个非常精确的 Bootstrap 版本。如果喜欢bootstrap的小伙伴又不想换jquery的开发方式是不二的选择。

官网地址

5、buefy(pc):即装即用的轻量级UI组件

==========================================================================================

**介绍:**Buefy 基于 Bulma 和 Vue.js 的轻量级UI组件,它提供了即装即用的轻量级组件。虽然组件选择有限,但是值得你去尝试。

官网地址

6、Vue-Blu(pc):全面、灵活且强大的ui组件

=============================================================================================

总结

三套“算法宝典”

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

28天读完349页,这份阿里面试通关手册,助我闯进字节跳动

算法刷题LeetCode中文版(为例)

人与人存在很大的不同,我们都拥有各自的目标,在一线城市漂泊的我偶尔也会羡慕在老家踏踏实实开开心心养老的人,但是我深刻知道自己想要的是一年比一年有进步。

最后,我想说的是,无论你现在什么年龄,位于什么城市,拥有什么背景或学历,跟你比较的人永远都是你自己,所以明年的你看看与今年的你是否有差距,不想做咸鱼的人,只能用尽全力去跳跃。祝愿,明年的你会更好!

由于篇幅有限,下篇的面试技术攻克篇只能够展示出部分的面试题,详细完整版以及答案解析,有需要的可以关注



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。