Vue.js-Day07【项目实战(附带 完整项目源码)-day02：学习能力、字体图标（使用步骤）、在vue.js中使用jQuery】
生活随笔
收集整理的這篇文章主要介紹了
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、使用
<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】的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 依次输入表（30,15,28,20,24
- 下一篇： Vue.js-Day09【项目实战(附带