前端杂记
小小平不平凡
这个作者很懒,什么都没留下…
展开
-
在JS数组指定位置插入元素
举例// 原来的数组var array = ["one", "two", "four"];// splice(position, numberOfItemsToRemove, item)// 拼接函数(索引位置, 要删除元素的数量, 元素)array.splice(2, 0, "three");array; // 现在数组是这个样子 ["one", "two", "three", "four"]...原创 2020-09-16 15:13:30 · 4623 阅读 · 0 评论 -
Ant Design Vue中change等方法如何传递自定义参数
实例<a-select @change="value => handleChange(value, param)" v-model="eqList[index].eqId"></a-select>其中,handleChange方法的value参数即为默认参数,param为自定义参数原创 2020-07-27 18:47:47 · 10698 阅读 · 1 评论 -
CSS中hover的使用细节
首先第一条很重要元素添加hover伪类选择器时候一定要紧贴hover,不能有空格,有空格的话表示给该元素的所有子元素设置里hover样式错误例子:ul :hover{} //ul的所有子元素设置了hover样式正确例子:ul:hover{} // ul会显示出想要的效果想要在父元素添加hover,在指定的子元素实现效果子元素应该写在hover后面空格隔开<style> li{ width: 100px; height: 100px;转载 2020-07-27 18:42:33 · 2263 阅读 · 0 评论 -
JS中判断对象是否包含某个key的方法
方法一!("key" in obj) //结果为false,表示不包含;否则表示包含方法二obj.hasOwnProperty("key") //obj表示对象,结果为false表示不包含;否则表示包含原创 2020-07-14 20:52:47 · 51168 阅读 · 1 评论 -
JS深拷贝
简单介绍JS中,数据类型分为基本数据类型和引用数据类型。基本数据类型的值是存储在栈内存中的;而引用数据类型的值是存储在堆内存中的,栈中只存储对象在堆中的内存地址浅拷贝对于浅拷贝而言,就是只拷贝对象的引用,而不深层次的拷贝对象的值,多个对象指向堆内存中的同一内存地址,任何一个对象修改值都会影响其他的对象...原创 2020-06-30 15:48:09 · 103 阅读 · 0 评论 -
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原创 2020-06-30 15:18:31 · 3290 阅读 · 0 评论 -
Vue中父组件给子组件传不同类型值的方法
props: { echartStyle: { type: Object, default() { return {} } }, titleText: { type: String, default: '' }, tooltipFormatter: { type: String, default: '' }, opinion: { type: Array,原创 2020-06-26 15:45:39 · 1278 阅读 · 0 评论 -
Vue中Vue.set()的使用介绍
基本方法介绍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},转载 2020-06-26 15:02:31 · 3724 阅读 · 1 评论 -
Vue中nextTick()方法的使用介绍
使用场景实际开发中,如果你想基于新的dom做点什么,那么对新dom的一系列js操作都需要放进Vue.nextTick()的回调函数中。通俗的理解是:更改数据后,当你想立即使用js操作新的视图时,需要使用它原理Vue是异步执行dom更新的,一旦观察到数据变化,Vue就会开启一个队列,然后把在同一个事件循环 (event loop) 当中观察到数据变化的 watcher 推送进这个队列。如果这个watcher被触发多次,只会被推送到队列一次。这种缓冲行为可以有效的去掉重复数据造成的不必要的计算和dom操原创 2020-06-26 14:47:00 · 289 阅读 · 0 评论 -
Vue中使用bus.$emit触发自定义事件bus.$on却监听不到任何消息
问题产生场景在前端开发任务中,需要实现兄弟组件之间传值。为实现这个目的,采用了 总线 的方式。但是实际结果是当兄弟组件A触发了自定义事件后,兄弟组件B并未监听到相关的信息问题原因因为我的代码中$emit()事件先于 $on()监听事件执行了,Vue并没有储存监听事件,所以无法监听到数据。即使用总线方式实现兄弟组件间的传值时,必须保证 $on()监听事件先被创建,否则无法正常监听消息参考博客链接:https://blog.csdn.net/qq_39081974/article/details/881原创 2020-06-26 14:08:38 · 3659 阅读 · 0 评论 -
CSS之margin属性和padding属性的区别
区别margin是设置元素的外边距,padding是设置元素的内边距原创 2020-06-23 19:43:54 · 223 阅读 · 0 评论 -
JS中各种数组遍历方式的性能对比
前提以下截图中的数据是,在chrome (支持es6)中运行了100次后得出的结论(每次运行10次,一共10个循环,得到的分析结果)结论数组普通for循环方式的性能是最好的转载 2020-06-23 19:36:29 · 786 阅读 · 0 评论 -
JS获取7天后日期的方法
代码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原创 2020-05-17 18:42:10 · 2601 阅读 · 0 评论 -
JS中判断一个元素是否在数组中的方法
方法一使用 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...原创 2020-05-07 19:08:45 · 832 阅读 · 0 评论 -
JS中string类型与int类型比较大小问题
JavaScript介绍javascript是弱类型语言,变量的类型不是固定的,可随时根据环境变化。string类型变量不能进行比较,int类型变量可以进行比较。当string类型变量和int类型变量进行比较时,会将string类型变量隐式转换成number类型实际开发中,建议还是要强化类型概念。可通过显示的将string类型转成int型(使用 parseInt() ),实现string类型...原创 2020-04-27 20:37:55 · 4180 阅读 · 0 评论 -
js遍历数组的方法总结
转载js数组遍历方法总结js数组遍历和对象遍历转载 2020-03-31 21:48:05 · 97 阅读 · 0 评论 -
js中遍历map对象键值的方法
方法一let checkMap = {"id":698, "taskName":"taskCICDumemid", "startTime":"2020-03-19 21:27:45"} for(let key in checkMap) { console.log("****"+key) }方法二let checkMap = {"id":69...原创 2020-03-21 19:01:42 · 1591 阅读 · 0 评论 -
let和var的区别
JavaScript中 if 和 for 是没有块级作用域的,函数是有块级作用域的var 没有块级作用域,ES5之前一直采用闭包的方式解决这个bug;ES6中新提出了let,具备块级作用域,可以更加简单的解决var带来的问题...原创 2020-03-10 10:19:10 · 108 阅读 · 0 评论