亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

一個(gè)vue+express+nodejs爬蟲構(gòu)建的偽整站移動(dòng)書城

levius / 2725人閱讀

摘要：數(shù)據(jù)有了，接下來該構(gòu)建了，谷歌了一下發(fā)現(xiàn)用好像不錯(cuò)，于是又學(xué)習(xí)了部分，構(gòu)建了所需的。采用分離的寫法，分開寫，方便維護(hù)。另外本項(xiàng)目中還寫了一些可直接遷移使用的組件比如組件左右彈出層的背景陰影組件。最后上點(diǎn)項(xiàng)目截圖界面是抄起點(diǎn)的

項(xiàng)目地址：點(diǎn)擊


預(yù)覽地址：點(diǎn)擊


api地址：點(diǎn)擊


爬蟲地址：點(diǎn)擊

技術(shù)棧：vue + vue-router + vuex + webpack + axios + less + flex + express + nodejs + mysql + localStorage

這個(gè)項(xiàng)目很早以前就開始寫了，算是用vue寫的第一個(gè)項(xiàng)目，應(yīng)該比較符合新手學(xué)習(xí)。所以代碼還是有不少問題，但是應(yīng)該很符合vue入門使用者的寫法，比如直接修改state：this.$store.state.xx = xx。

最開始是用jQuery寫了閱讀器部分，后來為了學(xué)習(xí)，就嘗試用vue重構(gòu)，學(xué)習(xí)了整個(gè)vue技術(shù)棧。
后來想想閱讀器寫好了，沒有書可不行，想想應(yīng)該用爬蟲爬點(diǎn)數(shù)據(jù)，于是各種查找node爬蟲的資料，寫了不少爬蟲。

數(shù)據(jù)有了，接下來該構(gòu)建api了，谷歌了一下發(fā)現(xiàn)用express好像不錯(cuò)，于是又學(xué)習(xí)了express部分，構(gòu)建了所需的api。

有的同學(xué)剛開始學(xué)習(xí)vue的時(shí)候可能有點(diǎn)茫然，不光是vue本身的用法、api、組件等等，查資料后發(fā)現(xiàn)還有vue-router、vuex等等需要學(xué)習(xí)。

本項(xiàng)目就是那個(gè)階段寫的第一個(gè)比較完善的vue項(xiàng)目，現(xiàn)在才拿出來是因?yàn)橹虚g有不少事耽擱了，如果你想看代碼，可能會(huì)發(fā)現(xiàn)不少地方跟自己寫得很像，一共只有四個(gè)路由，夠簡(jiǎn)單吧，但是用到的東西在其他復(fù)雜應(yīng)用中也是必需的，仔細(xì)想想其實(shí)vue也就那么點(diǎn)東西，多寫就容易了。

vue-router方面，常用的內(nèi)容基本都用到了，比如
動(dòng)態(tài)路由、編程式導(dǎo)航、命名路由、重定向、數(shù)據(jù)獲取時(shí)的loading、懶加載等等。

vuex采用分離的寫法，state、mutation、action分開寫，方便維護(hù)。

另外本項(xiàng)目中還寫了一些可直接遷移使用的組件、比如loading組件、左右彈出層的背景陰影組件。

最后上點(diǎn)項(xiàng)目截圖





PS：界面是抄起點(diǎn)的

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/83920.html

相關(guān)文章

  • 使用react技術(shù)棧完全重寫一個(gè)vue書城項(xiàng)目

    摘要：本項(xiàng)目是在之前一個(gè)項(xiàng)目基礎(chǔ)上，用技術(shù)棧重寫的一個(gè)書城項(xiàng)目版本地址本項(xiàng)目地址預(yù)覽地址項(xiàng)目說明本項(xiàng)目是一個(gè)構(gòu)建的移動(dòng)書城項(xiàng)目，數(shù)據(jù)是通過爬蟲爬取，存儲(chǔ)在中，項(xiàng)目通過構(gòu)建，前端部分是技術(shù)棧。 本項(xiàng)目是在之前一個(gè)vue項(xiàng)目基礎(chǔ)上，用react技術(shù)棧重寫的一個(gè)書城項(xiàng)目 vue版本地址 本項(xiàng)目地址 預(yù)覽地址 項(xiàng)目說明 本項(xiàng)目是一個(gè)react + nodejs + mysql構(gòu)建的移動(dòng)書城項(xiàng)目，...

    aaron 評(píng)論0 收藏0

  • 2017年2月份前端資源分享

    平日學(xué)習(xí)接觸過的網(wǎng)站積累，以每月的形式發(fā)布。2017年以前看這個(gè)網(wǎng)址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二維碼 十大經(jīng)典排序算法(帶動(dòng)圖演示) 為什么知乎前端圈普遍認(rèn)為H5游戲和H5展示的JSer 個(gè)人整理和封裝的YU.js庫(kù)|中文詳細(xì)注釋|供新手學(xué)習(xí)使用 擴(kuò)展JavaScript語法記錄 - 掉坑初期工具 漢字拼音轉(zhuǎn)換...

    lily_wang 評(píng)論0 收藏0

  • 2017年2月份前端資源分享

    平日學(xué)習(xí)接觸過的網(wǎng)站積累，以每月的形式發(fā)布。2017年以前看這個(gè)網(wǎng)址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二維碼 十大經(jīng)典排序算法(帶動(dòng)圖演示) 為什么知乎前端圈普遍認(rèn)為H5游戲和H5展示的JSer 個(gè)人整理和封裝的YU.js庫(kù)|中文詳細(xì)注釋|供新手學(xué)習(xí)使用 擴(kuò)展JavaScript語法記錄 - 掉坑初期工具 漢字拼音轉(zhuǎn)換...

    chengjianhua 評(píng)論0 收藏0

  • 2017年2月份前端資源分享

    平日學(xué)習(xí)接觸過的網(wǎng)站積累，以每月的形式發(fā)布。2017年以前看這個(gè)網(wǎng)址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二維碼 十大經(jīng)典排序算法(帶動(dòng)圖演示) 為什么知乎前端圈普遍認(rèn)為H5游戲和H5展示的JSer 個(gè)人整理和封裝的YU.js庫(kù)|中文詳細(xì)注釋|供新手學(xué)習(xí)使用 擴(kuò)展JavaScript語法記錄 - 掉坑初期工具 漢字拼音轉(zhuǎn)換...

    Anonymous1 評(píng)論0 收藏0

  • 2017年2月份前端資源分享

    平日學(xué)習(xí)接觸過的網(wǎng)站積累，以每月的形式發(fā)布。2017年以前看這個(gè)網(wǎng)址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二維碼 十大經(jīng)典排序算法(帶動(dòng)圖演示) 為什么知乎前端圈普遍認(rèn)為H5游戲和H5展示的JSer 個(gè)人整理和封裝的YU.js庫(kù)|中文詳細(xì)注釋|供新手學(xué)習(xí)使用 擴(kuò)展JavaScript語法記錄 - 掉坑初期工具 漢字拼音轉(zhuǎn)換...

    dreamtecher 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<