奋斗中的小黄鸡-CSDN博客

转载那些必须知道的浏览器Console高级使用方法

前言：本文转自阮一峰的博客：http://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html在介绍浏览器Console的使用方法时，结合了Firebug进行讲解。控制台（Console）是Firebug的第一个面板，也是最重要的面板，主要作用是显示网页加载过程中产生各类信息。一、显示

2015-08-07 12:21:16 7338

转载 XMLHttpRequest Level 2 使用指南

XMLHttpRequest是一个浏览器接口，使得Javascript可以进行HTTP(S)通信。最早，微软在IE 5引进了这个接口。因为它太有用，其他浏览器也模仿部署了，ajax操作因此得以诞生。但是，这个接口一直没有标准化，每家浏览器的实现或多或少有点不同。HTML 5的概念形成后，W3C开始考虑标准化这个接口。2008年2月，就提出了XMLHttpRequest Leve

2015-08-06 19:09:39 1262

原创 jquery中ajax的相关事件汇总

详细全面的介绍了 jquery 中 Ajax 相关的事件，以及每种事件的触发顺序和触发条件。这些事件包括 ajaxStart/ajaxStop/beforeSend/ajaxSend/success/ajaxSuccess/error/ajaxError/complete/ajaxComplete

2015-08-06 18:53:24 2265

在项目开发中，为了实现异步向服务端发起请求，最经常使用的就是jQuery.ajax方法了。刚开始需求比较简单，调用jQuery.ajax方法时要传的参数也就那几个常见的参数：url/data/dataType/type/cache/timeout，当时感觉这个接口使用起来很简单，直到最近项目中要实现一个发送 formData数据到服务端的需求时，我发现自己错了。。。。原来jQuery.ajax（）可以设置如此多的参数

2015-08-06 18:31:32 3239

原创如何实时监听 input 和 textarea输入框值的变化

在实际前端开发中我们经常会遇到要实时监听用户的输入，根据不同的输入值来采取不同的措施。举一个常见的例子：我们在使用Google 搜索框进行搜索时，每多输入一个字，搜索框下方显示的匹配结果会实时变化。这样的效果就是通过实时监听搜索框的输入值变化从而提取不同的匹配结果来实现的。那么，一般使用最多的输入框就是 input 和 textarea 了。要想实时监听这两种输入框的值变化，就不得不提到键盘事件 k

2015-03-13 14:57:36 30791

原创 jQuery.extend()与 jQuery.fn.extend()比较

相同点两者都是用来扩展 jQuery，为 jQuery添加方法的，在开发jQuery 的相关插件时经常用到。不同点jQuery.extend()为 jQuery 类本身添加类方法，即为静态方法；调用添加的方法时只能通过 jQuery 本身来调用，jQuery 实例对象是无法调用新添加的方法的。比如添加了 show 和 hide 方法，则调用方式为： jQuery.show()和 jQuery.h

2015-03-02 17:46:30 936

转载认识cookie

cookie的属性除了name（名）和value（值），cookie还有以下一些可选属性，用来控制cookie的有效期，作用域，安全性等：expires属性——时间要转成GMT形式： toGMTString()；指定了cookie的生存期，默认情况下cookie是暂时存在的，他们存储的值只在浏览器会话期间存在，当用户退出浏览器后这些值也会丢失，如果想让 cookie存在一

2014-10-10 10:30:22 782

原创你必须知道的网页设计图片常识

矢量图：通过点、线等来显示图像；优点是文件小，放大和缩小都不会失真；缺点是很难表现色彩层叠丰富的写实图片。位图：通过每个像素的颜色、深度等显示图像；优点是利于显示色彩层叠丰富的写实图像；缺点是文件较大，放大缩小会失真。在web网页中看到的都是位图。有损压缩就是在存储图像的时候并不完全真实的记录图像上每个像素点的数据信息，它会根据人眼观察现

2014-09-26 23:08:34 963

转载理解display:inline、block、inline-block（兼容性）

