- 博客(24)
- 收藏
- 关注
RSS订阅原创 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
199
原创 JS的运行机制
因为同步、异步还有宏任务、微任务的的原因，所以JS的程序执行顺序并不是按照代码书写的顺序来的（这是废话...）那么JS的代码执行顺序到底是怎样的呢？首先，同步的优先级是大于异步的，在JS程序执行的时候，遇到了异步任务，比如说ajax、setTimeout、setInterval...,JS会将这些异步任务丢到一边。（因为这些任务大部分都是耗时较久的。） 在主线程中所有的同步任务...
2018-11-26 15:23:16
236
原创 ES6之class
之前学习创建类的传统写法是通过构造函数，在构造函数的原型上存在一个个数constructor，这个属性所有实例都可以访问，通过这个属性可以访问到构造函数本身。 function Person(){ } var per1 = new Person(); console.log(per1.constructor);//Person()所以琢磨一下，在E...
2018-11-25 19:54:49
163
原创 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
195
原创 一次记清楚offsetXXX、clientXXX、scrollXXX的区别
今天又用到了这几个属性，当初记住了时间长了竟然还用混了。做个demo一次性整明白。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"&am
2018-11-19 21:10:16
162
原创 hasPrototypeProperty（Obj，propertyName），for-in和in的区别
实例上的属性和方法大致可以分为两种，一种是在实例上的，一种是在原型对象上的。在构造函数内部使用this声明的属性和方法，在创建实例时会绑定到实例上。在原型对象上声明的属性和方法在原型对象上。对象寻找某个属性或者会先在实例上寻找，然后再去原型对象上寻找。即使是实例上用有某个属性或者方法，原型对象上同名的属性或者方法依然会存在，只是实例会优先使用自身实例上的属性和方法。如果要删除实例上的方...
2018-11-10 17:16:31
840
1
原创 使用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
7077
原创 自动滑入后停顿的原生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
530
原创 location对象属性及查询字符串的处理
Global（全局）对象中的encodeURL()和encodeURIComponent()方法可以对URI进行编码，以便发送给浏览器。有效的URI中不能包含某些字符，比如说空格。而这两个URI编码方法可以对URI进行编码，它们用特殊的UTF-8编码替换所有的无效字符，从而让浏览器可以接收和理解，下面以表格的形式来表达它们的作用和区别： encodeURL() encodeURI...
2018-11-07 17:39:53
558
原创 浏览器窗口大小和页面可视区大小（一）
innerWidth innerHeight outerWidth outerHeight document.doucument.Element.clientWidth / clientHeight document.body.clientWidth /clie...
2018-11-07 15:52:55
8173
1
原创 创建对象--构造函数，原型模式（一）
在创建单个对象的时候，有两个基本的方法。使用Object构造函数或者使用对象字面量。但假如说我们需要创建许多具有部分相同方法，部分相同属性的一类对象，那么这样一个一个去创建这样一类的对象，效率就十分低下，会堆砌出大量重复的代码。所以开发人员发明了一种函数，用函数来封装以特定接口创建的对象，例如下面的代码：<script type="text/javascript"> f...
2018-11-06 23:07:07
196
原创 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
381
转载 客户端错误4xx
4xx 系列状态码可以算是对用户来说相当熟悉的一类状态码，这个系列的状态码通常都会带一段描述信息来描述服务端在处理请求时出现了什么状况，用户能直观地看到服务端返回的信息，而不像 3xx 系列，浏览器会自动处理那些个状态码，不需要用户的参与。 但是 4xx 系列状态码之间的区别只是它所代表的意义不同，它们的表现形式是可以随心所欲的，例如一些著名站点的 404 页面都是精心设计过的。 6.1. 4...
2018-10-29 20:26:19
1213
原创 重定向3XX
302 Found 我理解的大致意思：客户端让服务器去一个地方（URI）找一份东西。服务器找到之后（Found），会告诉客户端，你要找的东西我找到了，但是它没有放在以前的地方，它已经换了一个地方（换了URI），它现在呆的那个地方也只是暂时的，可能以后还会更换。与302 Found相近的是301 Moved Permanently （永久的移动）就可以理解成，客户端让服务器去一个地方找一份...
2018-10-29 20:22:07
402
原创 添加锚点的三种方式
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
3589
原创 jQuery中attr()和prop()两种方法的区别
在老的jQuery版本中，都是使用attr()来访问对象属性的，比如取一个图片的alt属性，title属性，但是有的属性是这样的，比如说input的checked=“checked”，disabled=“disabled”...再有的浏览器中，后面的checked或者disabled都可以省略，只要声明了这个属性存在，那这个属性就生效了；所以在更新的jQuery版本中(1.6）开始，jQue...
2018-10-25 16:55:10
221
原创 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
3801
原创 关于表单的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
2486
原创 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
696
原创 原生JS实现瀑布流
JS代码window.onload=function(){ imgnum("container","box"); imgheight("container","box") var imgData={"data":[{"src":"2.jpg"},{"src":"3.jpg"},{"src":&q
2018-10-16 22:46:04
174
原创 apply()和call()的用法及不同点
一般来说，this总是指向调用某个方法的对象，但是使用call()和apply()方法时，就会改变this的指向。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="
2018-10-16 15:48:16
149
原创 client..和offset..以及scroll..的区别
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0;
2018-10-16 14:47:29
199
原创 forEach和map的区别
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <!------forEach()方法--> <script type="text/javasc
2018-10-11 16:22:41
7269
原创 用canvas和Date实现一个钟
源码<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
2018-10-11 13:39:04
176
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人