在react中設(shè)置css樣式 以上是行內(nèi)式的樣式設(shè)置坷备，渲染的結(jié)果是 當(dāng)然還可以使用require直接引入.css文件的盅视，但由于還是初學(xué)耀石，并未涉及果港，以后補(bǔ)上 react中的條件...
發(fā)簡信
IP屬地：廣東
-
在react中設(shè)置css樣式以及條件語句寫法 -
初試react這是學(xué)習(xí)react時寫的第一個react文件您旁，（holle react)使用es6語法和JSX語法） 在react中如何寫注釋 以下為注釋的幾種方法
-
移動端1像素邊框在src/common/stylus目錄下新建mixin.styl并定義1像素邊框的方法蛔六，使得項目里的文件都可以使用這些方法 在src/common/stylus目錄下新建b...
-
css實(shí)現(xiàn)Sticky Footer所謂 “Sticky Footer”，指的就是一種網(wǎng)頁效果： 如果頁面內(nèi)容不足夠長時朝捆，頁腳固定在瀏覽器窗口的底部般渡；如果內(nèi)容足夠長時，頁腳固定在頁面的最底部芙盘。但如果網(wǎng)頁內(nèi)容不夠...
-
webpack4配置vue環(huán)境出現(xiàn)的問題通過學(xué)習(xí)慕課網(wǎng)Vue+Webpack打造todo應(yīng)用這門課程的學(xué)習(xí)驯用，已經(jīng)完成了基本配置，運(yùn)行npm run dev和npm run build 都沒有問題儒老。 但是在繼續(xù)學(xué)習(xí)V...
-
webpack4配置vue環(huán)境關(guān)于這個webpack4配置vue環(huán)境主要是通過學(xué)習(xí)慕課網(wǎng)Vue+Webpack打造todo應(yīng)用的課程蝴乔，然后一步一步跟著老師敲代碼，并理解每一個步驟驮樊。 但由于老師的webpa...
-
函數(shù)截留
函數(shù)截留薇正，讓輸入框輸入的內(nèi)容的返回結(jié)果延遲執(zhí)行（就不會每次輸入框內(nèi)容一改變，立刻就調(diào)相應(yīng)的函數(shù)囚衔，以提高性能） 具體實(shí)現(xiàn)方式如下：
-
獲取歌手詳情頁數(shù)據(jù)及處理api/singer.js singer-detail.vue 還有封裝的common/js/song.js以及它在singer-detail.vue的引用 對于vkey的獲...
-
子路由配置以及vuex在router/index.js中配置子路由 在singer.vue中添加router-view 在list-view.vue添加點(diǎn)擊事件并向singer.vue觸發(fā)一個事件...
-
歌手頁面右邊shortcut的實(shí)現(xiàn)數(shù)據(jù)的獲韧谘（listview.vue) 獲取index元素的方法封裝（dom/js/dom.js) 給scroll.vue擴(kuò)展方法 回到listview.vue 實(shí)現(xiàn)左邊移動...
-
歌手信息的獲取以及返回的數(shù)據(jù)的處理在api文件夾中創(chuàng)建singer.js文件，并添加以下內(nèi)容獲取歌手信息數(shù)據(jù) 在singer.vue中引用 數(shù)據(jù)處理 封裝一個song.js對歌手信息進(jìn)行封裝（common/j...
-
-
圖片懶加載組件與應(yīng)用
實(shí)現(xiàn)圖片只加載首屏用到的佳魔，其他的等滾動到再加載這就是圖片懶加載 使用vue-lazyload插件實(shí)現(xiàn) 安裝vue-lazyload（npm install vue-lazyl...
-
scroll組件的創(chuàng)建實(shí)現(xiàn)頁面滾動可以直接用better-scroll曙聂，但由于better-scroll很像命令行代碼，（在mounted初始化啊等等）所以我們可以把它抽離為一個組件鞠鲜，需要時就引用...
-
歌單數(shù)據(jù)的獲取由于有header里的host和referer的限制，所以不能像獲取輪播圖數(shù)據(jù)一樣断国，完全從前端獲取贤姆，應(yīng)該用后端代理的方式獲取 在webpack.dev.conf.js中添加以...
-
輪播圖組件開發(fā)在base/slider文件夾下創(chuàng)建slider.vue文件并在recommend.vue文件中引入 slider.vue中的具體代碼如下： 引入better-scroll實(shí)...
-
recommend推薦頁面數(shù)據(jù)獲取1.安裝jsonp 2.jsonp封裝 在common文件夾中的js文件夾中創(chuàng)建jsonp.js文件，并添加以下內(nèi)容對jsonp進(jìn)行封裝 3.調(diào)用jsonp方法抓取數(shù)據(jù) 在s...
-
路由配置路由是根據(jù)網(wǎng)址的不同稳衬，返回不同的內(nèi)容給用戶 在ruter文件夾中的index.js添加以下內(nèi)容 在components文件夾中需要添加相應(yīng)內(nèi)容以及main.js中添加內(nèi)容引入...
-
項目準(zhǔn)備工作1.開發(fā)環(huán)境---nodeJS 可以根據(jù)nodeJS官網(wǎng)提供的安裝包進(jìn)行安裝霞捡，安裝之后在cmd中輸入node -v以及npm -v如果能輸出二者的版本號說明安裝成功。（...