要理解display:inline、block、inline-block的区别，需要先了解HTML中的块级（block）元素和行级（inline）元素的特点，行内元素也叫内联元素。块级元素总是另起一行开始；高度，行高以及顶、底边距都可以控制；宽度缺省是它所在容器的100%，除非设定一个宽度。块级元素通常作为其他元素的容器，可以容纳内联元素和其他块元素。blo

2014-09-17 14:49:23 916

转载 JS事件冒泡和事件捕获详解

原文摘自：Javascript与HTML之间的交互是通过事件实现。一、事件流事件，是文档或浏览器窗口中发生的一些特定的交互瞬间。事件流，描述的是页面中接受事件的顺序。IE9，chrome，Firefox，Opera，Safari均实现了DOM2级规范中定义的标准DOM事件，而IE8和IE8以下版本仍然保留专有的事件处理方式。事件冒泡事件冒泡是由I

2014-09-17 14:38:48 4240

转载修改attachEvent中this指向/匿名事件处理函数解绑方法

以下文字摘自：http://www.cnblogs.com/cczw/archive/2012/12/06/2805527.html

2014-09-17 13:04:27 1715

转载 BIND?LIVE?DELEGATE?还是ON？–JQUERY事件绑定方法研究

最近写项目页面用了不少jquery的东西，过程当中对jquery的事件绑定方法有些疑惑，经过学习各种资料，现在终于明白不少。恰巧有同学和我有一样的疑惑，我正好梳理一下思路，写下本文。如果你也对jquery中眼花缭乱的事件绑定方法不太明白的话，你来对地方了。继续阅读前，我认为你需要先知道以下几点基础知识：dom对象是树形结构的dom中的事件会从触发事件的目标节点开始逐级向上冒泡

2014-09-15 11:24:08 677

转载 28个你必须知道的HTML5的新特性，技巧以及技术

总结一下：1. 新的Doctype尽管使用，即使浏览器不懂这句话也会按照标准模式去渲染2. Figure元素用和来语义化地表示带标题的图片 src="path/to/image" alt="About image" />This is an image of something interesting.

2014-09-15 11:09:22 733

转载 Html5中自定义data特性

人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是，你不知道将来会不会有其它脚本把你的自定义属性给重置掉，此外，你这样做也会导致html语法上不符合Html规范，以及一些其它副作用。这就是为什么在HTML5规范里增加了一个自定义data属性，你可以拿它做很多有用的事情。你可以去读一下HTML5的详细规范，但这个自定义data属性的用法非常的简单，就是你可以往HTML标签

2014-09-15 11:04:19 577

转载 HTTP报文格式-摘自<HTTP权威指南>

原文摘自：博客园逆心博文

2014-09-14 09:42:02 847

原创 cookie入门理解--自动填写用户登录信息的实现原理

cookie就是服务器放在用户机器上的一小块信息。cookie以前用来保存登录信息，这样用户就不用每次从同一台机器访问页面都要再次输入登录信息。cookie是第一个js可以利用的客户端-服务端的通信手段，每次客户端向服务器发送请求时，为这个服务器存储的cookie会与其他信息一起放入http包中发送到服务器。

2014-09-13 20:35:03 4863

原创一张图轻松搞懂javascript event对象的clientX,offsetX,screenX,pageX区别

总是会被javascript的event对象的clientX,offsetX,screenX,pageX 弄得头晕，于是决定做个图来区分一下

2014-09-13 16:37:15 1890

原创 IE中的拖放实例

拖放首先是由IE4.0引入的，一开始只有IE支持此功能。但现在已经作为HTML5的标准的一部分。有2种行为可以实现拖放：系统拖放和模拟拖放，其中以前只有IE实现了系统拖放系统拖放的优点：可以实现浏览器和桌面、浏览器和浏览器、窗口之间、框架页之间的移动；拖放一开始只支持图像和文本拖放，后来进行了扩展，现在几乎所有元素都可被拖放了。

2014-09-13 15:48:57 2465

翻译 HTML与XHTML区别比较

本文主要总结了HTML与XHTML的主要区别

2014-09-12 16:47:17 1307

转载什么是锚（anchor）

