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中引入。

<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="viewport"content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" /><title>meituan</title><link rel="shortcut icon" href="./static/favicon.ico"><script src="./static/js/rem.js"></script><!-- 引入字体图标 --><link rel="stylesheet" href="./static/fonts/iconfont.css"></head><body><div id="app"></div><!-- built files will be auto injected --></body>
</html>

1.2、使用

<i class="iconfont 图标的class名" style="font-size:40px;color:#999;"></i>
// 字体图标不是图片，而是一个字体文件，所以可以像css那些的描述字体的内容，去书写它的样式！

2、在Vue中使用jQuery

cnpm i jquery --save //安装jQuery

多谢观看！！！

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

Vue.js-Day09【项目实战(附带完整项目源码)-day04：用户个人中心页面、用户登录页面、将项目打包部署到服务器上、项目汇报、实训心得】
Vue.js实训[基础理论(5天)+项目实战(5天)]博客汇总表[详细笔记] 实战项目源码[链接:https://pan.baidu.com/s/1r0Mje3Xnh8x4F1HyG4aQTA 提 ...
Vue.js-Day06-PM【项目实战(附带完整项目源码)-day01-pm：轮播组件（使用、安装依赖、具体操作过程）、favicon详细制作】
Vue.js实训[基础理论(5天)+项目实战(5天)]博客汇总表[详细笔记] 实战项目源码[链接:https://pan.baidu.com/s/1r0Mje3Xnh8x4F1HyG4aQTA 提 ...
Vue.js-Day06-AM【项目实战(附带完整项目源码)-day01-am：移动端响应式（响应式尺寸、视口问题、实现rem变化、rem设计）、实战项目搭建（初始化项目、处理rem、搭建路由）】
Vue.js实训[基础理论(5天)+项目实战(5天)]博客汇总表[详细笔记] 实战项目源码[链接:https://pan.baidu.com/s/1r0Mje3Xnh8x4F1HyG4aQTA 提 ...
Vue.js-Day08【项目实战(附带完整项目源码)-day03：订单确认页面、美团支付页面、flex弹性盒子布局】
Vue.js实训[基础理论(5天)+项目实战(5天)]博客汇总表[详细笔记] 实战项目源码[链接:https://pan.baidu.com/s/1r0Mje3Xnh8x4F1HyG4aQTA 提 ...
全力升级篇-基于Mongodb与Nginx负载均衡打造共享单车项目实战最新完整项目升级版
全力升级篇-基于Mongodb与Nginx负载均衡打造共享单车项目实战最新完整项目升级版课程作为全新的升级项目课程,基于Nginx负载均衡,Flume与Kafka,Mongodb和Redis等技术 ...
SpringBoot+SpringCloud+Mybatis+Vue 电商项目实战，附视频+源码+文档，包含所有主流技术栈。...
大家好,我是树哥. 今天给大家分享一个电商项目--- 畅购商城.项目采用前后端分离的技术架构. 采用SpringBoot+SpringCloud+Mybatis+Vue为主要技术栈,包括了大型商城的主 ...
SpringBoot+SpringCloud+Mybatis+Vue电商项目实战，附视频+源码+文档，包含所有主流技术栈...
今天给大家分享一个电商项目--- 畅购商城.项目采用前后端分离的技术架构. 采用SpringBoot+SpringCloud+Mybatis+Vue为主要技术栈,包括了大型商城的主要功能.难点功能以及 ...
android从入门到精通-项目实战（心得及源码）
个人心得这个周的时间,我用了三天的时间跟着书籍上面的内容实现了,家庭理财通这个小的app,算是用来练手的开始.首先开始实现的时候,我是先从项目的架构开始,首先你的先理解者这个APP具体是干什么的,有 ...
Python项目实战——外汇牌价（附源码）
前言几乎每个人都在使用银行卡,今天我们就来爬取某行外汇牌价,获取我们想要的数据. 环境使用 python 3.9 pycharm 模块使用 requests 模块介绍 requests reques ...

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

0、学习能力

1、字体图标

1.1、使用步骤

1.2、使用

2、在Vue中使用jQuery

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

最新文章

热门文章

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

0、学习能力

1、字体图标

1.1、使用步骤

1.2、使用

2、在Vue中使用jQuery

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

最新文章

热门文章

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

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