2018年01月_VisonYH

原创 AJAX创建相关

AJAX创建过程分为经典的四步，以下分步阐述其过程及要点。1. 创建AJAX对象;var xhr = new XMLHTTPRequest; // IE6及以下不兼容2. 发送前的基本信息配置：配置请求方式（GET、POST、PUT、DELETE、HEAD…）；打开一个URL地址（配置向哪一个服务器地址发送请求）；同步还是异步（true异步，false同步，默认是tru

2018-01-26 11:39:15 144

原创 JS中的正则

1. JS 正则概念：用来处理字符串的规则。每一个正则表达式都是由元字符和修饰符组成。元字符：在 / / 之间具有意义的一些字符修饰符：g（全局匹配）、i（忽略大小写）、m（多行匹配）\ 转义字符 ^ 以某元字符开始 /^\d/ 以数字开头 $ 以某元字符结束 /\d$/以数字结束 . 除了 \n以外的任意字符代表出现次数的量词元字符：

2018-01-22 21:44:17 453

原创 JS中的offsetParent和parentNode 以及获取元素相对body的偏移值

1. JS 中的 offsetParent 和 parentNode在正常的文档流中，元素的 offsetParent 值为 body 元素，offsetLeft 和offsetTop 获取的也是相对于 body 的偏移量；而 parentNode 指的是元素的父节点。 2. 获取元素相对于 body 的偏移量需要考虑到非正常文档流中（有关元素不处于正常文档流的情况，这里不

2018-01-21 21:59:11 1010

原创 null和undefined的区别

我们先来看 null 和 undefined 的相同之处：二者在转为布尔值时均为 falseif (!null) { console.log('null is converted to false!');}if (!undefined) { console.log('undefined is converted to false!);}二者在不严格相等的情况下是等价的

2018-01-21 20:25:49 149

原创获取元素CSS属性值

DOMObj.style[attr] 只能获取行内样式，在现代浏览器中，有DOMObj.getComputedStyle 方法可以获得浏览器渲染计算后的属性值。以下就不同浏览器中进行获取 css 样式进行封装。 //需要规避复合值的问题 margin padding //把带获取到带单位的把单位去掉 px em pt rem deg function ge

2018-01-21 16:46:27 2102

原创 JS盒子模型

概念：JS盒子模型是指通过JS提供的一系列属性和方法，获取页面元素的样式信息值。以 div 元素为例，div 有很多私有属性和原型链上的公有方法，其原型链继承关系是：HTMLDivElement.prototype -> HTMLElement.prototype -> Element.prototype -> Node.prototype -> EventTarg...

2018-01-21 15:12:27 357

转载 DOM详解

原文转自： https://github.com/jserz/js_piece/tree/master/DOM

2018-01-20 17:46:00 162

转载 JS 设计模式

原文转自腾讯前端： http://www.alloyteam.com/2012/10/commonly-javascript-design-patterns-combined-mode/https://www.cnblogs.com/tugenhua0707/p/5198407.html

2018-01-20 17:44:55 142

转载 DOM映射机制

其实通过JS获得的DOM元素只是真实DOM树中的一个引用，二者引用的是同一块堆内存中的数据，因此二者任何一个改变了，另一个自动跟着改变。原文地址： https://www.cnblogs.com/rainbow8590/p/7096153.html...

2018-01-20 17:27:36 414

转载 DOM的重绘与回流

原文地址： http://www.zhangxinxu.com/wordpress/2010/01/%E5%9B%9E%E6%B5%81%E4%B8%8E%E9%87%8D%E7%BB%98%EF%BC%9Acss%E6%80%A7%E8%83%BD%E8%AE%A9javascript%E5%8F%98%E6%85%A2%EF%BC%9F/

2018-01-20 17:17:07 950

转载数组的常用方法

转换方法toLocalString()、toString()、valueOf()var color = ['red','blue','green']; console.log(color.toString());console.log(color.valueOf());console.log(color.toLocaleString());结果如下：补充

2018-01-20 14:03:41 143

转载 Node中的异步和单线程

传统多线程异步传统的异步是多线程的，当要同时做两件事的时候，他们是执行在不同的线程里的。这就像是柜台卖东西，来了一个人就得找一个员工陪他，直到这个人走了这个员工才能接待下一个客人。店内的员工就像线程池里的空闲线程，空闲的时候可以去接待客人，可是同时只能接待一个人，要接待其他人就得找另外一个人。电脑里的线程相当于一个员工团队，哪里需要去哪里。多线程的异步好处在于可以更多的

2018-01-19 17:16:34 199

VisonYH的博客