2021年6月14日
vue组件之间传值
摘要： 父子组件之间传值：props、$emit 祖孙组件之间传值：provide和inject 兄弟（无关联）组件之间传值：$emit和$on（Event bus）、vuex、sessionStorage、localStorage vue的$emit和$on，这是vue实现的Vue Event Bus插件 阅读全文
posted @ 2021-06-14 19:15 Upward123 阅读(37) 评论(0) 推荐(0) 编辑
vue的生命周期
摘要： 简介 vue的生命周期大致分为四个过程，分别是创建过程、挂载过程、更新过程、销毁过程，对应 8 个生命周期钩子函数，分别是 beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestory、destoryed。生命 阅读全文
posted @ 2021-06-14 19:09 Upward123 阅读(336) 评论(0) 推荐(0) 编辑
2021年5月19日
es6中常用的方法或API
摘要： let 和 const：let 和 const 都是是块级变量声明的方式，没有变量提升。let 声明的变量不能重复声明，后续可修改变量值；const 声明的是常量，后续不可修改变量值 箭头函数：箭头函数中的 this 指向，不会随着调用环境的变化而变化，是在 定义的时候 决定的，比如，一个箭头函数在 阅读全文
posted @ 2021-05-19 23:24 Upward123 阅读(135) 评论(0) 推荐(0) 编辑
css实现三列布局，左右固定宽度，中间自适应
摘要： float 浮动法：中间的元素需放在最后，左右元素使用左浮动和右浮动，中间的元素使用 margin-left 和 margin-right 与两边留出间隔（就是两个浮动元素的宽度） 缺点：三个元素的顺序受限，middle 必须放在最后，而且浏览器窗口宽度不够时，right 元素会被挤到下一行 <di 阅读全文
posted @ 2021-05-19 23:23 Upward123 阅读(247) 评论(0) 推荐(0) 编辑
2021年5月17日
es6的export和import
摘要： export：在一个js模块文件中，export 可以导出很多变量，但是 export default 只能导出一个 import：通过 export 导出的变量，需要用 import from 引入；通过export default 导出的变量使用 import 引入时不加 （import 是静态 阅读全文
posted @ 2021-05-17 23:27 Upward123 阅读(149) 评论(0) 推荐(0) 编辑
2021年5月16日
vue的指令，以及指令的钩子函数之间传值
摘要： 钩子函数： bind：只调用一次，在指令第一次绑定到dom元素时调用；这时父节点为 null inserted：在被绑定该指令的元素插入到父节点时调用；这时父节点存在 update：指令所在组件的VNode更新时调用（此钩子函数可能发生在子VNode更新之前）；组件dom更新前调用 componen 阅读全文
posted @ 2021-05-16 17:29 Upward123 阅读(211) 评论(0) 推荐(0) 编辑
axios的拦截器
摘要： 项目中的用法： // 创建 axios 实例 let myRequest = axios.create({ responseType: 'json', // validateStatus 是axois的内置方法，在axios包的index.d.ts声明文件中做了声明 validateStatus(s 阅读全文
posted @ 2021-05-16 17:26 Upward123 阅读(71) 评论(0) 推荐(0) 编辑
2021年5月10日
vue中的mixin
摘要： vue中的mixin可以实现组件中重复代码的高度复用，可以将不同组件中重复的组件选项（如，data、created、mounted、components、computed、watch等）都提取出来，形成一个mixin的js文件，在需要用到这些代码时，引入这个js文件即可。 具体用法： // mixi 阅读全文
posted @ 2021-05-10 22:00 Upward123 阅读(694) 评论(0) 推荐(0) 编辑
箭头函数和普通函数的区别
摘要： 声明的方式不同，箭头函数声明方式，类似变量声明的方式，如下： var foo = (a, b)=>{ return a + b }; 普通函数的声明方式，使用 function 关键字来声明，如下： function fn(a, b){ return a + b; } this 的指向不同，普通函数 阅读全文
posted @ 2021-05-10 21:45 Upward123 阅读(117) 评论(0) 推荐(0) 编辑
promise的简介
摘要： 一、简介 Promise是异步编程的一种解决方案，在ES6中Promise被列为了正式规范，统一了用法，原生提供了Promise对象。 二、promise的基本用法 1、then中成功/失败的执行 ~~~js // resolve代表成功 reject失败 都是一个函数 let p = new Pr 阅读全文
posted @ 2021-05-10 21:37 Upward123 阅读(110) 评论(0) 推荐(0) 编辑