anchor的定义：Definition:An anchor is another word for internal link or bookmark on a web page. An anchor is a link that links within the same page of the document.Alternate Definition of An

2014-09-12 16:43:27 6374 1

原创 CSS中的媒体类型media type

madia type作用首先要明白一点，我们平时写的HTML页面，可能在不同的媒体类型中显示，如可能显示在屏幕sreen上，也可能显示在纸质print上。那么当页面在不同的媒体类型中显示时，需要的样式可能是不一样的。比如，一般在screen上显示时，页面字体要大一些，在纸质媒体显示时，页面字体要小一些。那么如何告诉别人某个样式是适用于何种媒体类型的呢？这就要靠声明media type来实现了。

2014-09-11 17:08:23 2755

原创 JS中的Ajax操作实例，get方式和post方式对比

get是最常用的方式，get请求的参数数据会追加在请求URL中末尾。post是第二常见的方式，一般来说，post请求用于在表单中数据提交后的过程。因为post方式可以比get方式发送更多的数据，大约2GB，因为post方式发送的数据不是添加在URL中的。

2014-09-11 00:11:29 1103

原创 AJAX——XMLHttpRequest对象主要属性和事件

readyState属性有5个取值：0、1、2、3、4，表示HTTP请求的状态和服务器的响应。此属性的值一般不会递减，除非在正在进行的请求中调用了abort（）或open（）方法。理论上，每当这个属性的值发生变化时都会触发readyStateChange事件，但实际上，只有此属性改变为4时才会触发readyStateChange事件。readyState值

2014-09-11 00:04:49 4159

原创对AJAX的一点理解

Ajax全称（Asynchronousjavascript and XML）Ajax技术结合了JS/CSS/DOM/X(HTML)这些技术，使得客户端和服务器端之间实现异步交互。Ajax技术等于是在客户端和服务器之间安装了一个中转站：客户端请求先发送给中转站，再由中转站将请求转发给服务端；服务端先把响应发送给中转站，再由中转站转发给客户端。这个中转站就是XMLHttpRequest

2014-09-10 23:58:24 580

转载 HTTP状态码详解

状态代码状态信息含义100Continue初始的请求已经接受，客户应当继续发送请求的其余部分。（HTTP 1.1新）101Switching Protocols服务器将遵从客户的请求转换到另外一种协议（HTTP 1.1新）200OK一切正常，对

2014-09-10 23:56:59 653

转载 CSS实现垂直居中的5种方法

利用 CSS 来实现对象的垂直居中有许多不同的方法，比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的5种不同方法，以及它们各自的优缺点。(可以看看测试页面，有简短解释。)方法一这个方法把一些 div 的显示方式设置为表格，因

2014-09-10 19:56:01 610

转载 CSS Overflow使用

2014-09-10 19:35:31 600

转载 setTimeout/setInterval的使用和参数调用方法

[setTimeout] setTimeout(表达式,延时时间) 在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数是一次用setTimeout实现的自动变化显示随机数的效果: Html代码 html> head> script> window.onload=sett; function sett()

2014-09-10 19:14:39 1281

原创 DOM分类和级别概述

DOM是什么？简单来讲，DOM就是一组API（接口）。它将r

2014-09-10 17:00:29 7960

原创 innerHtml/outerHtml/innerText/outerText/textContent比较

总纲innerHTML 设置或获取位于对象起始和结束标签内的 HTMLouterHTML 设置或获取对象及其内容的 HTML 形式textContent/innerText 设置或获取位于对象起始和结束标签内的文本outerText 设置(包括标签)或获取(不包括标签)对象的文本

2014-09-10 12:41:15 612

原创操作系统之进程同步

进程之间的关系：竞争与协作竞争关系：死锁：一组进程如果都获得了部分资源，还想要得到其他进程所占有的资源，最终所有的进程将陷入死锁饥饿：一个进程由于其他进程总是优先于它而被无限期拖延。互斥：进程的互斥是解决进程间死锁和饥饿的手段，保证进程能互斥地访问临界资源。进程互斥是指若干个进程要使用同一共享资源时，任何时刻最多允许一个进程去使用，其他要使用该资源的进程必须等待，直到

