Vue.js-Day07【项目实战(附带 完整项目源码)-day02：学习能力、字体图标（使用步骤）、在vue.js中使用jQuery】

Vue.js实训【基础理论(5天)+项目实战(5天)】博客汇总表【详细笔记】

实战项目源码【链接：https://pan.baidu.com/s/1r0Mje3Xnh8x4F1HyG4aQTA   提取码：n6ol】

目   录

0、学习能力 

1、字体图标

1.1、使用步骤

1.2、使用

2、在Vue中使用jQuery

---

0、学习能力 

• 阅读能力

  • 阅读文档

  • 阅读博客

  • 阅读书籍

• 解决问题能力

  • 分析问题（思路问题、代码编写）

  • 解决问题

    • 思路问题：冷静思考、调整思路！

    • 代码问题：逐级反推、 缩小范围！

    • 搜索引擎：百度（输入问题点、更换关键字）

    • 请教同事：简短明了的语言（描述需求、实现思路、问题点、怀疑-可能什么原因出错）

• 实操能力

  • 增加训练量

1、字体图标

Iconfont-阿里巴巴矢量图库

https://www.iconfont.cn/

1.1、使用步骤

•  登录账号（阿里账号、github、微博）；

• 输入搜索关键字，找到对应图标， 加入购物车；

• 侧边栏购物侧操作 => 添加至项目 => 新添加项目图标；

• 进入项目 => 对图标进行处理 => 下载至本地；

• 将字体图标文件夹解压，改文件夹名称为fonts, 放在static目录下面，在index.html中引入。

1.2、使用

// 字体图标不是图片，而是一个字体文件，所以可以像css那些的描述字体的内容，去书写它的样式！

  

2、在Vue中使用jQuery

cnpm i jquery --save //安装jQuery

多谢观看！！！