卖座后台管理系统----小知识点

2019-10-22

卖座后台管理系统小知识点

1、终止函数继续向后执行的方法

image.png

2、页面 loading 的使用

• 页面加载的 loading : 用标签属性来控制

image.png

• 小的 loading 用在提交时在按钮处显示

  

  image.png

image.png

• 饿了么利用【 指令方式 】控制 loading 的显示与隐藏

// 可以用在页面跳转进入页面时的 loading 
// 把这个 loading 赋值给一个变量
const loading = this.$loading({
    lock: true,
    text: 'Loading',
    spinner: 'el-icon-loading',
    background: 'rgba(0, 0, 0, 0.7)'
});
// 在需要结束 loading 的地方用下面的方式来结束
    loading.close();

3、promise 的 finally 属性

image.png

4、get 请求写法问题

image.png

5、Promise.all

image.png

6. 饿了么 ui 样式覆盖方法

image.png

7、服务器启动命令

image.png

8、路由守卫

image.png

9、vuex 的 mapState / mapGetters 方法

image.png

10、vue 的 update 属性

11、父子组件双向绑定传参

12、数组最常用的方法

map / filter / find / foreach / splice

13、路由的 from 与 to属性

14、两层 v-for 循环用法

15、ES6 的导入导出【 有两种方法 】

image.png

16、actions 在需要用异步操作的时候用得到

17、面向对象编程：封装、继承、多态

18、npm 与 nodemon 的区别

npm 是运行一个命令，如npm run dev
nodemon 是运行一个 js 文件 ，如 如 nodemon app.js

19、路由传参的方法

1》、动态路由    // ------》接收 params 
2》、path + query 
3》、naem + params

20、组件合并用到的路由监听

this.$toute 可以获取到当前跳转到了那个页面【 path 属性中有路由 】

image.png

21、阻止函数继续向后执行

​ 也可以组合 || && 使用

image.png

22、promise 的 finally 属性

​ 不管请求是发送成功还是失败，都会调用 finally 属性，可用来结束页面 loading

不管promise最后的状态，在执行完then或catch指定的回调函数以后，都会执行finally方法指定的回调函数。

image.png

23、promise.all

image.png

image.png

24、关于 get 请求的简写方法

​ 适当的选择合适的方法

image.png

25、disabled 属性

​ 饿了么 UI 常用的用于禁用时的属性，值为 boolean 类型，默认为 false