djq94496-CSDN博客

转载前端面试经历

此次面试都是偏原生JS的。一面：1.原型式继承，清楚里边各个引用关系2.跨域技术：CORS原理、兼容性问题3.Ajax：过程、兼容性、报文头的设置4.JS有哪些数据类型？引用类型有哪些？5.http相关知识：那个层？有哪些报文头？状态码？6.CSS两列布局7.CSS3动画8.DOM0事件处理9.mongoDB数据库10.nodejs的事件循环...

2016-08-22 16:28:00 111

转载 CSS 两列布局(左边宽度固定，右边自适) 的6种方案

　　8月1日晚上做了网易的内推练习题，其中有一道题是写出两种两列布局的方案，所以考完后就搜了下，总结至少有六种。html代码：　<div class="parent"> <div class="left">left</div> <div class="right">right</div></div&...

2016-08-03 16:58:00 161

转载【转】原生DOM探究 -- NodeList v.s. HTMLCollection

原文链接：http://www.cnblogs.com/joyeecheung/p/4067927.html涉及获取元素的主要API在获取原生DOM元素的时候，主要涉及这几个DOM API（链接为Living Standard）：Node及对应集合NodeListElement（继承Node）及对应集合HTMLCollectionDocument(继承No...

2016-07-30 16:42:00 108

转载 Javascript 闭包

　　在Javascript没有块级作用域，一般是为了给某个函数申明一些只有该函数才能使用的局部变量，会使用到闭包。那什么是闭包？一、什么是闭包　　闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式就是在一个函数内部创建另一个函数。也就是说，当一个内部函数被其外部函数之外的变量引用时，就形成了一个闭包。二、闭包的代价　　每个函数的执行，都会创建一个与该函数相...

2016-07-28 16:55:00 93

转载 Javascript 寄生组合式继承

　　寄生组合式继承，是集寄生式继承和组合继承的有点与一身，主要是通过借用构造函数来继承属性，通过原型链的混成形式来继承方法。　　先看一个例子：function inheritPrototype(SuperType, SubType){ var prototype = Object.create(SuperType.prototype); prototype.const...

2016-07-27 19:02:00 80

转载 javascript instanceof()方法原理

　　instanceof()方法用于确定实例与原型之间的关系。　　例子：function SuperType(){ this.property = "father";}SuperType.prototype.getProperty= function(){ console.log("property:"+this.property); };fu...

2016-07-27 12:34:00 113

转载 javascript prototype和_proto_

一、prototype　　我们知道，只要创建了一个新函数，就会根据一组特定的规则为该函数创建一个prototype属性，这个属性指向函数的原型对象，而原型对象也会获得一个constructor属性，指向prototype属性所在函数的指针。　　先看一个例子:function Person(name, age, job){ this.name = name; thi...

2016-07-26 16:47:00 78

转载 Javascript 字符串操作方法slice()、substring()和substr()方法的区别

　　ECMAScript提供了三个基于子字符串创建新字符串的方法：slice()、substring()和substr()，这三个方法斗湖返回被操作字符串的一个子字符串，而且也都接受一或两个参数。那么这三个方法的区别是什么呢？一、slice()语法：stringObject.slice(start,end)参数：参数描述start要抽取的片断的...

2016-07-25 16:18:00 139

转载 Javascript call()、apply()和bind()的区别

　　call()、apply()和bind()三个方法都用于在特定的作用域中调用函数，也就是设置函数体内this的值。那么这三个方法有什么区别呢？一、call()　　语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]])　　　　参数 thisObj 可选项。将被用作当前对象的对象。 arg1, arg2, , argN可选项。将被传递方法...

2016-07-25 14:18:00 64

转载 Javascript arguments.callee和caller的区别

一、callee　　在学习callee之前，需要先学习arguments。　　arguments：含义：该对象代表正在执行的函数和调用它的函数的参数。语法：[function.]arguments[n]　　参数：function ：当前正在执行的 Function 对象的名字。　　　　 n ：要传递给 Function 对象的从0开始的...

