- 博客(10)
- 收藏
- 关注
原创 ES6解构
数组解构 数组解构是ES6的新特性,在此做了一些小尝试 1.解构对象数组 let arr = [{ name:"冰冻黑熊" },{ name:'冰冻白熊' },{ name:"冰冻狗熊" }] const [a,b,c] = arr console.log("a:",a.name,"b:",b.name,"c:",c.name)//a: 冰冻黑熊 b: 冰冻白熊 c: 冰冻狗熊 arr[0].name = '冰冻小熊'//修改指针指向空间的值
2021-08-27 23:16:41
457
原创 var let 与const
块级作用域 ES5中有全局作用域与函数作用域, ES6中则增加了块级作用域,由{}包括 1.块级作用域 //块级作用域 // { // var a = 1; // console.log(a)//1 // } // console.log(a)//1 var声明的变量可以垮块访问,但不能垮函数访问 2.var 变量 for(var i=0;i<5;i++){ var d=1 } console.log(i,d)// 5,1 if与for均是快作
2021-08-27 21:36:18
202
原创 事件委托-
在查看前端面试题的时候,遇见道经典题型——事件委托。第一眼的确有被晕倒,所以写下来题型自己也给其他小伙伴一些参考。 之前,对于相同结构相同功能的DOM标签,例如 10个Li标签点出输出InnerHTML时,我会用for循环来遍历Li标签数组,给他们添加点击事件,例如 for(let i=0;i<li_list.length;i++){ li_list[i].onclick = function(){ console.log(li_list[i].innerHTML) } } 虽然没什
2021-08-27 11:34:07
254
原创 子线程开辟
一.个人理解 对于javaScript来说,使用单线程,严重影响效率,而**Web Workers 可以创造一个子线程与主线程并行运行**。将主线程中费时的任务放入子线程中处理,是的主线运行不被阻塞。 但Woreker使用完毕时,应注意及时关闭。 二.基本用法 1.使用Worker()构造函数里 实例化对象 var myworker = new Worker('js/worker.js', { name : 'myWorker' });//(脚本网址,可选-指定Worker名称,用来区分) 2.消息传递
2021-08-23 19:14:09
453
原创 构造函数与原型
构造函数与原型 1.构造函数 function Student(name,age){ this.name = name, this.age = age } var stu1 = new Student("冰冻黑熊",19) 上面代码中,创建一个含有两个参数的Student的构造函数,其中this指针指向该实例化对象,即this指向stu1,并将值传入this.name。 console.log(stu) 输出stu1可以看见,age与name已经被赋值,而Prototype
2021-08-23 11:17:14
129
原创 初识ajax
刚刚接触ajax,感觉比较抽象。总结了些自己的理解 全局刷新: 1.使用form,href等发起的请求为全局刷新 2.用户发起请求,视图改变,跳转视图,使用新的数据添加至页面。 3.缺点: a.传送数据量较大,占用网络带宽 b.浏览器需要重新渲染整个页面 c.用户体验好差 局部刷新 1.在当前页面中。发起请求,获取数据,更新当前页面的dom对象,对视图部分刷新 2.优点: a.数据量小,网络中传输速度快 b.更新页面内容,部更新页面,浏览器不用全部渲染视图
2021-08-18 22:12:03
207
原创 初识 form表单中get与post请求
在form标签中,可以通过method属性指定发送请求的类型 <form action="text.php" method="post">求</form>//发送post请求 <form action="text.php" method="get">求</form>//发送get请求 get与post请求存差异,下面讲讲我的理解 GET请求: GET请求会将数据放入url后面,正因参数直接暴露在URL中,敏感信息的传递一般用POST传递 GET请求对于数据的
2021-08-18 21:55:50
651
原创 jq中 attr与prop
jquery中能对属性进行操作的有attr与prop方法 谈谈我的理解: prop:能够获取与处理html元素中的固有属性, attr: 能够获取html元素中的自定义属性 在处理固有属性性时,推荐使用prop方法。原因下文将会提到 <a class="Name" href="http://www.baidu.com">点我跳转</a> console.log($('a').prop('href'))//http://www.baidu.com console.log($('a').
2021-08-16 21:19:43
396
原创 this 指向
this的指向问题: 作为新手,在学习this的过程非常迷惑,在此总结一些this的指向问题。 *首先* *1.this永远指向某个对象* *2.this的指向取决于调用他的对象*
2021-08-14 19:47:30
161
原创 js 闭包的粗浅理解
闭包:在函数内部创建另一个函数,使得内部函数可以调用外部函数的参数与变量 1. function fn(){ var name = '冰冻黑熊'; return function(){ var n=0; return name; } } var fn1 = fn() console.log(fn1())//冰冻黑熊 上面这段代码中,创建一个匿名函数,这个函数在fn()作用域内部,可以获取name的值,将name作为返回值赋给全局域下的变量b,即实现全局变量下获取到局部
2021-08-14 18:50:05
117
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