每天学点CSS3专题：CSS3新增的rgba与rgb的区别

今天我们主要学习下CSS3新增的rgba颜色模式rgba。

rgba其实和我们常用的rgb颜色模式一样，只不过新多出的a代表透明的程度。

r Red红0-255

g Green绿0-255

b Blue蓝0-255

a Alpha透明0-1

使用起来就和rgb一样，比方说需要设置字体颜色可以是 color:rgba(0,0,0,1) 意思是黑色 不透明，可以把1改为0-1当中的任何数字来设置透明度。你也可以用rgba来设置其他的属性样式比如背景颜色 边框等。

<!--设置黑色字体不透明-->

<div style="color:rgba(0,0,0,1)">每天学习一点点</div>

<!--设置黑色字体，并且透明度为50%-->

<div style="color:rgba(0,0,0,0.5)"&

想读更多 ->

CSS3---用户界面

CSS3 用户界面

在 CSS3 中，新的用户界面特性包括重设元素尺寸、盒尺寸以及轮廓等。

在本章中，您将学到以下用户界面属性：

resize

box-sizing

outline-offset

浏览器支持

属性 浏览器支持

resize

box-sizing

outline-offset

Firefox、Chrome 以及 Safari 支持 resize 属性。

Internet Explorer、Chrome、Safari 以及 Opera 支持 box-sizing 属性。Firefox 需要前缀 -moz-。

所有主流浏览器都支持 outline-offset 属性，除了 Internet Explorer。

CSS3 Resizing

在 CSS3，resize 属性规定是否可由用户调整元素尺寸。

这个 div 元素可由用户调整尺寸（在 Firefox 4+、Chrome 以及 Safari 中）。

CSS 代码如下：

实例

规定 div 元素可由用户调整大小：

div

{

resize:both;

想读更多 ->

5分钟学会Ajax基本用法

引言：

有很多童鞋，在WEB前端面试的时候，常会被Ajax问题难住，其实Ajax没有你们理解的那么难，现在源码时代H5学科讲师带着大家重新来回顾一下知识点：随便再给大家普及一下小常识，今天咱们聊的就是怎么快速掌握Ajax。

小常识科普：

Ajax全称是：Asynchronous JavaScript and Xml,常用于B/S架构上，是实现客户端与服务器端异步交互的主要手段。通常浏览器中的交互模式一般分为：同步和异步交互两类。那它们之间有哪些差别呢?

第一、同步交互：

指客户端向服务器端发送请求，到服务器端进行响应，这个过程用户不能做其它的事情，只有等待请求完成。

第二、异步交互：

指客户端向服务器端发送请求，到服务器端进行响应，这个过程用户可以做其它的事情，不用等待请求完成。

这些都是请求交互过程中的差别，那么同步交互和异步的具体区别是什么呢?这时候就要把两者拿出来做比较了，毕竟没有比较就没有伤害，那我们开始他们俩者之间的伤害吧!开始!!!

同步交互和异步交互的区别：

同步交互：

1.执行速度相对异步交互慢。

2.响应的是完整的HTML页面。

异步交互：

1.执行的速度相对同步交互要快。

2.响

想读更多 ->

jquery的ajax方法参考示例

示例讲解，通过ajax对验证码进行验证是否正确

function doLogin(){

var codeNum = $("#codenumber").val();

$.ajax({

url : '${baseHref}validata',

type : 'POST',

data : {

input : codeNum

},

cache : false,

success : function(data) {

if (data == "OK") {

var url="${baseHref}login";

document.myform.action = url;

document.myform.submit();

} else {

$("codenumber").val("");

$("codenumber").focus();

var info = $("#messSpan");

info.text(data);

loadimage();

}

}

});

想读更多 ->

利用jQuery实现多个ajax请求等待

前言

通常，jQuery的函数ajax进行Ajax调用。函数ajax只能做一个Ajax调用。当Ajax调用成功时，执行回调函数。可选地，当Ajax调用返回错误时，调用另一个回调函数。但是，该功能不能根据这些请求的结果进行多个Ajax请求和注册回调函数。一种情况是，网页使多个Ajax请求在禁用用户交互时收集页面不同部分的数据。该页面仅在页面获取所有数据之后才能进行用户交互。本文介绍了jQuery提供的一种基于多个Ajax请求来注册回调函数的方法。这种方法是基于Deferred对象的概念。

首先，在后台的两个ASP.NET Web API函数来接受服务器Ajax调用。代码如下：

后台接收ajax请求代码

要进行单个Ajax调用，可以使用jQuery的ajax函数。正面是一个简单的例子：

想读更多 ->

Ajax三部曲（一）XMLHttpRequest对象

一、引言

2005年Jesse James Garrett发表了一篇文章，标题为“Ajax：A new Approach to WebApplication”。他在这篇文章里介绍了一种技术，用他的话说，就叫：Ajax，是Asynchronous JavaScript+XML的简写。这种技术能够向服务器请求数据而无需卸载页面（即刷新），会带来更好的用户体验。

二、XMLHttpRequest

Ajax技术核心是XMLHttpRequest对象（简称XHR），这是由微软首先引入的一个特性，其他浏览器提供商后来都提供了相同的实现。

XHR的出现，提供了向服务器发送请求和解析服务器响应提供了流畅的接口。能够以异步方式从服务器获取更多的信息，这就是说，用户只要触发某一事件，在不刷新网页的情况下，更新服务器最新数据。

虽然Ajax中的x代表XML，但Ajax通信和数据格式无关，也就是说这种技术不一定使用XML。

IE7+、FF、Opera、Chrome和Safari都支持原生的XHR对象，在这些浏览器中创建XHR对象可以直接实例化XMLHttpRequest即可。

var xhr = new XMLHttpRequest();

alert(xhr);

但是，如果是I

想读更多 ->

Ajax的底层实现--使用Ajax实现无刷新登录实例

html代码

js代码

想读更多 ->

前端干货（三）：ajax请求json显示表格

ajax请求json显示表格，前期我们已经讲解过ajax请求json的方法了，今天我们来巩固一下；

1、绘制一张表格，<table><tr><td></td></tr> </table>;只绘制表头，内容部分请求json后压入；

2、table一开始是隐藏的，ajax请求json成功，获取了数据再显示

点击查看大图

点击查看大图

Postman - REST Client

Postman是Ajax开发的神器，它特别有助于Restful的开发，并且可以用来模拟各种请求来测试API的正确性，例如，模拟Ajax请求。它还支持身份验证，如简单的用户名/密码，或者Oauth1.0。Rest Console也是一个不错的选择。

Edit This Cookie

调用ajax()方法：