2016-07-25 13:33:00 169

转载【转】JavaScript的执行上下文

JavaScript的执行上下文作者：田小计划原文链接：http://www.cnblogs.com/wilber2013/　　在JavaScript的运行过程中，经常会遇到一些"奇怪"的行为，不理解为什么JavaScript会这么工作。　　这时候可能就需要了解一下JavaScript执行过程中的相关内容了。一、执行上下文　　在JavaScr...

2016-07-24 20:09:00 77

转载 Javascript 最强大的数组方法-splice()

　　splice()方法向/从数组中添加/删除项目，然后返回被删除的项目。　　splice()方法的主要用途是向数组的中部插入项，使用这种方法的方式则有以下几种：删除：可以删除任意数量的项，只需要制定2个参数：要删除的第一项的位置和要删除的项数。　　例子：　var array = new Array("niu","li","na");var deleteI...

2016-07-24 14:27:00 107

转载 Javascript toString()、toLocaleString()、valueOf()三个方法的区别

　　Array、Boolean、Date、Number等对象都具有toString()、toLocaleString()、valueOf()三个方法，那这三个方法有什么区别？？？一、JS Array　　例子：var array = new Array("niu","li","na");console.log(array.valueOf());console.log...

2016-07-23 16:40:00 506

转载 Javascript this

　　在上篇执行上下文中，在建立阶段中，工作之一就是this值的赋值，那什么是this呢？一起学习下。　　主要看了王福朋的一篇文章：http://www.cnblogs.com/wangfupeng1988/p/3988422.html　　先看一个例子： var name = "dog"; var nameObj ={ name : "cat", ...

2016-07-22 18:43:00 64

转载 Javascript 执行环境和作用域

　　*javascript引擎内部在执行代码以前到底做了些什么？为什么某些函数以及变量在没有被声明以前就可以被使用？以及它们的最终的值是怎样被定义的？　　伴随着这些问题，再深入学习一下Javascript的执行环境、作用域，以备后续的闭包学习。一、执行上下文　　在Javascript中有三种代码执行环境：Global Code　　全局级别的代码。这个是最默认的...

2016-07-22 17:35:00 72

转载 Javascript 布尔操作符

　　布尔操作符一共有三个：非（NOT）、与（AND）、或（OR）。一、非（NOT）　　逻辑非由一个!表示，可以应用于ECMAScript中的任何值，无论这个值是什么数据类型，这个操作符都会返回一个布尔值。逻辑非操作符遵循下列规则：如果操作符是一个对象，返回false;如果操作符是一个空字符串，返回ture;如果操作符是一个非空字符串，则返回false;如果操作...

2016-07-21 17:44:00 91

转载 Javascript 数据类型

　　在看jQuery的ajax源码时，遇到操作符“&&”一脸懵圈，发现自己对Javascript的基础知识掌握的还不好，所以又重新回来看看。　　*ECMAScript和Javascript的关系　　Javascript是一种专为与网页交互而设计的脚本语言，由三个不同的部分组成：ECMAScript，由ECMA-262定义，提供核心语言功能。文档对...

2016-07-21 16:02:00 83

转载 jQuery源码中的Ajax--serialize()/serializeArray()/param()方法

　　由于jQueryObject.serialize()方法的核心是$.param()方法，所以先学习$.param()方法。一、$.param()方法　　$.param()方法是用来对一个数组或对象按照key/value进行序列化，以便用于URL查询字符串或AJAX请求。其返回的字符串已经过URL编码处理(采用的字符集为UTF-8)。　　语法：jQuery.para...

2016-07-20 22:47:00 174

转载 jQuery源码中的Ajax--getScript()/getJson()方法

