VUE仿貓眼電影總結(二)

2021-09-25 02:21:09 字數 1225 閱讀 3782

頁面的邏輯

元件的樣式

base_url在路由中修改

keep-alive可以包裹路由插座

i標籤做圖示

路由重定向,二級路由

router-link to="/cinema",to跳轉至路由位址(不關心具體頁面,讓位址通過路由表去匹配頁面)

課時8 合併分支

反向**的配置vue.config.js

axios引入與使用

v-if巢狀使用

ref獲取dom元素

offsettop與scrolltop

小圖示存在assest中,

電影海報獲取後src要用bind,縮放問題????????????????????

注意vscode有沒有給你亂引入什麼奇奇怪怪的包

span的靈活使用

搜尋欄,+外面再包裹一層border,input本身的邊框隱藏,

dispaly:inline-block設定margin auto無效

watch監聽v-model所繫結資料的變化

函式防抖,cleartimeout & settimeout

區域性過濾器,過濾器是對獲取到的資料進行重新調整,| 前面的值傳入過濾器中,在檢視上渲染的是過濾器返回的值

v-for的物件是乙個物件時,第二個引數為key

vue語法規範(if for衝突)

狀態管理的使用情景

本地儲存,引數為字串,要加引號

測試先看key存進去沒有,然後看網路請求,再清空key觀察網路請求的變化

export default後必須加空格

移動端事件名

vue.extend的作用?????????????????????

better-scroll外掛程式

z-index設定-1

命名檢視

記住頁面css是scoped的

在vue中使用第三方js庫

滾動條什麼情況產生

chrome有時候也會出問題

路由的過渡動效

不同事件瀏覽器識別效果不同 ????

使用better-scroll時要注意父元素的css中高度的設定

元件的全域性註冊

scaffold

使用過濾器或者三元運算時,一定要先判斷要進行操作的陣列或者字串是否為空!!

css名稱彙總

對文字的樣式寫在文字中,不要亂在容器裡寫

overflow設在最外層的父元素

Vue 電影資訊影評(豆瓣,貓眼)

技術棧 vue.js thinkphp mysql vue router node.js電影展示主要是從第三方平台拉取電影資訊,然後進行和電影名字展示還有輪播展示。展示分為正在熱映 北美票房榜 top25等三個板塊,其中正在熱映的資料來自貓眼,其餘的均來自豆瓣電影。介面如下圖 電影詳情展示 僅限於最...

vue專案實戰《電影快訊》 專案總結

建立新的元件 路由 js等檔案時,應該首先建立乙個對應名字的資料夾,然後在資料夾裡面建立的乙個名為index的對應檔案,這樣既能夠避免將所有的 寫在一起,而引起的 複雜的問題,又能避免引入檔案的路徑複雜 只用找到對應名字的資料夾即可,系統會預設尋找當前目錄下名為index的檔案 當乙個頁面在註冊公共...

vue高階總結二

上篇僅僅談論到介面資料渲染,這篇主要是使用過程中的demo 解決方法 1 路由配置檔案router index.js 跳轉路由前判斷是否登入2 關於涉及許可權頁面元件載入函式判斷 router.beforeeach to,from next else else export default rout...