Vue.js-Day07【项目实战(附带 完整项目源码)-day02：学习能力、字体图标（使用步骤）、在vue.js中使用jQuery】
Vue.js實訓(xùn)【基礎(chǔ)理論(5天)+項目實戰(zhàn)(5天)】博客匯總表【詳細筆記】
實戰(zhàn)項目源碼【鏈接：https://pan.baidu.com/s/1r0Mje3Xnh8x4F1HyG4aQTA? ?提取碼：n6ol】
目? ?錄
0、學(xué)習(xí)能力?
1、字體圖標(biāo)
1.1、使用步驟
1.2、使用
2、在Vue中使用jQuery
0、學(xué)習(xí)能力?
-
閱讀能力
-
閱讀文檔
-
閱讀博客
-
閱讀書籍
-
-
解決問題能力
-
分析問題（思路問題、代碼編寫）
-
解決問題
-
思路問題：冷靜思考、調(diào)整思路！
-
代碼問題：逐級反推、 縮小范圍！
-
搜索引擎：百度（輸入問題點、更換關(guān)鍵字）
-
請教同事：簡短明了的語言（描述需求、實現(xiàn)思路、問題點、懷疑-可能什么原因出錯）
-
-
-
實操能力
-
增加訓(xùn)練量
-
1、字體圖標(biāo)
Iconfont-阿里巴巴矢量圖庫
https://www.iconfont.cn/
1.1、使用步驟
- ?登錄賬號（阿里賬號、github、微博）；
-
輸入搜索關(guān)鍵字，找到對應(yīng)圖標(biāo)， 加入購物車；
-
側(cè)邊欄購物側(cè)操作 => 添加至項目 => 新添加項目圖標(biāo)；
-
進入項目 => 對圖標(biāo)進行處理 => 下載至本地；
-
將字體圖標(biāo)文件夾解壓，改文件夾名稱為fonts, 放在static目錄下面，在index.html中引入。
1.2、使用
<i class="iconfont 圖標(biāo)的class名" style="font-size:40px;color:#999;"></i> // 字體圖標(biāo)不是圖片，而是一個字體文件，所以可以像css那些的描述字體的內(nèi)容，去書寫它的樣式！??
2、在Vue中使用jQuery
cnpm i jquery --save //安裝jQuery多謝觀看！！！
總結(jié)
以上是生活随笔為你收集整理的Vue.js-Day07【项目实战(附带 完整项目源码)-day02：学习能力、字体图标（使用步骤）、在vue.js中使用jQuery】的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 依次输入表（30,15,28,20,24
- 下一篇： Android复习14【高级编程：推荐网