摘要: 在网上看到的一篇文章,说的比较全面。原文地址:http://www.poluoluo.com/jzxy/201206/167007.html你真的了解margin吗?你知道margin有什么特性吗?你知道什么是垂直外边距合并?margin在块元素、内联元素中的区别?什么时候该用padding而不是margin?你知道负margin吗?你知道负margin在实际工作中的用途吗?常见的浏览器下margin出现的bug有哪些?……写css,你少不了与margin打交道,而对于这个平时我们最常用的css属性我们并非十分了解。Margin是什么CSS 边距属性定义元素周围的空间。通过使用单独的属性,可以 阅读全文
posted @ 2014-03-15 12:43 前端攻城师-CZF 阅读(925) 评论(0) 推荐(0) 编辑
摘要: CSS的引入方式:1.将样式规则写在css样式文件中,再以标签引入。2.使用@import引入,跟link方法很像,但必须放在 中或css样式文件中3.使用style标签,将样式规则写在标签之中。4.使用style属性,将其直接加在标签里,也叫内嵌样式style这4种引入方式中,绝大多数情况下使用第一种。它的好处非常明显,样式与HTML分离,便于管理。出于同一个理由,第四种方式被不少人唾弃,但其实在一些很个别的场景(通用性差,效果特殊,不常改动,同时CSS代码不多),那样写我觉得是个很好的选择。第三种虽然实现了样式和HTML分离,但样式几乎没用重用性可言,故弃之。这里值得探讨的是第二种,和第一 阅读全文
posted @ 2014-03-15 11:27 前端攻城师-CZF 阅读(397) 评论(0) 推荐(0) 编辑
摘要: 本文原文地址:http://www.cnblogs.com/releaseyou/archive/2009/04/16/1437456.html盒模型有两种,分别是标准盒子模型和IE盒子模型。先来看看标准盒子模型:标准盒模型的范围包括 margin、border、padding、content,并且 content 部分不包含其他部分。再来看看IE盒子模型IE盒子模型的范围也包括 margin、border、padding、content,和标准 W3C 盒子模型不同的是:IE盒子模型的 content 部分包含了 border 和 pading。例:如果用标准盒子模型那么这个盒子需要占据的位 阅读全文
posted @ 2014-03-14 23:10 前端攻城师-CZF 阅读(375) 评论(0) 推荐(0) 编辑
摘要: 总的来说,JS的继承大体上分为两种:借用构造函数方式和原型方式首先,我们来看看借用构造函数方式的几种做法://方式一function Person(name, sex){ this.name = name; this.sex = sex; this.move = function(... 阅读全文
posted @ 2014-03-13 22:50 前端攻城师-CZF 阅读(454) 评论(0) 推荐(0) 编辑
摘要: 下文出自seaJS的作者玉伯。AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 SeaJS 在推广过程中对模块定义的规范化产出。这些规范的目的都是为了 JavaScript 的模块化开发,特别是在浏览器端的。目前这些规范的实现都能达成浏览器端模块化开发的目的。区别:1. 对于依赖的模块,AMD 是提前执行,CMD 是延迟执行。不过 RequireJS 从 2.0 开始,也改成可以延迟执行(根据写法不同,处理方式不同)。CMD 推崇 as lazy as possible.2. CMD 推崇依赖就近,AMD 推崇依赖前置。看代码:// CMDdefine(funct 阅读全文
posted @ 2014-03-13 21:08 前端攻城师-CZF 阅读(241) 评论(0) 推荐(0) 编辑
摘要: 注意:本文中所有方法的 RegExp类型的参数,其实都支持传入 String 类型的参数,JS会直接进行字符串匹配。(相当于用一个简单的非全局正则表达式进行匹配,但字符串并没有转换成 RegExp 对象)search(RegExp)检索 stringObject中第一个与 RegExp相匹配的子串的起始位置。与 indexOf 方法类似,但 indexOf 方法不支持正则匹配,且可以指定检索的起始位置。需要注意的是,此方法不执行全局匹配,它会忽略 RegExp的 g 标志。并且总是从字符串的开始进行检索,这意味着它总是返回 stringObject 的第一个匹配的位置。var str=&quo 阅读全文
posted @ 2013-12-07 12:14 前端攻城师-CZF 阅读(483) 评论(0) 推荐(0) 编辑
摘要: RegExp 对象RegExp 对象表示正则表达式,它是对字符串执行模式匹配的强大工具。正则表达式的创建方式1.文字格式,使用方法如下:/pattern/flags (即:/模式/标记)2.RegExp构造函数,使用方法如下:new RegExp("pattern"[,"flags"]) (即:ne... 阅读全文
posted @ 2013-12-07 10:54 前端攻城师-CZF 阅读(371) 评论(0) 推荐(0) 编辑
摘要: 最近项目中接到一个需求,需要使用百度地图API和HTML5定位特性。对于百度地图API,没啥好说的,刨它的API就是了。今天想说说JS定位特性。浏览器支持Internet Explorer 9、Firefox、Chrome、Safari 以及 Opera 支持地理定位。访问地理位置地理位置可以在JavaScript中通过浏览器的navigator.geolocation对象访问。这个对象提供了3个方法:getCurrentPosition,watchPosition,clearWatchgetCurrentPosition(success_callback, error_callback, g 阅读全文
posted @ 2013-11-09 15:14 前端攻城师-CZF 阅读(3100) 评论(0) 推荐(0) 编辑
摘要: 数组是JavaScript提供的一个内部对象,它是一个标准的集合,我们可以添加(push)、删除(shift)里面元素,我们还可以通过for循环遍历里面的元素。那么除了数组我们在JavaScript里还可以有别的集合吗?由于JavaScript的语言特性,我们可以向通用对象动态添加和删除属性。所以Object也可以看成是JS的一种特殊的集合。下面比较一下Array和Object的特性:Array:新建:var ary = new Array(); 或 var ary = [];增加:ary.push(value);删除:delete ary[n];遍历:for ( var i=0 ; i f. 阅读全文
posted @ 2013-08-24 13:15 前端攻城师-CZF 阅读(537) 评论(0) 推荐(0) 编辑
摘要: shift():删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefinedvar a = [1,2,3,4,5];var b = a.shift();//结果 a:[2,3,4,5] b:1unshift():将参数添加到原数组开头,并返回数组的长度var a = [1,2,3... 阅读全文
posted @ 2013-08-24 13:01 前端攻城师-CZF 阅读(263) 评论(0) 推荐(0) 编辑