2014-09-07 16:52:14 921

原创操作系统之进程

进程的引入在多道程序环境下，程序可以并发执行，一个程序的任意两条指令之间都可能发生随机事件而引发程序切换。因而，每个程序的执行都可能不是连续的而是走走停停的。系统需要一个能够描述程序动态执行的单位，于是就引入了进程。进程的生命周期同静态的程序相比较，进程依赖于处理器和主存储器资源，具有动态性和暂时性。进程随着一个程序模块进入主存储器并获得一个数据块和一个进程控制块而创建

2014-09-07 16:23:21 1083

原创操作系统之处理器管理与存储器管理

处理器无论是操作系统程序自己，还是操作系统控制下执行的应用程序，都是在处理器上执行。单处理器：只包括一个处理器多处理器：包括多个处理器早期计算机是基于单个处理器的顺序处理机器，即指令的执行是串行执行的（取指令，取操作数，执行操作，存取结果）。后来希望能让指令并行执行，计算机不再局限于单处理器和单数据流。目前计算机系统可分为4类：1、单指令流单数据流：一条指令控制一个处理器对数据

2014-09-07 16:05:06 2156

原创操作系统之概论

1、计算机系统的软硬件层次结构计算机系统包括硬件和软件两个组成部分，硬件是所有软件运行的物质基础，软件能充分发挥硬件潜能和扩充硬件功能。硬件层提供了基本的可计算性资源，包括处理器、寄存器、存储器，以及各种 I/O设施和设备。软件层包括：操作系统、系统程序、应用程序硬件是操作系统和软件赖以工作的基础，操作系统层通常是最靠近硬件的软件层，对计算机硬件作首次扩充和改造。（例如，改造各

2014-09-07 15:53:03 1038

原创 HTML5新特性总结

1、画布canvasHTML5定义了元素，即画布元素。它是依赖于分辨率的位图画布，你可以在canvas上面绘制任意图形，甚至加载图片。一个canvas就是一个矩形区域，你可以在这个区域上用js画你想画的任何东西。HTML5还定义了一系列的canvas API，用于绘制简单图形，定义路径，创建渐变效果。检测方法：看canvas对象是否具有getContext()方法2、画

2014-09-04 13:19:22 1865

原创如何检测浏览器是否支持HTML5

检测是否支持HTML5的几种常用方法总结

2014-09-04 09:48:17 2398

原创你真的在使用XHTML吗？（MIME类型/XHTML1.0与XHTML1.1区别）

总结：除非你使用application/XHTML+xml”这个MIME类型来发布你的网页，否则你所谓的“XHTML”只是名义上的XML而已。

2014-09-03 13:09:59 1894

原创替换元素（replaced element）与非替换元素(non-replaced element)

所谓替换元素（replaced element），就是元素本身没有实际内容，最终显示内容需要浏览器根据元素某些属性去判断的元素。如<img>元素，其最终的显示内容是由属性src决定的，如<input>元素，其最终显示的效果是由属性type决定的。常见的替换元素还包括：<textarea>、<select>、<object>。

2014-09-02 20:45:06 3201

原创 frameset/frame/iframe的区别

指的是框架集，在一个网页中插入多个框架并对框架进行排版布局，每个框架用frame标记，且框架之间互相独立，每个框架的大小是由frameset定义的。Frameset不能嵌套在body中。对于不支持frameset的浏览器，可以用添加提示文本。注意：包含frameset的文档的DTD必需为”Frameset DTD ”l 此标签只在浏览器不支持frameset时才有用，对于支持fra

2014-09-02 18:49:48 974

转载 CSS概念之浮动float与clear

原文请参考：http://www.w3help.org/zh-cn/kb/011/#addtional_rule浮动( Float )概述浮动和文字环绕浮动框就是一个框在当前行被向左或向右挪动(偏移)，它不在常规流中，浮动框由浮动元素的框组成。浮动框( 'float', 'floated' or 'floating' box )最有趣的特性是内容(Line Box

2014-09-02 18:41:57 972