- 每天学点CSS3专题:CSS3新增的rgba与rgb 11-25
- CSS3---用户界面 11-25
- 5分钟学会Ajax基本用法 11-25
- jquery的ajax方法参考示例 11-25
- 利用jQuery实现多个ajax请求等待 11-25
- Ajax三部曲(一)XMLHttpRequest对象 11-25
- Ajax的底层实现--使用Ajax实现无刷新登录实例 11-25
- 前端干货(三):ajax请求json显示表格 11-25
- 5个WEB前端开发常用的Chrome插件 11-25
- Ajax三部曲(三)终章:封装Ajax 11-25
每天学点CSS3专题:CSS3新增的rgba与rgb的区别
发布者: superzhang | 发布时间:2017-11-25今天我们主要学习下CSS3新增的rgba颜色模式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---用户界面
发布者: superzhang | 发布时间:2017-11-25CSS3 用户界面
在 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基本用法
发布者: superzhang | 发布时间:2017-11-25引言:
有很多童鞋,在WEB前端面试的时候,常会被Ajax问题难住,其实Ajax没有你们理解的那么难,现在源码时代H5学科讲师带着大家重新来回顾一下知识点:随便再给大家普及一下小常识,今天咱们聊的就是怎么快速掌握Ajax。
小常识科普:
Ajax全称是:Asynchronous JavaScript and Xml,常用于B/S架构上,是实现客户端与服务器端异步交互的主要手段。通常浏览器中的交互模式一般分为:同步和异步交互两类。那它们之间有哪些差别呢?
第一、同步交互:
指客户端向服务器端发送请求,到服务器端进行响应,这个过程用户不能做其它的事情,只有等待请求完成。
第二、异步交互:
指客户端向服务器端发送请求,到服务器端进行响应,这个过程用户可以做其它的事情,不用等待请求完成。
这些都是请求交互过程中的差别,那么同步交互和异步的具体区别是什么呢?这时候就要把两者拿出来做比较了,毕竟没有比较就没有伤害,那我们开始他们俩者之间的伤害吧!开始!!!
同步交互和异步交互的区别:
同步交互:
1.执行速度相对异步交互慢。
2.响应的是完整的HTML页面。
异步交互:
1.执行的速度相对同步交互要快。
2.响
jquery的ajax方法参考示例
发布者: superzhang | 发布时间:2017-11-25示例讲解,通过ajax对验证码进行验证是否正确
1js代码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请求等待
发布者: superzhang | 发布时间:2017-11-25前言
通常,jQuery的函数ajax进行Ajax调用。函数ajax只能做一个Ajax调用。当Ajax调用成功时,执行回调函数。可选地,当Ajax调用返回错误时,调用另一个回调函数。但是,该功能不能根据这些请求的结果进行多个Ajax请求和注册回调函数。一种情况是,网页使多个Ajax请求在禁用用户交互时收集页面不同部分的数据。该页面仅在页面获取所有数据之后才能进行用户交互。本文介绍了jQuery提供的一种基于多个Ajax请求来注册回调函数的方法。这种方法是基于Deferred对象的概念。
相关代码首先,在后台的两个ASP.NET Web API函数来接受服务器Ajax调用。代码如下:
后台接收ajax请求代码
要进行单个Ajax调用,可以使用jQuery的ajax函数。正面是一个简单的例子:
Ajax三部曲(一)XMLHttpRequest对象
发布者: superzhang | 发布时间:2017-11-25一、引言
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请求json显示表格
发布者: superzhang | 发布时间:2017-11-25ajax请求json显示表格,前期我们已经讲解过ajax请求json的方法了,今天我们来巩固一下;
项目讲解1、绘制一张表格,<table><tr><td></td></tr> </table>;只绘制表头,内容部分请求json后压入;
2、table一开始是隐藏的,ajax请求json成功,获取了数据再显示
点击查看大图
HTML点击查看大图
CSSPostman - REST Client
Postman是Ajax开发的神器,它特别有助于Restful的开发,并且可以用来模拟各种请求来测试API的正确性,例如,模拟Ajax请求。它还支持身份验证,如简单的用户名/密码,或者Oauth1.0。Rest Console也是一个不错的选择。
Edit This Cookie
调用ajax()方法:
