
vue,JavaScript
vue;JavaScript相关知识
.calin.
hello!
展开
-
js引用传递和值传递
obj.temp和obj[temp]的不同 let temp=a; obj[temp]=obj.children; 这里obj拥有的属性是a,而不是temp 这里obj拥有的属性是a,而不是temp let temp=a; obj.temp=obj.children; 这里obj拥有的属性是temp,js引用传递和值传递 let temp1=this.datadata是一个对象,这里如果改变原创 2022-05-05 19:00:42 · 893 阅读 · 0 评论 -
vue:event-bus用法
部分应用场景组件1的一个方法中调用组件2的方法,(可传值)用法组件1的点击事件方法中:使用this.bus.$emit(“test”, 1);click() { this.bus.$emit("test", 1); },其中test是事件名,1是要传递的数据组件2的mounted方法中: mounted() { this.bus.$on("test", (res) => { this.onLoad1(res);//被触发的方法原创 2022-04-09 19:21:33 · 1193 阅读 · 2 评论 -
vue:父子组件传递值的方法
封装好的组件常常作为子组件放在父组件中,为了该组件的通用性,不可避免地会有父组件把值传入子组件中,子组件返回值给父组件,下面介绍如何传递。父组件把值传入子组件父组件使用子组件bar的代码:rightType是要传递的值,注意要有“:” <bar :rightType="1" ></bar>bar子组件的script部分代码:这里是script部分,将right type放在props里export default { data() {}, p原创 2022-03-31 11:34:34 · 1062 阅读 · 1 评论 -
es6解构赋值重命名
var a = { te: “hao”,};var { te } = a;var { te: bb } = a;console.log(te); // haoconsole.log(bb); // hao可用于简化命名和避免命名重复原创 2021-10-03 17:15:52 · 1845 阅读 · 0 评论 -
vuex Mutations和Action的异同
vuex的作用及优势1,vuex能实现组件全局状态(数据)的管理,实现组件间的数据共享。2.能够集中管理共享数据,易于开发和维护,没有vuex时,需要在组件之间传递,能够高效的实现数据共享。3.存储在vuex中的数据都是响应式的,能够实时保证数据和页面的同步。vuex怎么使用见官方文档Mutations和Action的异同提交mutation是改变store中状态的唯一方式,类似于事件,会接受state作为第一个参数,mutation必须是同步函数,因为。action传递的参数是contex原创 2021-09-17 11:23:27 · 369 阅读 · 0 评论 -
error Trailing spaces not allowed no-trailing-spaces 9:14 error Unexpected trailing comma
error Trailing spaces not allowed no-trailing-spaces 9:14 error Unexpected trailing comma comma-dangle原因不允许有多余空格的存在解决将错误提示里提示的App文件中的空格去掉去掉之前:去掉鼠标处多余的两行空格后:验证...原创 2021-08-22 20:47:29 · 280 阅读 · 1 评论 -
css盒模型 position取值 绝对定位水平垂直居中
position取值1.static这是html默认的定位方式,left等属性不能影响其位置,在正常的文档流中2.relative相对定位可以根据left等属性规定其位置,这些属性是相对于正常流中的相对位置3.absolute绝对定位脱离了文档流,在文档流中不占位置,可以根据left等属性定位,是相对于其最近的已定位的祖先元素的位置。这个“已定位”不包括static4.fixed脱离文档流,不在文档流中占位置,相对于视口定位5.sticky在滚动中,滚动元素的定位由relative变为原创 2021-08-29 14:27:20 · 288 阅读 · 1 评论 -
原型链解析
什么是原型链对象有原型对象(原型对象下面有介绍),原型对象有也有原型对象,就形成了链式结构,叫做原型链。如图是原型链的部分结构(可以从自定义的person构造函数看起)。person构造函数通过new person()创建实例P1,p1可以通过-proto-访问它的原型对象,构造函数可以通过prototype属性访问原型对象,原型对象也可以通过constructor访问构造函数。作为对象,原型对象也有它的原型对象(因为对象都有原型对象),所以也可以通过-proto-访问他的原型对象,在这里是Objec原创 2021-08-26 17:42:41 · 470 阅读 · 2 评论 -
console.log()打印对象得到[object Object]
问题调用接口打印时以为会得到该对象里的内容,得到的却是[object Object]console.log(res)原因[object Object]是对象的字符串形式,隐式调用了 Object 对象的 toString() 方法解决console.log(JSON.stringify(res));JSON.stringify()可以把 JavaScript 对象转换为字符串。......原创 2022-03-28 23:41:24 · 10861 阅读 · 2 评论 -
解决格式化文档后和eslint格式冲突
右击后点format document可格式化文档,但是格式化文档后的形式和eslint要求的格式是冲突的。# 解决1.改变格式化后的格式,使其和eslint的要求一致src目录下创建配置文件.prettierrc修改格式化后的格式,如文件中的下面代码:第一行表示格式化后不要分号第二行表示用单引号{ "semi":false, "singleQuote":true}2.改变eslint的规则,对某个格式不做要求,不报错如图,某个eslint的报错,框框里是错误的规则找原创 2021-10-06 22:19:51 · 880 阅读 · 0 评论 -
闭包的作用缺点实现
闭包函数闭包就是有权访问另一个函数作用域里面的变量的函数闭包的作用1.可以在函数外面访问到函数里面的变量2.可以让变量的值始终保持在内存中闭包的缺点由于函数中的变量可以一直保存在内存中,所以内存的消耗会很大,所以滥用闭包可能会降低程序的处理速度,造成内存消耗等问题闭包函数的实现一种常见的闭包创建方式:一个函数A里面创建另一个函数b,通过函数b访问这个函数的局部变量,然后函数a返回函数b,执行函数a,就可以访问到函数a的局部变量。将执行a的结果赋值给c,那么c就是闭包。...原创 2021-08-27 18:32:51 · 213 阅读 · 2 评论 -
DOM事件流,事件委托
DOM事件流什么是事件委托原理:不给每个子节点单独设置事件监听,而是把事件监听器设置在父节点上,让其利用冒泡的原理影响到每个子节点。顾名思义,自己的事情委托在别人身上。怎么委托,为什么要委托?例如几个按钮需要设置监听事件,点击后执行的操作一样,常规的方法要为每个按钮设置监听。而事件委托就是不为这几个按钮设置监听事件,而是为他们共同的父节点设置一个监听事件,利用冒泡原理(下面有冒泡原理的讲解)达到点击按钮后触发事件的效果。作用:这样做就不必为每个子节点设置事件监听,操作简单,提高了程序的性能。冒原创 2021-08-27 14:20:24 · 158 阅读 · 1 评论 -
javascript数据类型及易错点
分类基本(原始)数据类型:未定义型(undefined),空型(null),布尔型(boolean),数字型(number),字符串型(string),复杂数据类型:对象(Object)易错1对于未定义型,字面是虽然是未定义,但不意味着一个变量真的没有定义才返回undefined,而是当变量定义了没有赋值,他的值才是undefined易错21.检测数据类型的typeof(),检测null时返回的是object类型,而不是null.这是历史遗留问题,被沿用下来了。2.typeof 运算符把数组原创 2021-08-26 18:51:03 · 155 阅读 · 2 评论 -
javscript基础易错点集合
javscript基础易错点集合比较运算符和逻辑运算符运算符优先级,理解++(后置)优先级在++(前置)之前一级目录合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入javscript基础易错点集合比较运算符和逻辑运算符运算符优先级,理解++原创 2021-07-22 14:44:37 · 156 阅读 · 1 评论