自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

转载 js call

call 方法 请参阅 应用于:Function 对象 要求 版本 5.5 调用一个对象的一个方法,以另一个对象替换当前对象。 call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 参数 thisObj 可选项。将被用作当前对象的对象。 arg1, arg2, , argN 可选项。将被传递方法参数序列。 说明

2017-05-31 16:27:33 212

转载 js的变量提升和函数提升

一、变量提升  在ES6之前,JavaScript没有块级作用域(一对花括号{}即为一个块级作用域),只有全局作用域和函数作用域。变量提升即将变量声明提升到它所在作用域的最开始的部分。上个简历的例子如:12345678910console.log(global); // undefinedvar globa

2017-05-25 13:52:51 194

转载 flex布局(项目-即子级)

基本概念采用Flex布局的元素,称为Flex容器(flex container),简称”容器”。它的所有子元素自动成为容器成员,称为Flex项目(flex item),简称”项目”。项目的属性以下6个属性设置在项目上。orderflex-growflex-shrinkflex-basisflexalign-self1.order属性:定义项目的排列顺

2017-04-07 11:24:24 655

原创 flex布局基础(容器篇-即父级)

2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。一、Flex布局是什么Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。行内元素也可以使用Flex布局。.box{

2017-04-07 10:05:54 621

转载 关于堆叠上下文有趣的CSS题目

z-index 看上去其实很简单,根据 z-index 的高低决定层叠的优先级,实则深入进去,会发现内有乾坤。看看下面这题,定义两个 div A 和 B,被包括在同一个父 div 标签下。HTML结构如下: #divA display:inline-block #divB float:leftCSS 定义如下:.container{ position:rel

2017-01-16 10:24:21 247

原创 transition -- animation -- transform

Transform:对元素进行变形;Transition:对元素某个属性或多个属性的变化,进行控制(时间等),类似flash的补间动画。但只有两个关键贞。开始,结束。Animation:对元素某个属性或多个属性的变化,进行控制(时间等),类似flash的补间动画。可以设置多个关键贞。Transition与Animation:transition需要触发一个事件 ,而animat

2017-01-03 16:14:39 163

转载 jQuery中$.fn的用法示例介绍

$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效,下面有个不错的示例,喜欢的朋友可以参考下$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效。 如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个方法了. 那么你可以这样子

2016-12-14 16:26:43 307

原创 js去重(可用于字符串、数字等)

下面是代码: 原值 $(function(){ $("#delRepeat").click(function(){ var strr = $("#repeatValue").val(); var strr2 = strr.split(""); strr2.sort(); var

2016-11-22 11:04:44 1264

转载 JavaScript中for..in--序列1

大家都知道在JavaScript中提供了两种方式迭代对象: (1)for 循环; (2)for..in循环; 使用for循环进行迭代数组对象,想必大家都已经司空见惯了。但是,使用for.. in循环时,大家可要注意了,为什么这么说呢?大家听我娓娓道来.... javascript提供了一种特殊的循环(也就是for .. in循环),用来迭代对象的属性或数组的每个元素,for...i

2016-11-21 15:13:51 404

转载 学习Javascript中this的用法(初学者)

原文出处:http://www.ruanyifeng.com/blog/2010/04/using_this_keyword_in_javascript.htmlthis是Javascript语言的一个关键字。它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如,  function test(){    this.x = 1;  }

2016-11-08 17:35:02 166

转载 学习Javascript闭包(初学者)

本文是转载,以下是原文地址:http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。下面就是我的学习笔记,对于Javascript初学者应该是很有用的。

2016-11-08 16:20:46 122

原创 Object.prototype.toString

1.判断基本类型:Object.prototype.toString.call(null);//”[object Null]”Object.prototype.toString.call(undefined);//”[object Undefined]”Object.prototype.toString.call(“abc”);//”[object String]”Object.prot

2016-11-07 14:23:50 151

翻译 hasOwnProperty

为了判断一个对象是否包含自定义属性而不是原型链上的属性, 我们需要使用继承自Object.prototype 的 hasOwnProperty 方法。注意: 通过判断一个属性是否 undefined 是不够的。 因为一个属性可能确实存在,只不过它的值被设置为undefined。hasOwnProperty 是JavaScript中唯一一个处理属性但是不需要查找原型链的方法。

2016-11-07 13:12:56 227

原创 再谈JS各种高度命令

query中各种高度 alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height()); /

2016-11-07 10:15:24 231

原创 CSS3动画属性 - animation整理

调用动画animation: name duration timing-function delay iteration-count direction fill-mode play-state; 动画:名称 播放时间 播放方式 开始播放时间 播放次数 播放方向 时间外属性 播放状态;1.设置动画播放时间  (用来指定元素播放动

2016-09-12 10:32:17 388

原创 html5 audio的暂停与播放

在html5里,audio是新增的功能。它方便了用户。大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 audio 元素来包含音频的标准方法。audio 元素能够播放声音文件或者音频流。不过它的兼容性还不完善。只有IE 9 支持MP3,Firefox 3.5和Opera 10.5支持Ogg Vorbi、Wav,Chr

2016-09-09 15:47:16 1530

转载 display:inline-block之用法

HTML的元素有多种display属性,比较常见的有display:none; display:block; display:inline和display:inline-block;等。详细可参阅W3Schools文档。有些HTML元素自然地带有display:block;样式属性,比如        ...        ,,    ,,        等

2016-09-08 10:53:08 168

转载 jQuery中的.height()、.innerHeight()和.outerHeight()

在jQuery中,width()方法用于获得元素宽度;innerWidth()方法用于获得包括内边界(padding)的元素宽度,outerWidth()方法用于获得包括内边界(padding)和边框(border)的元素宽度,如果outerWidth()方法的参数为true则外边界(margin)也会被包括进..jQuery中的.height()、.innerHeight()和.outerH

2016-09-07 17:31:43 195

空空如也

空空如也

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

TA关注的人

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