自定义博客皮肤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)
  • 收藏
  • 关注

原创 js查找元素在数组中的位置(index值)

        //查找制定元素在数组中的索引值        Array.prototype.indexVf=function(arr){            for(var i=0;i<this.length;i++){                if(this[i]==arr){                    return i;                }     ...

2018-06-21 16:04:08 33700

原创 AngularJS指令学习和理解

Angular重要部分之一 指令指令可以分为四种使用的方式 1、作为一个新的HTML元素来使用。 或者 2、作为一个元素的属性来使用。3、作为一个元素的类来使用。4、作为注释来使用。 注意在directive: hello中间要加一个空格下面具体来介绍一下这四种指令的使用方法吧.directive('hello',function(){ return { restrict:'A

2016-12-08 16:38:56 1105

原创 bootsrap3的学习笔记,一些常用的类名

如果是中文的网页加上 lang="zh-CN"> ...为了确保适当的绘制和触屏缩放,需要在  之中添加 viewport 元数据标签。 name="viewport" content="width=device-width, initial-scale=1">.container 类用于固定宽度并支持响应式布局的容器。(也就是版心,居中于页面距离两端有一定

2016-12-07 17:12:28 1188 1

原创 CSS3 的 transition 和 animation

transitiontransition 属性是一个简写属性,用于设置四个过渡属性transition-property, 设置过渡效果过属性名transition-duration, 规定完成过度的时间transition-timing-function,规定过渡效果的速度曲线transition-delay 定义过渡效果过什么时候开始transiti

2016-12-07 14:28:02 410

转载 自学-ES6篇-Proxy和Reflect

1、Proxy概述Proxy用于修改某些操作的默认行为,等同于在语言层面做出修改,所以属于一种“元编程”(meta programming),即对编程语言进行编程。Proxy可以理解成,在目标对象之前架设一层“拦截”,外界对该对象的访问,都必须先通过这层拦截,因此提供了一种机制,可以对外界的访问进行过滤和改写。Proxy这个词的原意是代理,用在这里表示由它来“代理”某些操作

2016-10-13 11:58:13 1204

转载 ES6里symbol

1、概述ES5的对象属性名都是字符串,这容易造成属性名的冲突。比如,你使用了一个他人提供的对象,但又想为这个对象添加新的方法(mixin模式),新方法的名字就有可能与现有方法产生冲突。如果有一种机制,保证每个属性的名字都是独一无二的就好了,这样就从根本上防止属性名的冲突。这就是ES6引入Symbol的原因。ES6引入了一种新的原始数据类型Symbol,表示独一无二的值。它是

2016-10-13 11:56:39 803

转载 ES6对象的扩展

1、属性的简洁表示法ES6允许直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁。[html] view plain copyvar foo = 'bar';  var baz = {foo};  baz // {foo: "bar"}    // 等同于  var baz = {foo: foo};  

2016-10-13 11:54:01 433

转载 ES正则的扩展

1、RegExp构造函数在ES5中,RegExp构造函数的参数有两种情况。第一种情况是,参数是字符串,这时第二个参数表示正则表达式的修饰符(flag)。[html] view plain copyvar regex = new RegExp('xyz', 'i');  // 等价于  var regex = /xyz/

2016-10-13 11:52:35 1744

转载 ES6变量的结构赋值

变量的解构赋值1、数组的解构赋值基本用法ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。以前,为变量赋值,只能直接指定值。[html] view plain copyvar a = 1;  var b = 2;  var c = 3;  

2016-10-13 11:51:25 2388

转载 ES6篇let和conts命令

let命令基本用法ES6新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。[html] view plain copy{    let a = 10;    var b = 1;  }  a // ReferenceError: a is not de

2016-10-13 11:49:44 1135

转载 ES6简介

ECMAScript 6.0(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了。它的目标,是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。标准的制定者有计划,以后每年发布一次标准,使用年份作为版本。因为ES6的第一个版本是在2015年发布的,所以又称ECMAScript 2015(简称ES2015)。

2016-10-13 11:48:07 603

转载 this关键字

this是JavaScript语言中的关键字。它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。简单的说this所在的函数是当做哪个对象的方法调用的,则该对象就是this所引用的对象,这在编写面向对象的JavaScript编程中起到重要作用。下面有四种不同的调用方式的情况。第一种:作为函数调用[html] view plain copy

2016-10-13 11:46:03 275

转载 es6中class学习

1、Class基本语法概述JavaScript语言的传统方法是通过构造函数,定义并生成新对象。下面是一个例子。[html] view plain copyfunction Point(x, y) {    this.x = x;    this.y = y;  }    Point.prototype.to

2016-10-13 11:43:53 673

转载 自适应的经验

DOCTYPE html>html>head> meta charset="utf-8" /> title>自适应布局title> style type="text/css"> body{ margin: 0; } .absolute_father{ width: 400px; height: 30

2016-10-13 11:36:07 301

转载 jQuery简单的瀑布流

doctype html>html>head> meta charset="UTF-8"> title>简易瀑布流(基于多栏列表流体布局实现)title> style type="text/css"> .WSCWaterfall{ width: 960px; margin: 0 auto; } .WSCWaterf

2016-10-13 11:33:54 313

转载 Zepto 使用中的一些注意点(转)

http://chaoskeh.com/blog/some-experience-of-using-zepto.html前段时间完成了公司一个产品的 HTML5 触屏版,开发中使用了 Zepto 这个著名的 DOM 操作库。为什么不是 jQuery 呢?因为 jQuery 的目标是兼容所有主流浏览器,这就意味着它的大量代码对移动端的浏览器是无用或者低效的。而 Zepto 只针对移动

2016-10-13 11:28:24 609

原创 不错的css3的网站

一个介绍css3的网站http://c7sky.com/works/css3slides/#1

2016-09-18 08:54:49 262

空空如也

空空如也

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

TA关注的人

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