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

35. 命名视图
36. 记住页面css是scoped的
37. 在vue中使用第三方js库
38. 滚动条什么情况产生
39. chrome有时候也会出问题
40. 路由的过渡动效
41. 不同事件浏览器识别效果不同 ？？？？
42. 使用better-scroll时要注意父元素的css中高度的设置
43. 组件的全局注册
44. scaffold
45. 使用过滤器或者三元运算时，一定要先判断要进行操作的数组或者字符串是否为空！！
46. CSS名称汇总
47. 对文本的样式写在文本中，不要乱在容器里写
48. overflow设在最外层的父元素