2016年03月_自然鸟神

原创 Jquery的选择器面试题

今天阿里的GG提问说在Jquery中空格等符号怎样表示，我给理解错了，回头想想真是简单空格：$('parent childchild')表示获取parent下的所有的childchild节点，所有的子孙。大于号：$('parent > child')表示获取parent下的所有child的儿子，第一代。加号：$('pre + nextbrother')表示获

2016-03-30 18:10:45 1827

转载比较全面的JS正则表达式

常用的数字正则（严格匹配）正则含义^[1-9]\d*$ 匹配正整数^-[1-9]\d*$ 匹配负整数^-?[1-9]\d*$ 匹配整数^[1-9]\d*|0$ 匹配非负整数（正整数 + 0）^-[1-9]\d*|0$ 匹配非正整数（负整数 + 0）^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$ 匹配正浮点数

2016-03-16 09:31:38 1098

原创 jQuery1.6.1 源码解读

刚刚学习了一下javascript的面相对像的知识，接下来读一下jQuery1.6.1 的源码，来膜拜一下大神们的神作。1. 总体架构function( window, undefined ) { // 构造jQuery对象var jQuery = function( selector, context ) { returnnew jQuer

2016-03-15 20:53:24 341

原创 javascript中为什么有时需要创建立即执行的函数

javascript和其他编程语言相比比较随意，所以javascript代码中充满各种奇葩的写法，有时雾里看花，当然，能理解各型各色的写法也是对javascript语言特性更进一步的深入理解。( function(){…} )()和( function (){…} () )是两种javascript立即执行函数的常见写法，最初我以为是一个括号包裹匿名函数，再在后面加个括号调用函数，最后达到函数

2016-03-15 20:47:53 346

在漫长的演变史，我们已经告别了内嵌式的事件处理方式（直接将事件处理器放在 HTML 元素之内来使用）。今天的事件，它已是DOM的重要组成部分，遗憾的是， IE继续保留它最早在IE4.0中实现的事件模型，以后的IE版本中也没有做太大的改变，这也就是说IE还是使用的是一种专有的事件模型（冒泡型）,而其它的主流浏览器直到DOM 级别 3 规定定案后，才陆陆续续支持DOM标准的事件处理模型 — 捕获型与冒

2016-03-14 17:18:38 327

转载 javascript中的几种继承方式

1、原型链继承： var Base = function() { this.level = 1; this.name = "base"; this.toString = function(){ retur

2016-03-14 15:28:23 278

原创 javascript中面向对象之原型链解析

任何一个对象都有一个prototype的属性，在js中可以把它记为：__proto_当初ECMAscript的发明者为了简化这门语言，同时又保持继承的属性，于是就设计了这个链表。。在数据结构中学过链表不，链表中有一个位置相当于指针，指向下一个结构体。于是乎__proto__也一样，每当你去定义一个prototype的时候，相当于把该实例的__proto__指向一个结构体，那么这

2016-03-11 15:56:37 362

转载 js面向对象之公有、私有、静态属性和方法详解

这篇文章主要详细介绍了js面向对象之公有、私有、静态属性和方法，并附上详细的示例，非常的细致全面，这里推荐给大家，有需要的小伙伴可以参考下现下，javascript大行其道，对于网站开发人员来说，javascript是必需掌据的一门语言，但随着jquery等框架的流行和使用，许多人对于原生javascript缺乏深入的理解，习惯了函数式的编辑风格，对于闭包、原型总是说不清道不明．对于j

2016-03-11 15:23:00 1545 1

原创 javascript中的面向对象的第一点：原型和构造函数的重要性

Javascript是一种基于对象（object-based）的语言，你遇到的所有东西几乎都是对象。但是，它又不是一种真正的面向对象编程（OOP）语言，因为它的语法中没有class（类）。那么，如果我们要把"属性"（property）和"方法"（method），封装成一个对象，甚至要从原型对象生成一个实例对象，我们应该怎么做呢？一、生成对象的原始模式假定我们把猫看成一个对

2016-03-11 15:03:57 351

原创在看js中的闭包

function t1(){var age=20;function t2(){alert(age);}}var tmp=t1();在大部分的语言中，t1被调用执行，则申请内存并把其局部变量，push入栈！t1函数执行完毕，内部的局部变量，随着函数的退出而销毁，因此age=20的局部变量也将消失。但是在js中，age=20这个变量，却被t2捕捉，即使t1执

2016-03-11 09:17:19 332

原创 Javascript闭包（Closure）

闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面就是我的学习笔记，对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。　　

2016-03-11 08:54:57 280

原创关于javascript的this的几道题

它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。比如，　　function test(){　　　　this.x = 1;　　}随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对象。下面分四种情况，详细讨论this的用法。情况一：纯粹的函数调用这是函数的最通常用法，属于全局性调用，因此this就

2016-03-10 16:48:52 398

原创函数的四种调用方式

Javascript一共有四种调用模式：方法调用模式、函数调用模式、构造器调用模式以及apply调用模式。调用模式不同，对应的隐藏参数this值也会不同。　方法调用模式函数作为对象的属性时，称为方法。此时函数（即方法）中的this对应是该对象。var myObject = {　　value:3,　　func:function(){　　　　alert(this

2016-03-10 16:33:27 685

原创 js中arguments的用法

1、在JavaScript中，arguments对象是比较特别的一个对象，实际上是当前函数的一个内置属性。arguments非常类似Array，但实际上又不是一个Array实例。可以通过如下代码得以证实（当然，实际上，在函数funcArg中，调用arguments是不必要写成funcArg.arguments，直接写arguments即可）。Array.prototype.testArg =

2016-03-10 15:40:32 5771

原创再谈javascript的词法分析

由一道题开始：function t3(greet){var greet="hello";alert(greet);function greet(){}alert(greet);}}t3(null);输出：hello,functionfunction t3(greet){var greet;alert(greet);function greet()

2016-03-10 15:31:33 362

原创 JS教程:词法作用域和闭包

varclassA = function(){ this.prop1 =1; } classA.prototype.func1 =function(){ var that =this, var1 =2; function a(){ return function(){ ale

2016-03-10 08:56:47 340

转载 JS总结

二、DOM 事件1、Js中的事件行为,结构,样式分离的页面一般事件 onclick 鼠标点击时触发此事件ondblclick 鼠标双击时触发此事件onmousedown 按下鼠标时触发此事件onmouseup 鼠标按下后松开鼠标时触发此事件onmouseover 当鼠标移动到某对象范围的上方时触发此事件onmousemove 鼠标移动时触发此事件

2016-03-09 19:01:26 520

原创再解javascript中的作用域链

var a=5;function t(){var b=5;function t1(){var c=7;alert(a+b+c);}t1();}t();//18______________________________________________________var a=5;function t(){var b=5;

2016-03-09 14:29:22 192

原创 JavaScript 正则表达式上——基本语法

定义JavaScript种正则表达式有两种定义方式，定义一个匹配类似的字符串1. 构造函数var reg=new RegExp(']+%>','g');2. 字面量var reg=/]%>/g;g： global，全文搜索，默认搜索到第一个结果接停止i： ingore case，忽略大小写，默认大小写敏感m： multiple lines，多行搜索（

2016-03-09 14:11:27 218

原创 javascript中的事件解析与示例

基础事件操作监听事件浏览器会根据某些操作触发对应事件，如果我们需要针对某种事件进行处理，则需要监听这个事件。监听事件的方法主要有以下几种：HTML 内联属性（避免使用）HTML 元素里面直接填写事件有关属性，属性值为 JavaScript 代码，即可在触发该事件的时候，执行属性值的内容。例如：点击这个按钮onclick 属性表示触发 click，属性值的内容（JavaS

2016-03-09 12:14:15 501

原创 javascript的定时器

window对象提供了两个方法来实现定时器的效果，分别是window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时间后运行；而后者则可以使一段代码每过指定时间就运行一次。它们的原型如下： window.setTimeout(expression,milliseconds); window.setInterval(expression,mil

2016-03-09 10:20:29 379

原创 javascript对结点的增、删、改

function del(){var lis=document.getElementsByTagName('li');var lastli=lis[lis.length-1];lastli.parentNode.removeChild(lastli);}function add(){var txt=document.createTextNode('冬');

2016-03-08 17:21:05 250

原创获取当前样式并改变div样式

function getStyle(obj,attr){return obj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj,null)[attr];}function t(){var div=document.getElementsByTagName('div')[0];if(div.classNa

2016-03-08 16:52:01 1393

原创原生javascript获取元素样式

摘要：我们在开发过程中经常会遇到通过js获取或者改变DOM元素的样式，方法有很多，比如：通过更改DOM元素的class。现在我们讨论原生js来获取DOM元素的CSS样式，注意是获取不是设置在开始之前先说下获取最终应用在元素上的所有CSS属性对象的意思是，如果没有给元素设置任何样式，也会把浏览器默认的样式返回来。1、ele.style 在学习DOM的时候就看到通

2016-03-08 16:42:23 757

原创 Javascript的DOM操作及优化

操作DOM 这里我希望介绍的相对系统一点,而不是东一句西一句,所以把Javascript和jQuery常用操作DOM的内容归纳成思维导图方便阅读.这里就总结出最基本最常用的DOM操作. Javascript: jQuery: 上面的思维导图分别是javascript和jQuery下操作DOM的一些常用Function,并不完全

2016-03-08 16:38:33 296

转载 javascript中的作用域

作用域是JavaScript最重要的概念之一，想要学好JavaScript就需要理解JavaScript作用域和作用域链的工作原理。今天这篇文章对JavaScript作用域和作用域链作简单的介绍，希望能帮助大家更好的学习JavaScript。JavaScript作用域　　任何程序设计语言都有作用域的概念，简单的说，作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期

2016-03-08 14:18:48 220

原创 Window中常用的属性

注意的是window对象是浏览器宿主对象，与js语言无关window对象的方法：window.alert(message);window.confirm(message);//返回一个布尔值window.prompt(message[,defaultstr]);window.close();//关闭窗口window.print();打印window.setIntval(

2016-03-08 14:11:04 1561

原创 javascript之window对象

window ：window对象是BOM中所有对象的核心，除了是BOM中所有对象的父对象外，还包含一些窗口控制函数。1、全局的window对象　　JavaScript中的任何一个全局函数或变量都是window的属性。script type="text/javascript"> var name="撼地神牛"; document.write(window.name);

2016-03-08 13:45:19 358

转载深入理解Javascript window对象

[html] view plain copy print?> html> head> meta charset="utf-8" /> title>深入理解Javascripttitle> script type="text/javascript" charset="utf-8"> c

2016-03-08 13:33:19 282

原创 javascript的内置对象参考

这个标准基于 JavaScript (Netscape) 和 JScript (Microsoft)。Netscape (Navigator 2.0) 的 Brendan Eich 发明了这门语言，从 1996 年开始，已经出现在所有的 Netscape 和 Microsoft 浏览器中。ECMA-262 的开发始于 1996 年，在 1997 年 7 月，ECMA 会员大会采纳了它的首个版本。

2016-03-08 11:54:55 3937

原创 forward与direct的区别

今天在群里面碰到一个面试失败的人问 forward与direct的区别，自己想了想也回答不出来，虽然以前也看过这个问题，但老是忘记，现在把与这个问题有关的资料综合下： 1. SendRedirect( )是向浏览器发送一个redirect通知，浏览器重定向到新的URL(地址栏的URL会改变)。 Forward( )是在服务器端直接转到新的URL，对于浏览器是透明的(地址栏

2016-03-04 14:08:14 2002

原创 SQL面试心得

查询表中年龄最大的字段select * from 表 where id in (select max(id) from 表)其中 in的最大限制为5000MySQL总更新日期字段update borrow set Returntime1='2012-11-18 15:41:18' , breturn='已' where ID= 1;同时更新多个字段内容是用,号分开,

2016-03-04 12:45:35 434

原创 linux 学习第四天

dhclient 主机请求分配IPctrl+shift+F1-F7切换终端date 命令详解 date “+%Y-%m-%d %H:%I:%S”显示年月日时分秒查看文件的目录树：网络安装tree命令yum search treeyum install 显示出本机应该装的tree软件的版本mkdir -p 递归创建多个文件夹安全配置方面：可以关闭sel

2016-03-01 21:15:00 287

chenpeng19910926的专栏