- 博客(23)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 VUE 四个常用选项
过滤就是一个数据经过了这个过滤之后出来另一样东西，可以从中取得你想要的，或者给那个数据添。该方法会改变原来的数组，而不会创建新的数组。是每次进入页面都要执行的，有些需要每次进入页面都执行的方法，需要使用。相关的属性会一直驻留内存，可以多次进入页面调用而不需要重新。当需要数据在异步变化或者开销较大时，执行更新，使用。放生变化时，才会重新执行，否则会使用缓存中的值，而。加点什么装饰，那么过滤器则是过滤的工具。实例访问这些方法，或者在指令表达式中使用。的依赖则是单个的，它每次只可以对一个变量。
2022-11-21 18:08:12
180
1
原创 VUE 的生命周期
/beforeUpdate 与 updated 并不能打印输出，只有在控制台输入 vm.$data.message="新值后"才可以看到结。//以下两个在控制台并不能被打印出来，执行完 vm.$destroy()即可以打印。//以下两个在控制台并不能被打印出来，执行完 vm.$destroy()即可以打印。template:'123',//如果有模板的话模板替换 EL。//备注：没有模板无论是挂载前还是挂载后均显示原有 el 的结构。//如果无模板则用默认的 el 作为挂载点的模板。
2022-11-21 16:40:54
119
原创 VUE 的生命周期
/beforeUpdate 与 updated 并不能打印输出，只有在控制台输入 vm.$data.message="新值后"才可以看到结。//以下两个在控制台并不能被打印出来，执行完 vm.$destroy()即可以打印。//以下两个在控制台并不能被打印出来，执行完 vm.$destroy()即可以打印。template:'123',//如果有模板的话模板替换 EL。//备注：没有模板无论是挂载前还是挂载后均显示原有 el 的结构。//如果无模板则用默认的 el 作为挂载点的模板。
2022-11-21 16:37:27
304
原创 ES6中的箭头函数
因为所有的内层函数都是箭头函数，setTimeout 的参数是一个箭头函数，这个箭头函数的定义生效是在 foo 函数生成时，而它的真正执行要等到。箭头函数可以让 setTimeout 里面的 this，绑定定义时所在的作用域，而不是指向运行时所在的作用域。this 指向的固定化，并不是因为箭头函数内部有绑定 this 的机制，实际原因是箭头函数根本没有自己的。（1）函数体内的 this 对象，就是定义时所在的对象，而不是使用时所在的对象。this 对象的指向是可变的，但是在箭头函数中，它是固定的。
2022-11-11 18:56:56
52
原创 ES6中的箭头函数
因为所有的内层函数都是箭头函数，setTimeout 的参数是一个箭头函数，这个箭头函数的定义生效是在 foo 函数生成时，而它的真正执行要等到。箭头函数可以让 setTimeout 里面的 this，绑定定义时所在的作用域，而不是指向运行时所在的作用域。this 指向的固定化，并不是因为箭头函数内部有绑定 this 的机制，实际原因是箭头函数根本没有自己的。（1）函数体内的 this 对象，就是定义时所在的对象，而不是使用时所在的对象。this 对象的指向是可变的，但是在箭头函数中，它是固定的。
2022-11-11 18:55:55
41
原创 ES6中的模块化输出
******************************接收的代码调整为**********************//******************************接收的代码调整为**********************//******************************导出**********************//******************************导出**********************/今年"+myAge+"岁了"
2022-11-11 18:50:01
67
原创 ES6中的类
class 里面取值函数(getter), 存值函数(setter),封装框架时用的，eg:10。//console.log(`构造函数执行了, ${name}, ${age}`);构造函数的 prototype 属性，在 ES6 的“类”上面继续存在。console.log(`构造函数执行了, ${name}, ${age}`);2.静态方法: 所有在类中定义的方法，都会被实例继承。3.函数表达式:与函数一样，类也可以使用表达式的形式定义。return `名字为: ${this.name}`;
2022-11-11 18:48:58
35
原创 ES6中的箭头函数
因为所有的内层函数都是箭头函数，setTimeout 的参数是一个箭头函数，这个箭头函数的定义生效是在 foo 函数生成时，而它的真正执行要等到。箭头函数可以让 setTimeout 里面的 this，绑定定义时所在的作用域，而不是指向运行时所在的作用域。this 指向的固定化，并不是因为箭头函数内部有绑定 this 的机制，实际原因是箭头函数根本没有自己的。（1）函数体内的 this 对象，就是定义时所在的对象，而不是使用时所在的对象。this 对象的指向是可变的，但是在箭头函数中，它是固定的。
2022-11-11 18:46:51
730
原创 JS中的冒泡
例如我们点击一个按钮时，就会产生一个click事件，但这个按钮本身可能不能处理这个事件，事件必须从这个按钮传播出去，从而到达能够处理这个事件的代码中（例如我们给按钮的onclick属性赋一个函数的名字，就是让这个函数去处理该按钮的click事件），或者按钮的父级绑定有事件函数，当该点击事件发生在按钮上，按钮本身并无处理事件函数，则传播到父级去处理。type： 字符串，事件名称，含“on”，比如“onclick”、“onmouseover”、“onkeydown”等。---针对FireFox。...
2022-08-18 08:20:13
799
原创 JS中的classList属性
5)通过ClassList.item(x)可以获取到元素类名索引为x的类名;(4)通过ClassList.lentgh可以获取到元素类名的数量;(1)通过ClassList可以获取元素的全部类名;查看元素是否存在类名为"x"的类;可以删除元素的一个或多个类名;可以向元素添加一个或多个类名;(7)通过ClassList。...
2022-08-16 08:17:13
227
原创 JS中的json用法
这个由内而外指的是对于复合属性来说的，通俗地讲，遍历的时候，从头到尾进行遍历，如果是简单属性值（数值、字符串、布尔值和null），那么直接遍历完成，如果是遇到属性值是对象或者数组形式的，那么暂停，先遍历这个子JSON，而遍历的原则也是一样的，等这个复合属性遍历完成，那么再完成对这个属性的遍历返回。轻量已经是一个用于数据交换的优势了，但更重要的JSON是易于阅读、编写和机器解析的，即这个JSON对人和机器都是友好的，而且又轻，独立于语言（因为是基于文本的），所以JSON被广泛用于数据交换。...
2022-08-12 16:01:17
1209
原创 JS中classList
5)通过ClassList.item(x)可以获取到元素类名索引为x的类名;(4)通过ClassList.lentgh可以获取到元素类名的数量;(1)通过ClassList可以获取元素的全部类名;查看元素是否存在类名为"x"的类;可以删除元素的一个或多个类名;可以向元素添加一个或多个类名;(7)通过ClassList。...
2022-08-09 20:21:43
513
原创 JS节点操作
的字面意思看，就是删除子节点，因此调用者，需要包含子节点div1，不然调用会报错。返回的节点是替换的或删除的元素，被替换/删除的元素仍然存在，但document中已经没有他们的位置了。parentDom.removeAttribute(“属性”) //删除属性的同时删除属性值。例如：var obj=document.getElementsByTagName("p");// 4 将属性节点插入至元素节点。newNode.setAttribute(“属性”, “属性值”);("class");...
2022-08-09 20:19:59
57
原创 JS DOM
document.getElementsByName("name名")3TAGdocument.getElementsByTagName("标签名");例如varobj=document.getElementsByTagName("p");1IDdocument.getElementById("ID名");例如varobj=document.getElementsById("one");2．DOM对象(将html的元素转成的JS对象)...
2022-08-02 09:12:51
127
原创 JS数组去重
//借助indexof（）方法判断此元素在该数组中首次出现的位置小标与循环的小标是否相等 //index()判断的是指定的字符在字符串中首次出现的位置 var ar = [1,23,1,1,1,1,3,23,5,5,6,7,8,9,9,8,5]; function rep2(arr){ for(var i=0; i...
2022-06-23 15:22:57
140
原创 JS插入法排序
function insertionSort(arr){ var len = arr.length;//数组长度 var preIndex,current;//前一位 当前 for(var i=1; i
2022-06-23 15:22:05
196
原创 JS冒泡排序
function bubbleSort(arr){ var len = arr.length;//数组长度 for(var i=0; i
2022-06-23 15:20:55
154
原创 Math【计算对象】
document.write(Math.abs(-345) + ""); // 绝对值 document.write(Math.ceil(8.1) + ""); // 上舍入：比所求数的绝对值大一 document.write(Math.floor(8.9999) + ""); // 下舍入：比所求数的绝对值小一 document.write(Math.round(6) + ""); // 四舍五入 ...
2022-06-18 14:46:41
80
原创 JS数组方法总结
//01 concat数组连接数组/数组连接字符串[追加] var arr1 = ['a','b','c','d','e'] var arr2 = ['red','green','blue','orange'] var arr3 = ['china','american','russian','germay'] var arr = arr1.concat(arr2,arr3); docum
2022-06-18 14:45:15
39
原创 JS函数。
深入理解 JavaScript 中的函数本文旨在提供web开发人员必须了解的所有JavaScript函数的基本知识。简而言之函数只不过是一组执行某个操作的语句。函数可能会有一些输入参数（在函数体中使用），并在执行后返回值。JavaScript函数也具有这些特性，但它们不仅仅是常规函数。JavaScript函数是对象。作为对象，JavaScript函数可能会有属性和其他函数（方法）。让我们来看看JavaScript中的一个典型的函数定义。函数定义从关键字function开始，然后是函数名，空的或有参数的括号。
2022-06-13 22:28:17
141
原创 获取表达对象的方法
js中获取表单/dom对象的方法 HTML部分 JS部分方法1: funciton checkForm(){ var obj=document.getEl
2022-06-13 22:25:56
67
原创 JS中的this指向
this作为js语言的一个关键字,表示函数运行时自动生成的一个内部对象，只能在函数内部使用。情况1：纯粹的函数调用function test(){this.x = 1;alert(this.x);}test(); // 1//为了证明this就是全局对象，对代码做一些改变var x = 1;function test(){alert(this.x);}test(); // 1//再变var x = 1;function test(){this.x = 0;}test();alert(x); //0情况2：作
2022-06-13 22:25:03
27
原创 JS闭包。
闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。闭包的作用:通过一系方法,将函数内部的变量(局部变量)转化为全局变量一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。正在上传…重新上传取消变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。var n=999;function f1(){alert(n);}f1(); // 999另一方面，在函数外部
2022-06-13 22:23:42
70
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人