zhidaobuzidao-CSDN博客

转载 CSS @font-face(CSS 自定义字体)

@font-face可以实现从服务器端加载字体，所有浏览器中使用的字体就可以不受本地字体的限制。@font-face真的不是什么新鲜玩意，早在2001年时就被提出来，只不过近两年才被各浏览器广泛支持。而且各浏览器支持的字体文件格式也可能不同，一般来说如下四种格式可覆盖所有浏览器。 eot：该格式仅在老版本的IE中使用，浏览器兼容性查看http://caniuse.sinaapp.

2015-03-09 15:32:07 483

转载 html中的meta详解

1 name=viewport 1、width : 控制viewport的大小，可以指定一个值，如600，或者特殊的值，如device-width为设备的宽度（单位为缩放为100%的CSS的像素） 2、height : 和width相对应，指定高度 3、initial-scale : 初始缩放比例，页面第一次加载时的缩放比例 4、m

2014-12-19 17:44:07 505

转载 JS操作JSON总结

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。本文主要是对JS操作JSON的要领做下总结。在JSON中，有两种结构：对象和数组。

2014-12-08 13:55:36 240

转载使用JS和Ajax发出异步请求

本文介绍了如何创建能够适应不同浏览器的XMLHttpRequest实例，建立和发送请求，并响应服务器。您将开始接触最基本和基础性的有关Ajax的全部对象和编程方法：XMLHttpRequest对象。该对象实际上仅仅是一个跨越所有Ajax应用程序的公共线程，您可能已经预料到，只有彻底理解该对象才能充分发挥编程的潜力。 XMLHttpRequest简介 XMLHttpRequest 是JS的

2014-12-08 12:55:50 347

转载纯js Ajax 请求

var XMLHttpReq; function createXMLHttpRequest() { try { XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");//IE高版本创建XMLHTTP } catch(E) { try {

2014-12-07 20:53:18 246

转载 AJAX POST请求中参数以form data和request payload形式在servlet中的获取方式

HTTP AJAX POST请求request payloadform dataContent Type HTTP请求中，如果是get请求，那么表单参数以name=value&name1=value1的形式附到url的后面，如果是post请求，那么表单参数是在请求体中，也是以name=value&name1=value1的形式在请求体中。通过chrome的开发者工具可以看到如下（这里

2014-12-07 20:20:52 437

转载 media type与media query

media type(媒体类型)是css 2中的一个非常有用的属性，通过media type我们可以对不同的设备指定特定的样式，从而实现更丰富的界面。media query(媒体查询)是对media type的一种增强，是CSS 3的重要内容之一。随着移动互联网的发展，media query开始得到大家的重视。 media type 让我们先了解一下media type，其实这个大家会

2014-11-23 18:46:19 250

转载 JS中typeof与instanceof的区别

JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空，或者是什么类型的。但它们之间还是有区别的： typeof typeof 是一个一元运算，放在一个运算数之前，运算数可以是任意类型。它返回值是一个字符串，该字符串说明运算数的类型。typeof 一般只能返回如下几个结果： number,boolean,string,function

2014-11-22 10:27:57 202

转载 Detect CSS3 Support in Browsers with JavaScript

当我们使用CSS3新属性，比如：box-shadow或者transition时，会有一个问题出现，我们怎么检测浏览器是否支持这些属性？这里有一个办法，我们创建一个javascript函数，该函数将接受一个CSS属性名作为参数，并返回一个boolean值，该boolean值表明浏览器是否支持这个属性。步骤1: 我们首先需要确定的一件事是，该如何调用这个函数。我们应该把事情想得简单一点。

2014-11-21 11:20:03 260

转载 CSS3.0盒模型display:-webkit-box;的使用

box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有属性定义firefox(- moz)、opera(-0)、chrome/safari（-w

2014-11-12 10:00:21 449

转载正确认识html与body

标准与非标准模式 standard模式后，定义和解析将更加严格，所有定义必须从顶级标签html开始。可以理解为传统非standard模式定义body的用法，standard模式下都必须在html上定义。高度100%的意义认为standard模式下定义容器高度100%无效，是错误的理论。如果需要body内的容器有100%高度，必须先定义body高度100%。

2014-08-09 18:23:46 309

转载 JavaScript中的arguments,callee,caller,apply （转）

一、Arguments 该对象代表正在执行的函数和调用他的函数的参数。 [function.]arguments[n] 参数function ：选项。当前正在执行的 Function 对象的名字。 n ：选项。要传递给 Function 对象的从0开始的参数值索引。说明：Arguments是进行函数调用时，除了指定的参数外，还另外创建的一个隐藏对象。 Arguments是个类似数组但

2014-08-08 16:42:49 353

转载正则表达式语法（转）

正则表达式是一种文本模式，包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为“元字符”）。模式描述在搜索文本时要匹配的一个或多个字符串。正则表达式示例表达式匹配 /^\s*$/ 匹配空行。 /\d{2}-\d{5}/ 验证由两位数字、一个连字符再加 5 位数字组成的 ID

2014-08-07 20:26:17 263

原创 IE9以下的this指向问题

在JavaScript中，为了实现表现和控制相分离，可以通过0级的DOM事件属性或者2级的事件模型来实现，不过这两者在针对某个事件类型调用相应的事件句柄的时候，不能给事件句柄提供参数，也就是说，事件属性的值只能是一个函数引用。例如不能采用这种调用方式：element.onclick = test();element.onclick = test(arg1,arg2);只能通过element.o

2014-08-06 20:43:41 511

转载 JS操作DOM元素属性和方法（转）

Dom元素基本操作方法API，先记录下，方便以后使用。　　W3C DOM和JavaScript很容易混淆不清。DOM是面向HTML和XML文档的API，为文档提供了结构化表示，并定义了如何通过脚本来访问文档结构。JavaScript则是用于访问和处理DOM的语言。如果没有DOM，JavaScript根本没有Web页面和构成页面元素的概念。文档中的每个元素都是DOM的一部分，这就使得Jav

2014-08-06 19:24:06 456

原创 IE6的3像素BUG

IE6的3像素BUG 1. 什么事IE6的3像素BUG？下面我们做个试验: 代码如下： IE6的3像素BUG div{background:#cccccc;} #first{float:left;width:100px;height:100px;} #second{clear:left;float:left;margintop:10px;width:100p

2014-07-28 21:19:48 474

zhidaobuzidao的专栏