![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习心得
Axs1
这个作者很懒,什么都没留下…
展开
-
event.target和this的区别
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box1{ width: 200px; h原创 2018-10-17 20:42:40 · 707 阅读 · 0 评论 -
ES6之class
之前学习创建类的传统写法是通过构造函数,在构造函数的原型上存在一个个数constructor,这个属性所有实例都可以访问,通过这个属性可以访问到构造函数本身。 function Person(){ } var per1 = new Person(); console.log(per1.constructor);//Person()所以琢磨一下,在E...原创 2018-11-25 19:54:49 · 175 阅读 · 0 评论 -
ES6之Set与Map
ES6新添加的两个数据结构Set和Map十分相似。SetSet本身就是一个构造函数,可以传入一个数组作为参数来构建一个Set的数据结构 var set = new Set([1,2,3,4,5,5,5,"5",{},{}])//向Set加入值的时候,不会发生类型转换,所以5和"5"是两个不同的值。Set内部判断两个值是否不同,使用的算法叫做“Same-value equality...原创 2018-11-25 19:33:58 · 204 阅读 · 0 评论 -
使用location操作浏览器的页面跳转
使用location对象可以通过很多方式来改变浏览器的位置,总结如下:跳转到新的URL loncation.assign loncation.assign("http://www.baidu.com") window.location window.location="http://www.baidu.com" location.href location.hr...原创 2018-11-08 14:44:56 · 7109 阅读 · 0 评论 -
自动滑入后停顿的原生JS轮播图DEMO
JS代码<script type="text/javascript"> window.onload=function(){ with(document){ var outer=getElementById("outer"), imgs=getElementById("imgs"), icon=getElementById("icon"), l...原创 2018-11-08 14:03:34 · 547 阅读 · 0 评论 -
location对象属性及查询字符串的处理
Global(全局)对象中的encodeURL()和encodeURIComponent()方法可以对URI进行编码,以便发送给浏览器。有效的URI中不能包含某些字符,比如说空格。而这两个URI编码方法可以对URI进行编码,它们用特殊的UTF-8编码替换所有的无效字符,从而让浏览器可以接收和理解,下面以表格的形式来表达它们的作用和区别: encodeURL() encodeURI...原创 2018-11-07 17:39:53 · 577 阅读 · 0 评论 -
hasPrototypeProperty(Obj,propertyName),for-in和in的区别
实例上的属性和方法大致可以分为两种,一种是在实例上的,一种是在原型对象上的。在构造函数内部使用this声明的属性和方法,在创建实例时会绑定到实例上。在原型对象上声明的属性和方法在原型对象上。对象寻找某个属性或者会先在实例上寻找,然后再去原型对象上寻找。即使是实例上用有某个属性或者方法,原型对象上同名的属性或者方法依然会存在,只是实例会优先使用自身实例上的属性和方法。如果要删除实例上的方...原创 2018-11-10 17:16:31 · 861 阅读 · 1 评论 -
浏览器窗口大小和页面可视区大小(一)
innerWidth innerHeight outerWidth outerHeight document.doucument.Element.clientWidth / clientHeight document.body.clientWidth /clie...原创 2018-11-07 15:52:55 · 8227 阅读 · 1 评论 -
创建对象--构造函数,原型模式(一)
在创建单个对象的时候,有两个基本的方法。使用Object构造函数或者使用对象字面量。但假如说我们需要创建许多具有部分相同方法,部分相同属性的一类对象,那么这样一个一个去创建这样一类的对象,效率就十分低下,会堆砌出大量重复的代码。所以开发人员发明了一种函数,用函数来封装以特定接口创建的对象,例如下面的代码:<script type="text/javascript"> f...原创 2018-11-06 23:07:07 · 206 阅读 · 0 评论 -
valueOf() , toString() , toLocaleString() , join() , parse()的使用与区别
<script type="text/javascript"> var colors=["red","blue","green"]; console.log(colors.toString());//以逗号分隔的字符串 console.log(colors.toLocaleString());//以逗号分隔的字符串 console.log(colors.val...原创 2018-11-06 21:07:15 · 388 阅读 · 0 评论 -
重定向3XX
302 Found 我理解的大致意思:客户端让服务器去一个地方(URI)找一份东西。服务器找到之后(Found),会告诉客户端,你要找的东西我找到了,但是它没有放在以前的地方,它已经换了一个地方(换了URI),它现在呆的那个地方也只是暂时的,可能以后还会更换。与302 Found相近的是301 Moved Permanently (永久的移动)就可以理解成,客户端让服务器去一个地方找一份...原创 2018-10-29 20:22:07 · 416 阅读 · 0 评论 -
添加锚点的三种方式
1.通过链接跳转到指定id的位置: <body> <a href="#a">跳转到指定位置</a> <ul> <li>1</li> <li>1</li> <li id="a" style="c原创 2018-10-29 19:09:52 · 3644 阅读 · 0 评论 -
children()和children以及childrenNode的区别
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>遍历节点</title> <script src="js/Jquery.min.js" type="text/javascript"原创 2018-10-21 22:31:15 · 3820 阅读 · 0 评论 -
关于表单的val()方法的一点细节
<input type="checkbox" value="check1" />多选1 <input type="checkbox" value="check2" />多选2 <input type="checkbox" value="check3" />多选3 <原创 2018-10-21 22:03:59 · 2499 阅读 · 0 评论 -
jQuery中attr()和prop()两种方法的区别
在老的jQuery版本中,都是使用attr()来访问对象属性的,比如取一个图片的alt属性,title属性,但是有的属性是这样的,比如说input的checked=“checked”,disabled=“disabled”...再有的浏览器中,后面的checked或者disabled都可以省略,只要声明了这个属性存在,那这个属性就生效了;所以在更新的jQuery版本中(1.6)开始,jQue...原创 2018-10-25 16:55:10 · 234 阅读 · 0 评论 -
JS数据类型的判断
第一种方法是typeof,但是这种方法并不靠谱,它无法准确的判断一个数据类型是数组还是对象还是null。只可以进行模糊的判断。 console.log(typeof 2)//number console.log(typeof true)//bollean console.log(typeof [1,2,3])//object console.log(typeof functi...原创 2018-11-29 13:51:19 · 213 阅读 · 0 评论