xiaoxiao彭
- 浏览: 25215 次
- 性别:
- 来自: 苏州
-
最新评论
文章列表
Ajax
- 博客分类：
- JavaScript
1.什么是Ajax技术?
这一技术能够想服务器请求额外数据而无需卸载页面.核心是XMLHttpRequest对象,简称XHR.可以通过XHR对象获得新数据,然后在通过DOM将新数据插入到页面中,Ajax通信与数据格式无关.
2.XHR的用法>
首先,调用open()方法:,接受三个参数:要发送的请求类型(get,post等),请求的URL和表示是否发送异步请求的布尔值.(只能在同一个域中)xhr.open("get","exmple.php","false");
然后,调动send(null);send()方法接受一个参 ...
javascript简介
- 博客分类：
- JavaScript
1.JavaScript简介
JavaScript是一种基于对象和事件驱动(能随时响应键盘事件、鼠标事件及浏览器窗口事件等，并执行指定的操作。)，并具有安全性的脚本语言(JavaScript是客户端脚本，通过浏览器解释执行。它不允许访问本地的硬盘，不能将数据保存到服务器，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互，从而有效地防止数据的丢失。)。 它与HTML,CSS结合起来，用于增强功能，并提高与最终用于之间的交互性能。 客户端的JavaScript必须要有解释器的支持 JavaScript代码是解释型的，无需专门的编译器来编译，直接嵌入到HTML文档， ...
bootstrap的栅格系统实现原理
- 博客分类：
- bootstrap
栅格系统的实现原理非常简单,仅仅是通过定义容器大小,平分成12份,在调整内外边距,最后结合媒体查询,就制作出强大的响应式栅格系统.
栅格系统的主要实现原理:
1.一行数据(row)必须包含在.container中,以便为其赋予合适的对其方式和内边距(padding).
2.使用行(row)在水平方向创建一组列(column).
3.具体内容应放置在列(column)内,而且只有列column内,而且只有列column可以直接作为row的直接子元素.
4.内置一大堆样式,可以使用想,row和.col-xs-4(占四列宽度)这样的样式来快速创建栅格布局.Bootstrap源码中定义的m ...
css定位(positioning)
- 博客分类：
- css
CSS 定位 (Positioning) 属性允许你对元素进行定位。
CSS 为定位和浮动提供了一些属性，利用这些属性，可以建立列式布局，将布局的一部分与另一部分重叠，还可以完成多年来通常需要使用多个表格才能完成的任务。定位的基本 ...
css3 Media Query响应式媒体查询
- 博客分类：
- css3
在CSS中，有一个极其实用的功能：@media 响应式布局。具体来说，就是可以根据客户端的介质和屏幕大小，提供不同的样式表或者只展示样式表中的一部分。通过响应式布局，可以达到只使用单一文件提供多平台的兼容性，省去了诸如浏览器判断之类的代码。
当然这种设计也存在着缺点，比如我所见的不少使用响应式布局的设计在适配移动端时大量使用 display:none 隐藏富媒体元素，这样势必会导致大量不必要的流量。因此，如果有较为重要的移动端需求，那么还是开发专门的移动版页面为好。不过，对于诸如内容较少的页面 或者单页式网站来说，响应式布局依然不失为一种偷懒的好方法 ^ ^
原文：http://blog ...
HTML <!DOCTYPE> 标签的用法
- 博客分类：
- html
定义和用法 <!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 在上面的声明中，声明了文档的根元 ...
大概大家读知道`id`,`class`以及`descendant`选择器，并且整体都在使用它们，那么你正在错误拥有更大级别的灵活性的选择方式。这 篇文章里面提到的大部分选择器都是在CSS3标准下的，所以它们只能在相应最新版本的浏览器中才能生效，你完全应该把这些都记在你聪明的脑袋里面。
1. *
* {
margin: 0;
padding: 0;
}
在我们看比较高级的选择器之前，应该认识下这个众所周知的清空选择器。星号呢会将页面上所有每一个元素都选到。许多开发者都用它来清空`margin`和 `padding`。当然你在练习的时候使用这个没问题，但是我不建议 ...
HTML5 新标签让布局更有语义化
- 博客分类：
- html5
曾经，前端工程师经常会频繁的使用基于 table 的没有任何语义的布局。不过最终还是要感谢像 Jeffrey Zeldman 和 Eric Meyer 这样的思想革新者，聪明的前端工程师慢慢的接受了相对更语义化的 div 布局替代了 table 布局，并且开始调用外部样式表。但不幸的是，复杂的网页设计需要大量不同的标签结构代码，我们把它叫做 “div-soup” 综合症。也许你很熟悉下面的布局代码：
structure-div
尽管这有些勉强，但上面这个实例还是可以说明使用 HTML4 对一个复杂的设计进行代码化后依然过于臃肿（其实xHTML1.1也不过如此）。不过值得激动的是，HTML5 ...
HTTP meta 的 IE=edge 说明
7月18日杭州 OSC 源创会正在报名，送机械键盘和开源无码内裤
陌生标记标记一：
< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
介绍:
这是个是 ...
如何定义css优先级顺序
- 博客分类：
- css
1.层叠选择器的优先级:
浏览器缺省 <外部样式表 < 内部样式表 <内联样式
其中,样式表优先级:
类选择器 < 类派生选择器 < ID选择器 < ID派生选择器
生选择器以前叫上下文选择器，所以完整的层叠优先级是:
浏览器缺省 < 外部样式表 < 外部样式表类选择器 < 外部样式表类派生选择器 < 外部样式表ID选择器 < 外部样式表ID派生选择器 < 内部样式表 < 内部样式表类选择器 < 内部样式表类派生选择器 < 内部样式表ID选择器 < 内部样式表ID派生选择器 < 内联 ...
为什么要用 Bootstrap
- 博客分类：
- bootstrap
[Bootstrap](http://twitter.github.com/bootstrap/) 是由两个 twitter 员工开发并开源的前端框架，目前已经到了 2.0.4 的版本，在 [Github](https://github.com/twitter/bootstrap/) 上面有 32517个 watch，和 6608个 fork。非常火爆，而如此火爆自然有它的道理，在我们团队的所有项目中正全面推行使用 Bootstrap，我想根据自己的实际使用体验来说明一下为什么要用 Bootsrap。 ## twitter 出品 首先，Bootstrap 出自 twitte ...
<link rel="stylesheet" href="css/lavalamp_test.css" type="text/css" media="screen"/> media=screen 是什么意思
有时我们在分析别人的网站源代码的时候，发现在头标签的样式表里面多了个 “media=screen ”或者 “media="print”，原来这些都是相对于媒介来进行设置的，就像Potoshop一样，每一种模式也对应一种媒介。 比如RGB对应的是我们的显示器，CMYK对应的是印刷 ...
<meta name="viewport" content="width=device-width,initial-scale=1.0">
content属性值 :
width:可视区域的宽度，值可为数字或关键词device-width
height:同width
intial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放
maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别，
...
CSS 框模型之padding
- 博客分类：
- css
CSS 框模型 (Box Model) 规定了元素框处理元素内容(elment)、内边距(padding)、边框(border) 和 外边距 (margin)的方式。
元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框 ...
1.什么是user agent stylesheet?
大家通常看到一个没有带任何CSS样式文件的HTML却带有不错的样式，这是由于在W3C的HTML标准里，一些HTML标签自带一些CSS样式。 不同的浏览器把实现这些HTML自带样式的模块称作User Agent Stylesheet。 不同的浏览器实现的User Agent Stylesheet不一，但大部分都能遵循W3C的标准。 个人认为chrome实现的User Agent Stylesheet是最符合人们阅读习惯，例如p前后都有1em的外边距等。
其实W3C的CSS标准中有一套完整的CSS样式的优先级规则，高优先级的样式覆盖低优 ...