VUE仿貓眼電影總結(二)

關鍵點

  1. 頁面的邏輯

  2. 組件的樣式

  3. 全局樣式寫在html中,APP.VUE並不是全局樣式

  4. base_url在路由中修改

  5. keep-alive可以包裹路由插座

  6. i標籤做圖標

  7. 路由重定向,二級路由

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

  9. 課時8 合併分支

  10. 反向代理的配置vue.config.js

  11. axios引入與使用

  12. v-if嵌套使用

  13. ref獲取dom元素

  14. offsetTop與scrollTop

  15. 小圖標存在assest中,https://www.jb51.net/article/137883.htm

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

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

  18. span的靈活使用

  19. 搜索欄,<i> + <input>外面再包裹一層border,input本身的邊框隱藏,

  20. dispaly:inline-block設置margin auto無效

  21. watch監聽v-model所綁定數據的變化

  22. 函數防抖,clearTimeout & setTimeout

  23. 局部過濾器,過濾器是對獲取到的數據進行重新調整,| 前面的值傳入過濾器中,在視圖上渲染的是過濾器返回的值

  24. v-for的對象是一個對象時,第二個參數爲key

  25. vue語法規範(if for衝突)

  26. 狀態管理的使用情景

  27. 本地存儲,參數爲字符串,要加引號

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

  29. export default後必須加空格

  30. 移動端事件名

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

  32. better-scroll插件

  33. iconfont的引入,字體圖標在項目中新添加後在線更新

  34. z-index設置-1


  1. 命名視圖
  2. 記住頁面css是scoped的
  3. 在vue中使用第三方js庫
  4. 滾動條什麼情況產生
  5. chrome有時候也會出問題
  6. 路由的過渡動效
  7. 不同事件瀏覽器識別效果不同 ????
  8. 使用better-scroll時要注意父元素的css中高度的設置
  9. 組件的全局註冊
  10. scaffold
  11. 使用過濾器或者三元運算時,一定要先判斷要進行操作的數組或者字符串是否爲空!!
  12. CSS名稱彙總
  13. 對文本的樣式寫在文本中,不要亂在容器裏寫
  14. overflow設在最外層的父元素
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章