2016年11月_ican999

原创 JS函数里的this的含义，什么情况下怎么用

this是Javascript语言的一个关键字。它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对象。情况一：纯粹的函数调用这是函数的最通常用法，属于全局性调用，因此this就代表全局对象Global。　　function test(){

2016-11-26 14:59:59 12325 1

原创 position 和 display 的取值和各自的意思和用法

position 1、position属性取值：static(默认)、relative、absolute、fixed、inherit。 2、postision：static；始终处于文档流给予的位置。看起来好像没有用，但它可以快速取消定位，让top，right，bottom，left的值失效。在切换的时候可以尝试这个方法。 3、除了static值，在其他三个值的设置下

2016-11-26 14:49:17 8308 1

原创 CSS3清除浮动保持浮层水平垂直居中

1）清除浮动，什么时候需要清除浮动，清除浮动都有哪些方法 1、在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。这个现象叫浮动溢出，为了防止这个现象的出现而进行清除浮动。 2、清除浮动的方法：

2016-11-26 14:41:55 2534

转载 JavaScript常用的代码片段

转义特殊字符为html实体 HtmlEncode: function(str){ return str.replace(/&/g, '&').replace(/\"/g, '"').replace(/, ').replace(/>/g, '>').replace(/'/g, '''); },验证是否为有效的手机电话号码 IsMobile: fun

2016-11-28 10:38:02 489

转载学会使用box-sizing布局

盒子模型关于CSS重要的一个概念就是CSS盒子模型。它控制着页面这些元素的高度和宽度。盒子模型多少会让人产生一些困惑，尤其当涉及到高度和宽度计算的时候。真正盒子的宽度(在页面呈现出来的宽度)和高度，需要加上一些其它的属性，例如：padding + border + width= 盒子的宽度padding+ border + height = 盒子的高度这看起来并不是那么直观

2016-11-28 10:33:19 5331 1

转载实用的60个CSS代码片段[转]

1、垂直对齐如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解决这个困惑：.verticalcenter{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(

2016-11-28 10:29:31 637

原创 JS数组的属性以及方法

数组对象属性 constructor 返回对创建此对象的数组函数的引用。 length 设置或返回数组中元素的数目。 prototype 使您有能力向对象添加属性和方法。数组对象方法 concat() 连接两个或更多的数组，并返回结果。 join() 把数组的所有元素放入一个字符串。元素通过指定

2016-11-26 15:09:14 517

原创 apply 和 call 什么含义，什么区别？什么时候用

每个函数对象会有一些方法可以去修改函数执行时里面的this，比较常见得到就是call和apply，通过call和apply可以重新定义函数的执行环境，即this的指向 function add(c,d){ console.log(this.a + this.b + c + d); } var o ={a:1,b:3}; add.

2016-11-26 15:01:04 6630

原创 prototype 是什么东西，原型链的理解，什么时候用 prototype

prototype prototype是函数对象上面预设的对象属性 1. JS中所有的东西都是对象,每个对象都有prototype这个属性，这个属性是一个对象（object） 2. JS中所有的东西都由Object衍生而来, 即所有东西原型链的终点指向Object.prototype 3. JS中构造函数和实例(对象)之间有微妙的关系，构造函数通过定义pro

2016-11-26 14:58:21 13711

原创 JavaScript数据类型， null 和 undefined，原始数据类型，引用数据类型

数据类型： undefiend 没有定义数据类型 number 数值数据类型例如 10或者1或者5.5 string 字符串数据类型用来描述文本例如 "你的姓名" boolean 布尔类型 true|false 不是正就是反，是或者否，有或者没有 object 对象类型复杂的一组描述信息的集合

2016-11-26 14:55:24 4267

原创样式的层级关系，选择器优先级，样式冲突

1、样式的层级关系：一个是权重，另一个就是共用样式和私用样式了，比如说两个ul，它们的子元素除了背景色之外都一样，那可以直接用li {}来定义相同的公用样式，用 .ul_1 li {} ， .ul_2 li {} 来定义不相同的样式。可以根据元素之间的差别来选择用哪种方法。推荐用多层级的方式书写css选择器。2、选择器优先级：（!important>）id选择器>class选择器（属性

2016-11-26 14:50:54 6421

splendid_can的博客