自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

转载 windows下使用grunt

grunt官网:http://www.gruntjs.org/ 一、安装grunt 先安装node,在http://www.nodejs.org/可以下载安装包直接安装。在命令行下运行: npm install -g grunt-cli 即可安装grunt。 二、创建项目 创建web项目:my-project-name,项目目录如下: 在项目根目录下新建Grun...

2014-12-23 19:33:00 160

转载 HTML5 defer和async的区别

在HTML页面中插入Javascript的主要方法,就是使用<script>元素。这个元素由Netscape创造并在Netscape Navigator 2中首先实现。后来,这个元素就被加入到正式的HTML规范中。HTML4.01为<script>定义了6个属性,包括defer和async。defer和async都是可选的,且只对外部脚本文件有效。 一、当浏览器...

2014-12-23 15:52:00 111

转载 [转]jQuery DOM Ready

一直以来,各种JS最佳实践都会告诉我们,将JS放在HTML的最后,即</body>之前,理由就是:JS会阻塞下载,而且,在JS中很有可能有对DOM的操作,放在HTML的最后,可以尽可能的保证JS的执行在DOM加载完成之后。而如果放在onload事件中执行,如果页面有很多图像,那么页面的onload事件要过很久才会触发,因此DOM Ready事件就是最好的执行JS的时间了。 ...

2014-12-23 12:45:00 174

转载 跨域请求详解

同源策略 Ajax的一个限制是同源策略(same origin policy),它要求所有请求必须来自同一个域名、子域名,并且地址的端口也应当一致。主要原因是处于安全考虑:因为当一个ajax请示被发送,所有的请求都会附带主域的cookie信息一起发送。也就是说,对于远程服务来讲,请求如果是来自于登陆后的用户,若没有同源策略的限制,攻击者就有可能获取你的Gmail里的邮件、得到你的 Fa...

2014-08-12 17:31:00 84

转载 CSS元素居中

html中元素分为行内元素和块级元素。采用margin或者float来使元素居中,是比较常见的方法。 margin:0 auto只能用于块级元素,不能使行内元素居中。 参考知乎上为什么「margin:auto」可以让块级元素水平居中?,margin:0 auto,是左右外边距自适应,水平方向的 auto,其计算值取决于可用空间(剩余空间)。元素本身为块级元素,那么水平方向可用空间的距...

2014-08-11 20:24:00 54

转载 IE hasLayout详解

hasLayout定义 haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在Internet Explorer中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念,渲染引擎采用 了 hasLayout 的属性,属性值可以为true或false。当一个元素的 hasLayout...

2014-08-11 19:35:00 99

转载 seajs引入jquery

seajs 2.2.1在config文件中preload一次jquery,就可以在整个项目中使用jquery。如下: seajs.on('exec', function(module) { if (module.uri === seajs.resolve('jquery')) { window.$ = window.jQuery = module.export...

2014-07-29 10:44:00 146

转载 jquery实现轮播插件

这几天用jquery写了两个轮播的插件,功能很简单。第一次尝试写插件,有很多不足的地方,代码如下: 注:图片链接请替换掉,配置信息必须加上图片width和height。 <!DOCTYPE html> <html ng-app="myApp"> <head lang="en"> <meta charset="UTF-8"&g...

2014-06-20 18:19:00 107

转载 CSS视觉格式化模型

CSS视觉格式化模型(visual formatting model)是用来处理文档并将它显示在视觉媒体上的机制。这是CSS 2.1的一个基础概念。视觉格式化模型根据CSS盒模型为文档的每个元素生成0,1或多个盒。每个盒的布局由如下内容组成: 盒尺寸:明确指定,受限或没有指定 盒类型:块级盒(block-level box),行内级别盒(inline-level box),...

2014-04-04 17:42:00 127

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

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

2014-03-25 20:13:00 264

转载 [翻译]HTML中不知名的语义标签

原文:http://docs.webplatform.org/wiki/tutorials/Lesser_-_known_semantic_elements HTML5中比较常用的语义元素有header,nav,footer,这篇文章主要讲了一些不知名的语义元素。第一次翻译英文原文,措辞难免不准确,不清楚的地方,可参考原文。 简介: 今天我们通过这篇文章,来了解一下HTML中一些意...

2014-03-24 11:22:00 104

转载 [转]Javascript定义类的三种方法

作者:阮一峰 原文地址:http://www.ruanyifeng.com/blog/2012/07/three_ways_to_define_a_javascript_class.html 将近20年前,Javascript诞生的时候,只是一种简单的网页脚本语言。如果你忘了填写用户名,它就跳出一个警告。 如今,它变得几乎无所不能,从前端到后端,有着各种匪夷所思的用途。...

2014-03-21 18:37:00 69

转载 [转] AOP面向切面编程

AOP面向切面编程   AOP(Aspect-Oriented Programming,面向切面的编程),它是可以通过预编译方式和运行期动态代理实现在不修改源代码的情况下给程序动态统一添加功能的一种技术。它是一种新的方法论,它是对传统OOP编程的一种补充。   OOP是关注将需求功能划分为不同的并且相对独立,封装良好的类,并让它们有着属于自己的行为,依靠继承和多态等来定义彼此的关系;...

2014-03-21 11:17:00 69

转载 [转] js prototype详解

JavaScript能够实现的面向对象的特征有:·公有属性(public field)·公有方法(public Method)·私有属性(private field)·私有方法(private field)·方法重载(method overload)·构造函数(constructor)·事件(event)·单一继承(single inherit)·子类重写父类的属性或方法(overrid...

2014-03-17 17:30:00 56

转载 [转]BFC 神奇背后的原理

BFC已经是一个耳听熟闻的词语了,网上有许多关于BFC的文章,介绍了如何触发BFC, 以及BFC的一些用处(如清浮动,防止margin重叠等)。虽然我知道如何利用BFC解决这些问题,但当别人问我BFC是什么,我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec, 和许多文章,来全面地理解BFC: BFC是个什么? 哪些元素会生成BFC BFC的神奇的作用,及...

2014-03-17 16:09:00 63

转载 [转]那些年我们一起清除过的浮动

浮动(float),一个我们即爱又恨的属性。爱,因为通过浮动,我们能很方便地布局; 恨,浮动之后遗留下来太多的问题需要解决,特别是IE6-7(以下无特殊说明均指 windows 平台的 IE浏览器)。也许很多人都有这样的疑问,浮动从何而来?我们为何要清除浮动?清除浮动的原理是什么?本文将一步一步地深入剖析其中的奥秘,让浮动使用起来更加得心应手。 一、清除浮动 还是 闭合浮动 (Encl...

2014-03-17 11:39:00 50

转载 理解display:inline、block、inline-block

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

2014-03-17 10:53:00 171

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除