一、$.getScript()方法有时候，在页面初次加载时就取得所需的全部Javascript文件是完全没必要的，可以按需所取。该函数用于动态加载JS文件，并在全局作用域下执行文件中的JS代码。该函数可以加载跨域的JS文件。请注意，该函数是通过异步方式加载数据的。该函数属于全局jQuery对象。　　语法：$(function(){ $...

2016-07-20 21:16:00 220

转载 jQuery源码中的Ajax--get()/post()方法

　　load()方法通常用来在web服务器上获取静态的数据文件，如果需要传递一些参数给服务器中的页面，那就可以使用$.get()方法或$.post()方法。　　*$.get()方法和$.post()方法是jQuery中的全局函数一、$.get()方法　　$.get()方法是使用GET方式来进行异步请求。结构为：$.get(url [.data] [.callback]...

2016-07-20 20:28:00 178

转载 jQuery源码中的Ajax--load方法

　　jQueryObject.load()方法是jQuery中最为简单和常用的方法，能载入远程HTML代码幷插入到DOM中，其结构为：jQueryObject.load(url [.data] [.callback])　　各参数解释如下：参数名称类型说明urlString请求HTML页面的URL地址data(可选)...

2016-07-19 21:25:00 166

转载 Javascript Ajax

　　Ajax是对Asynchronous JavaScript +XML的简写，旨在异步向服务器请求数据，无需卸载页面，以达到更好的用户体验。　　Ajax技术的核心是XMLHttpRequest对象（简称XHR），XHR对象是由微软引入的一个特性，其他浏览器相继提供相同的实现。XHR对象为向服务器发送请求和解析服务器响应提供了流畅的接口。　　IE5是第一款引入XMLHttpReq...

2016-07-19 19:14:00 60

转载 jQuery Event Handlers 中事件绑定的四种方式

　　jQuery支持四种选择器绑定事件的方式，分别为：bind()live()delegate()on()　　　1.bind()定义：bind() 方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。使用语法：　　绑定单个事件：$(selector).bind(event,data,functi...

2016-07-18 17:29:00 340

转载【转】jQuery 2.0.3 源码分析事件绑定 - bind/live/delegate/on

by Aaron：http://www.cnblogs.com/aaronjs/p/3440647.html事件(Event)是JavaScript应用跳动的心脏，通过使用JavaScript ，你可以监听特定事件的发生，并规定让某些事件发生以对这些事件做出响应事件的基础就不重复讲解了，本来是定位源码分析实现的，所以需要有一定的基础才行为了下一步更好的理解内部的实...

2016-07-18 16:17:00 67

转载 jQuery Event Handlers 中鼠标事件mousedown mouseup click的执行顺序

　　当点击鼠标时，触发鼠标事件，mousedown mouseup click三个事件的触发顺序为mousedown-》mouseup-》click例：<!DOCTYPE html><html> <head> <script src="http://libs.baidu.com/jquery/1.10....

2016-07-18 11:18:00 240

转载 jQuery DOM Manipulation 中text() html() val()的区别

1.html()html() 方法设置或返回被选元素的内容（innerHTML）。当该方法用于返回内容时，则返回第一个匹配元素的内容。当该方法用于设置内容时，则重写所有匹配元素的内容。提示：如只需设置或返回被选元素的文本内容，请使用text()方法。2.text()text() 方法设置或返回被选元素的文本内容。当该方法用于返回内容时，则返回所有匹配元素的文...

2016-07-17 21:29:00 55

转载 jQuery selector中 :first :first-child :first-of-type的差别

1.:first 属于#basic Filters#，:first 选择器用于选取第一个元素。最常见的用法：与其他元素一起使用，选取指定组合中的第一个元素。例：<!DOCTYPE html><html> <head> <script src="http://libs.baidu.com/jquery...

2016-07-17 19:56:00 162

转载 nodejs项目中遇到的问题

node app.js后出现两个提示：1.{ [Error: Cannot find module '../build/Release/bson'] code: 'MODULE_NOT_FOUND' }2.js-bson: Failed to load c++ bson extension, using pure JS version虽说不影响项目的执行，但是一直吊着这两个警告也...

2016-03-20 19:29:00 290

djq94496的博客