Vue项目中引用‘阿里巴巴字体图标库iconfont’

我们看到在上面两个平台设计图中的出现了大量的图标，在某种情况下，这种图标是需要我们自己去找的，不要喷我们的 ui 哈，主要是我喜欢麻烦 哈哈，如果ui提供我也是要求他为我们提供SVG格式的，至于为什么 下面会为大家讲解。在这里呢我们遇到这种图标可能会想到我们运用的框架中的字体图标，像element-ui、iview-ui中都提供了icon图标

上面的两个ui框架中都提供了很多图标我们至于要直接运用即可，但是在我们的开发需求中很多图标是不包含在这其中的，很难找到一样甚至相近的都很少，当然不包括那些按照ui库进行设计的ui设计师，下面为大家介绍一款强大的图标库 阿里巴巴字体图标库iconfont

点击进入官网

2.登录或者注册

点击右上角角的头像

随意选择一种方式即可

3.使用步骤

3.1 点击我的项目

3.2 创建项目

上面的三步我们就创建了一个名为测试一的新项目，那下面我们就开始添加图标了

3.3 添加图标

我们就以扫一扫类的图标为例，回到首页搜索扫一扫，然后回车

我们可以看到仅仅扫一扫就为我们提供了255个图标，是不是很全面

3.4 将图标添加到项目中

我们将自己想要的图标添加到购物车，然后擦从购物车中将图标添加到项目中

添加后我们的项目中就拥有了我们需要的图标，前面我说到如果我们找不到ui设计的图标需要他提供的话 我希望他为我提供svg格式的 下面告诉大家原因

我们可以将ui提供给我们的svg格式的图标上传到我们的项目中，这样的话方便我们统一进行管理，我们就可以将所有需要到的图标都添加到我们的项目中后我们就需要将这些图标添加到我们的项目中

3.5 将我们图标项目运用到Vue项目

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

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

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

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

前端资料汇总

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

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

更重要的是，技术面试是一个双向了解的过程，要让对方发现你的闪光点，同时也要 试图去找到对方的闪光点，因为他以后可能就是你的同事或者领导，所以，面试官问你有什么问题的时候，不要说没有了，要去试图了解他的工作内容、了解这个团队的氛围。
找工作无非就是看三点：和什么人、做什么事、给多少钱，要给这三者在自己的心里划分一个比例。
最后，祝愿大家在这并不友好的环境下都能找到自己心仪的归宿。
光点，同时也要 试图去找到对方的闪光点，因为他以后可能就是你的同事或者领导，所以，面试官问你有什么问题的时候，不要说没有了，要去试图了解他的工作内容、了解这个团队的氛围。
找工作无非就是看三点：和什么人、做什么事、给多少钱，要给这三者在自己的心里划分一个比例。
最后，祝愿大家在这并不友好的环境下都能找到自己心仪的归宿。