- 博客(9)
- 收藏
- 关注
原创 vuex挂载到每个组件实例上的过程
1.首先在项目中通过 npm install vuex --save 时调用了vuex中的install方法,在install方法中有一段核心代码,*vue.mixin({beforeCreate,vuexInit})*, 通过vue中的mixin机制,然后再借用生命周期钩子函数beforeCreate在组件实例化前调用vuexInit方法,在vuexInit方法中有一段核心代码,*this.$s...
2019-11-14 11:10:28
975
原创 JS中克隆对象的方法
var obj = {a:1,b:2} 方法1: var newObj = {} for(var item in obj ){ newObj[item] = obj[item] } console.log( newObj === obj ) //true 方法2: var newObj = JSON.parse( JSON.stringify( obj ) ) console....
2019-07-04 16:09:54
605
原创 vue2.3.0中使用.sync语法糖
在 1.x 里,可以使用 .sync 双向绑定数据,也就是父组件或子组件都能修改这个数据,是双向响应的。在 Vue.js 2.x 里废弃了这种用法,目的是尽可能将父子组件解耦,避免子组件无意中修改了父组件的状态。 但在Vue.js 2.3.0 版本,又增加了 .sync 修饰符,但它的用法与 1.x 的不完全相同。2.x 的 .sync 不是真正的双向绑定,而是一个语法糖,修改数据还是在父组件完成...
2019-07-04 15:13:21
1314
原创 根据id获取该id在树形结构数据中的完整路径
根据id获取该id在树形结构数据中的完整路径 树形结构数据形式类似于 根据某个子节点的id来查找出完整的结点路径 三个参数分别为:要查找的值,值的类型(id,value,key....),树形结构数组 getPathByKey (value, key, arr){ let temppath = [] try{ function getNodePath(node){ tempp...
2019-07-04 11:12:12
3562
原创 使用Quill富文本编辑器自定义上传图片
使用Quill富文本编辑器,图片格式由base64转为url地址,在编辑器的设置里设置拦截, 再调用upload组件实现上传
2019-07-04 11:05:32
1138
7
原创 解决跨域引起的两次请求问题
在前后端分离的项目中,每次前端向发起请求都会有两条相同的请求,第一条请求为options,第二条才是method中的get,post或者put等,并且第一条无任何数据返回,第二条才正常返回数据。 这是由于Web服务器在处理跨域访问引起的,options其实是一种预检请求,浏览器在处理跨域问题是会先辨别发送的请求是否为复杂请求,如果是则会先向服务器发送一条预检请求,再根据服务器的返回内容由浏览器...
2019-07-04 10:57:07
4326
原创 在JS中对数组的一些常用操作方法
操作数组的几种方法 数组的map()方法, 返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。 数组中的中filter()用法,接受一个函数作为参数,它用于把Array的某些元素过滤掉,然后返回剩下的元素。例如:删除一个数组中的偶数: 或者去除数组中的重复元素 数组的indexOf()方法是接受数组的一个值作为参数,并返回这个值在数组中的第一次出现的位置 eg: ...
2019-07-04 10:45:46
165
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