国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

vue仿lofter移動(dòng)端demo

wwolf / 2826人閱讀

摘要：遇到問(wèn)題時(shí)一定要去閱讀文檔，可以發(fā)現(xiàn)使用時(shí)遺漏或者沒(méi)有注意的地方。打包文件時(shí)也要注意修改路徑不然就踩坑了。

vue_lofter 
一個(gè)仿lofte手機(jī)端的vue項(xiàng)目
項(xiàng)目描述 技術(shù)棧

Vue2.0全家桶 + axios + Vuex + Mint-ui + Mock.js + Stylus

預(yù)覽效果

?預(yù)覽地址(PC端建議在Chrome下開(kāi)啟調(diào)試模式或移動(dòng)端瀏覽)
?源碼地址??求你的小星星～

主要依賴

Vue2.0 前端頁(yè)面展示

Stylus css預(yù)編譯

Axios 異步數(shù)據(jù)的請(qǐng)求

flexible.js 解決移動(dòng)端設(shè)備兼容

better-scroll 優(yōu)化滾動(dòng)效果

Mint-ui 移動(dòng)端組件庫(kù)

mock 數(shù)據(jù)托管

路由結(jié)構(gòu) 
import Vue from "vue"
import Router from "vue-router"
Vue.use(Router)


export default new Router({
  routes: [
    {
      path: "/",
      component: resolve => require(["@/pages/found/index"], resolve),
      redirect: "/found/page1"
    },
    {
      path: "/found",
      name: "found",
      component: resolve => require(["@/pages/found/index"], resolve),
      meta: {keepAlive: true},
      children: [
        {
          path: "",
          component: resolve => require(["@/pages/found/index"], resolve)
        },
        {
          path: "page1",
          name: "page1",
          component: resolve => require(["@/pages/found/recommend"], resolve)
        },
        {
          path: "page2",
          name: "page2",
          component: resolve => require(["@/pages/found/animal"], resolve)
        },
        {
          path: "page3",
          name: "page3",
          component: resolve => require(["@/pages/found/movie"], resolve)
        },
        {
          path: "page4",
          name: "page4",
          component: resolve => require(["@/pages/found/travel"], resolve)
        },
        {
          path: "page5",
          name: "page5",
          component: resolve => require(["@/pages/found/food"], resolve)
        },
        {
          path: "page6",
          name: "page6",
          component: resolve => require(["@/pages/found/pen"], resolve)
        },
        {
          path: "page7",
          name: "page7",
          component: resolve => require(["@/pages/found/photo"], resolve)
        }
      ]
    },
    {
      path: "/home",
      name: "home",
      component: resolve => require(["@/pages/home/index"], resolve)
    },
    {
      path: "/message",
      name: "message",
      component: resolve => require(["@/pages/message/msg"], resolve)
    },
    {
      path: "/my",
      name: "my",
      component: resolve => require(["@/pages/my/index"], resolve)
    }
  ]
})
效果圖




待完善功能

用戶登錄退出的實(shí)現(xiàn)
關(guān)注用戶內(nèi)容出現(xiàn)在關(guān)注頁(yè)
評(píng)論的增加等
滑動(dòng)效果

項(xiàng)目總結(jié) 
　歷時(shí)半個(gè)多月的敲代碼過(guò)程，終于完成了這款仿lofter的項(xiàng)目，通過(guò)這個(gè)項(xiàng)目熟悉了對(duì)Vue2.0的使用，在項(xiàng)目中使用vuex的狀態(tài)管理模塊，統(tǒng)一的狀態(tài)的管理，讓我們更好的去對(duì)數(shù)據(jù)操作，對(duì)axios的跨域問(wèn)題有了更深了解。遇到問(wèn)題時(shí)一定要去閱讀文檔，可以發(fā)現(xiàn)使用時(shí)遺漏或者沒(méi)有注意的地方。打包文件時(shí)也要注意修改路徑不然就踩坑了?_?。當(dāng)然這個(gè)項(xiàng)目還有些功能沒(méi)有實(shí)現(xiàn)，后續(xù)會(huì)進(jìn)行完善的
最后

