詳細介紹 如何用Vue完成喵喵電影專案?

2021-10-03 07:08:49 字數 1432 閱讀 5181

vue是web前端中重要的框架之一,與其他重量級框架不同的是,vue 採用自底向上增量開發的設計,vue 的核心庫只關注檢視層,並且非常容易學習,非常容易與其它庫或已有專案整合。所以,對於web前端開發人員來說,掌握vue的應用非常重要。

vue有哪些特點呢?

●vue的核心只關注檢視,是乙個構建資料的檢視集合,大小只有幾十kb;

●中文文件,不存在語言障礙,易於理解和學習;

●雙向資料繫結,這也是vue最大的優點,通過mvvm思想實現資料的雙向繫結,讓開發者不用再操作dom物件,有更多的時間去思考業務邏輯;

●執行速度更快,相比較與react而言,同樣都是操作虛擬dom,就效能而言,vue存在很大的優勢。

01_專案演示與開發環境

02_專案開發流程

03_多人協作與靜態布局

04_搭建腳手架與遠端倉庫

05_路由配置與初始化**

06_頭部元件與底部導航元件

07_電影路由與元件拆分

08_影院元件與登入元件

09_城市元件資料渲染(上)

10_城市元件資料渲染(下)

11_熱映電影元件資料渲染

12_搜尋影片元件資料渲染

13_影院元件資料渲染

14_封裝better-scroll元件(上)

15_封裝better-scroll元件(下)

16_封裝loading元件

17_當前城市本地儲存與狀態管理

18_當前城市id關聯相關資料

19_定位城市與彈窗元件(上)

20_定位城市與彈窗元件(下)

21_電影詳情頁元件開發(上)

22_電影詳情頁元件開發(中)

23_電影詳情頁元件開發(下)

24_專案優化與真機測試

25_專案打包與線上部署

26_搭建後台與使用者介面分析

27_郵箱配置與傳送驗證碼介面

28_資料持久化與使用者註冊介面

29_登入登出介面與查詢使用者資訊介面

30_修改密碼介面與使用者元件建立

31_使用者登入元件開發

32_儲存登入態與使用者狀態管理

33_使用者註冊元件開發

34_使用者重置密碼元件開發

35_管理員介面與管理員許可權

36_管理後台元件開發

37_elementui搭建後台布局

38_elementui導航與**

39_使用者管理相關介面實現

40_賬號凍結與賬號刪除

41_elementui分頁處理

42_優化驗證碼時效與倒計時

43_優化密碼加密與安全

44_優化登入建立防攻擊驗證碼

45_使用者上傳頭像(上)

如何用vue封裝axios詳解!

如何用vue封裝axios 該專案需要在登入之前新增驗證碼,為了更加方便請求介面的區分,可以封裝兩個請求介面,乙個登入之前需要請求的介面,乙個為登入之後請求的介面,使之互不干擾。1.登入前設定乙個資料夾axios,其中的index.js寫請求的介面,config.js寫配置 index.js 介面檔...

如何用vue實現登入授權

先封裝一下登陸註冊的介面 登入介面 export function login data 配置頁面路由,需要的頁面加meta屬性 component import views home.vue js 部分 把token本地儲存,然後每次需要用到的頁面做鑑權判斷 methods if res.resu...

如何用最小的代價完成爬蟲需求

備註如下 1.root info 定義發現模組的入口頁面,如同人開啟汽車站的網頁,後續的發現都是起始於這些入口頁。這裡給出的例項是,某汽車網的品牌列表頁,根據 模板化 套用變數的配置,共有100個入口頁。2.steps 依次遍歷這100個入口頁,分別會執行steps中定義的步驟。機器模擬人的方式進行...