sinat_34241861的博客

Object.assign()是浅拷贝合并对象：var o1 = { a: 1 };var o2 = { b: 2 };var o3 = { c: 3 };var obj = Object.assign(o1, o2, o3);console.log(obj); // { a: 1, b: 2, c: 3 }console.log(o1); // { a: 1, b: 2, c: 3 }, 注意目标对象自身也会改变。Vue中的使用技巧由于Object.assign()有上述特性，所以我

一、H5原生的drag&dropdraggable=true（必需）ondragstart：拖动开始时触发ondrag：拖动过程中触发ondragend：拖动结束触发ondragenter ：被拖动元素进入到目标区域时触发ondragover ：被拖动元素在目标区域移动时触发ondragleave ：被拖动元素离开目标区域时触发ondrop ：释放鼠标时触发二、实际例子2.1 被拖动元素–折叠面板（子组件）<template> <div>

举例// 原来的数组var array = ["one", "two", "four"];// splice(position, numberOfItemsToRemove, item)// 拼接函数(索引位置, 要删除元素的数量, 元素)array.splice(2, 0, "three");array; // 现在数组是这个样子 ["one", "two", "three", "four"]...

实例<a-select @change="value => handleChange(value, param)" v-model="eqList[index].eqId"></a-select>其中，handleChange方法的value参数即为默认参数，param为自定义参数

首先第一条很重要元素添加hover伪类选择器时候一定要紧贴hover，不能有空格，有空格的话表示给该元素的所有子元素设置里hover样式错误例子：ul :hover{} //ul的所有子元素设置了hover样式正确例子：ul:hover{} // ul会显示出想要的效果想要在父元素添加hover，在指定的子元素实现效果子元素应该写在hover后面空格隔开<style> li{ width: 100px; height: 100px;

方法一!("key" in obj) //结果为false，表示不包含；否则表示包含方法二obj.hasOwnProperty("key") //obj表示对象，结果为false表示不包含；否则表示包含

简单介绍JS中，数据类型分为基本数据类型和引用数据类型。基本数据类型的值是存储在栈内存中的；而引用数据类型的值是存储在堆内存中的，栈中只存储对象在堆中的内存地址浅拷贝对于浅拷贝而言，就是只拷贝对象的引用，而不深层次的拷贝对象的值，多个对象指向堆内存中的同一内存地址，任何一个对象修改值都会影响其他的对象...

方式一：使用splice()splice(index,len,[item])index: 元素下标len: 替换/删除的长度item: 替换的值，删除操作的话 item为空该方法会改变原始数组，可以用来执行替换、删除、添加数组内某一个或某几个值代码实例删除（1）删除数组中的某一项var arr = ['a','b','c','d'];arr.splice(1,1);console.log(arr); 结果：[‘a’,‘c’,‘d’]（2）删除数组中的某几项var

props: { echartStyle: { type: Object, default() { return {} } }, titleText: { type: String, default: '' }, tooltipFormatter: { type: String, default: '' }, opinion: { type: Array,

基本方法介绍Vue.set(vm.items, indexOfItem, newValue)vm.items ：代表源数据indexOfItem : 代表要修改的数据的键newValue : 代表要修改的数据的新值实际例子修改李四的 age 为 19 ，如果直接修改，vue是获取不到的，就需要借助 $set 来手动触发改变源数据：let a = [ {name:'张三',age:'20',sex:1}, {name:'李四',age:'21',sex:0},

使用场景实际开发中，如果你想基于新的dom做点什么，那么对新dom的一系列js操作都需要放进Vue.nextTick()的回调函数中。通俗的理解是：更改数据后，当你想立即使用js操作新的视图时，需要使用它原理Vue是异步执行dom更新的，一旦观察到数据变化，Vue就会开启一个队列，然后把在同一个事件循环 (event loop) 当中观察到数据变化的 watcher 推送进这个队列。如果这个watcher被触发多次，只会被推送到队列一次。这种缓冲行为可以有效的去掉重复数据造成的不必要的计算和dom操

问题产生场景在前端开发任务中，需要实现兄弟组件之间传值。为实现这个目的，采用了 总线 的方式。但是实际结果是当兄弟组件A触发了自定义事件后，兄弟组件B并未监听到相关的信息问题原因因为我的代码中$emit()事件先于 $on()监听事件执行了，Vue并没有储存监听事件，所以无法监听到数据。即使用总线方式实现兄弟组件间的传值时，必须保证 $on()监听事件先被创建，否则无法正常监听消息参考博客链接：https://blog.youkuaiyun.com/qq_39081974/article/details/881

区别margin是设置元素的外边距，padding是设置元素的内边距

前提以下截图中的数据是，在chrome (支持es6)中运行了100次后得出的结论(每次运行10次,一共10个循环，得到的分析结果)结论数组普通for循环方式的性能是最好的

使用过程安装插件 npm install vue-code-diff引入插件import CodeDiff from "vue-code-diff";完整实例<template> <section> <div> <code-diff :old-string="oldStr" :new-string="newStr"

代码export function funDate (timeInterval) { var currDate = new Date() let year = currDate.getFullYear() let month = currDate.getMonth() + 1 let day = currDate.getDate() if (parseInt(month) < 10) { month = '0' + month } if (parseInt(da

方法一使用 indexOf 方法，返回查找元素在数组中第一次出现位置（下标值），否则返回-1var a=["1", "3", "2", "3", "0"]; console.log(a.indexOf ('3'));//1console.log(a.indexOf (5,'0'));//-1console.log(a.indexOf ('0'));//4console.log(a.i...

JavaScript介绍javascript是弱类型语言，变量的类型不是固定的，可随时根据环境变化。string类型变量不能进行比较，int类型变量可以进行比较。当string类型变量和int类型变量进行比较时，会将string类型变量隐式转换成number类型实际开发中，建议还是要强化类型概念。可通过显示的将string类型转成int型（使用 parseInt() ），实现string类型...

sockjs-client、stomjs的介绍使用sockjs-client、stomjs，可实现webSocket通信。同时后端项目中也需要引入相应模块sockjs-clientsockjs-client是从SockJS中分离出来的用于客户端使用的通信模块.所以我们就直接来看看SockJS. SockJS是一个浏览器的JavaScript库,它提供了一个类似于网络的对象,SockJS提供了...