　　走過(guò)路過(guò)的各位大佬們，如果覺(jué)得我的項(xiàng)目還不錯(cuò)的，就請(qǐng)動(dòng)動(dòng)你們的小手，留下一顆寶貴的星??吧~
本人18屆畢業(yè)生，目前正在求職，對(duì)我感興趣的可以通過(guò)以下方式聯(lián)系我:

郵箱：1047429135@qq.com

微信號(hào)：zzzrrr716

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/89253.html

相關(guān)文章

  • Vue2.0全家桶仿騰訊課堂（移動(dòng)端）

    摘要：最近在學(xué)習(xí)覺(jué)得超好用，忍不住自己仿了個(gè)騰訊課堂練練手，不當(dāng)之處還請(qǐng)大家指正持續(xù)更新中。的使用的狀態(tài)存儲(chǔ)是響應(yīng)式的。需要注意類似于，不同在于提交的是，而不是直接變更狀態(tài)。 最近在學(xué)習(xí)vue,覺(jué)得超好用，忍不住自己仿了個(gè)騰訊課堂練練手，不當(dāng)之處還請(qǐng)大家指正（持續(xù)更新中）。 效果預(yù)覽 ?在線預(yù)覽：點(diǎn)我！！！在線預(yù)覽，手機(jī)瀏覽或切換瀏覽器移動(dòng)調(diào)試 ?源碼地址：Github??求你的小星星～...

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

  • Vue2.0全家桶仿騰訊課堂（移動(dòng)端）

    摘要：最近在學(xué)習(xí)覺(jué)得超好用，忍不住自己仿了個(gè)騰訊課堂練練手，不當(dāng)之處還請(qǐng)大家指正持續(xù)更新中。的使用的狀態(tài)存儲(chǔ)是響應(yīng)式的。需要注意類似于，不同在于提交的是，而不是直接變更狀態(tài)。 最近在學(xué)習(xí)vue,覺(jué)得超好用，忍不住自己仿了個(gè)騰訊課堂練練手，不當(dāng)之處還請(qǐng)大家指正（持續(xù)更新中）。 效果預(yù)覽 ?在線預(yù)覽：點(diǎn)我！！！在線預(yù)覽，手機(jī)瀏覽或切換瀏覽器移動(dòng)調(diào)試 ?源碼地址：Github??求你的小星星～...

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

  • Vue+mint-ui+flexible仿移動(dòng)端App(網(wǎng)易云課堂)

    摘要：仿網(wǎng)易云課堂在線預(yù)覽手機(jī)瀏覽或切換谷歌瀏覽器移動(dòng)調(diào)試預(yù)覽描述前端部分快速構(gòu)建前端界面輪播圖，滑塊管理現(xiàn)非父子組件之間的通信移動(dòng)設(shè)備兼容使用實(shí)現(xiàn)預(yù)編譯實(shí)現(xiàn)所有小圖標(biāo)的加載，減少請(qǐng)求路由懶加載結(jié)合異步組件和的做請(qǐng)求存儲(chǔ)用 Vue-wyclass 仿網(wǎng)易云課堂App 在線預(yù)覽：手機(jī)瀏覽或切換谷歌瀏覽器移動(dòng)調(diào)試 Gif預(yù)覽 showImg(https://segmentfault.com/i...

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

  • 基于vue-cli 構(gòu)建 使用全家桶實(shí)現(xiàn) 音樂(lè)播放器 等

    摘要：這邊忙完了會(huì)首先把滾輪實(shí)現(xiàn)思路跟大家講一下滾輪實(shí)現(xiàn)思路展示音樂(lè)播放器優(yōu)化滾輪性能優(yōu)化自定義指令自定義 先上最終效果地址 PC 開(kāi)啟手機(jī)瀏覽器模式 從vue2.0 開(kāi)始接觸，然后一邊看官網(wǎng)教程一邊寫(xiě)demo， 主要實(shí)現(xiàn)以下 PC端 時(shí)間選擇插件 【涉及 props， watch， mounted,transaction內(nèi)置組件 和組件開(kāi)發(fā)熟悉】 demo 移動(dòng)端 仿IOS滾輪 時(shí)間選擇 ...

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

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

0條評(píng)論

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