自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 filter()数组过滤

filter()方法对数组进行过滤,不会改变原数组的js数组过滤let nums = [1,2,3,4,5,6,7,8,9,10];let res = nums.filter((num)=>{return num>5 ;})console.log(res);vue数组过滤<li v-for="n in evenNumbers">{{ n }}</li>data(){return {...

2022-05-15 15:22:44 587

原创 Echarts实时数据轮循

// //使用刚指定的配置项和数据显示图表// myChart.setOption(option);//Http协议 定时器轮循function getChart(){var xml = new XMLHttpRequest();xml.open("get","url/get_chart");xml.send();xml.onreadstatechange = function(){...

2022-05-14 12:28:48 254

原创 Echarts实时数据轮循

// //使用刚指定的配置项和数据显示图表// myChart.setOption(option);//Http协议 定时器轮循function getChart(){var xml = new XMLHttpRequest();xml.open("get","url/get_chart");xml.send();xml.onreadstatechange = function(){...

2022-05-14 12:24:14 339

原创 v-if 和 v-show

v-if 的原理是根据判断条件来动态的进行增删DOM元素(条件为真,元素将会被渲染,条件为假,元素会被销毁)v-show 是根据判断条件来动态的进行显示和隐藏元素 (DOM元素一直都在)v-if 的切换有一个局部编译/卸载的过程,切换过程中会销毁和重建内部的事件监听和子组件v-show 只是简单的 css 切换v-if 有更高的切换消耗,v-show 有更高的初始渲染消耗使用场景如果频繁的切换,v-show 较好如果运行时条件很少改变,使用 v-if 较好v-if 可以搭

2022-05-14 12:18:51 232

原创 v-if 和 v-for 共存的解决办法

v-if 指令用于条件渲染,返回值为布尔值v-for 指令一般基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法,其中 items 是源数组或对象,而 item 则是被迭代的数组元素的别名,key值是第一无二的,设置 key 值便于diff算法优化永远不要把v-if和v-for同时用在同一个元素上,带来性能方面的浪费(每次渲染都会先循环再进行条件判断)如果避免出现这种情况,则在外层嵌套template(页面渲染不生成dom节点),在这一层...

2022-05-14 12:16:31 2112

原创 computed 与 watch 的区别

computed:观察和响应Vue实例上的数据变动,当一些数据需要随着其他数据发生变动而变动时,需要使用computed计算属性。在事件处理中,this指向的Vue实例的计算结果会被缓存起来,只有依赖响应的数据或属性变化时,才会重新计算计算结果并返回计算数据或属性的结果,依赖响应的数据或属性发生变化时才会重新计算一个数据受多个数据的影响有缓存。。。return返回结果。。。购物车watch:监听某一个值,当被监听的值发生变化时执行对应的操作一个数据影响多个

2022-05-14 12:08:53 113

原创 javascript数据类型及其判断

基本数据类型Number String Boolean Null Undefined Symbol引用数据类型Object Array Function Date判断数据类型typeofinstanceofObject.prototype.toStringconstructor使用 typeof 判断复杂数据类型使用 instanceof判断有原型链的引用型数据类型,但是需确保原型链未被修改过使用 Object.prototype.toString 可以准确的

2022-05-13 22:25:34 109

原创 原型和原型链

prototype(显示原型)prototype就是对象与对象的原型关联属性,对象创建的时候关联另一个对象函数有原型属性,函数的值叫做原型对象原型对象的两个属性constructor 指向函数本身_proto_ 指向Object.prototypevar obj = new Object ()// obj._proto_ === Object.prototype 新建对象实例通过原型链的方式继承关联函数的原型对象的属性和值__proto__ (隐式原型)_prot

2022-05-13 22:11:53 72

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除