自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue的hover事件

<template> <div class="container"> <ul class="row"> <template v-for="(item) in items"> <li @mouseover="selectStyle (item) " :class=&a

2018-05-10 16:20:33 142256 2

原创 数组方法

对象继承toString():返回由数组中每个值的字符串形式拼接而成的一个以逗号分隔的字符串        注意:该方法的返回值与不使用任何参数调用join()方法返回的字符串相同toLocaleString():toString()方法的本地化版本,它经常也会返回与toString()方法相同的值,但也不总是如此。因为,它调用元素的是toLocaleString()方法将每个数组元素转化为字符串...

2018-04-13 16:23:42 221

转载 页面重绘和回流以及优化

    在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解,页面是怎么把html结合css等显示到浏览器上的,下面的流程图显示了浏览器对页面的呈现的处理流程。可能不同的浏览器略微会有些不同。但基本上都是类似的。    1.  浏览器把获取到的HTML代码解析成1个DOM树,HTML中的每个tag都是DOM树中的1个节点,根节点就是我们常用的document对象。DOM树里包含了所有HTML标签...

2018-04-12 16:55:32 1386

原创 css中单位px、pt、em和rem的区别

常用单位下面是对这些单位的一个简单整理:单位类型描述px(pixel,像素)Absolute1个Viewport像素,相对长度单位。像素px是相对于显示器屏幕分辨率而言的。pt(point,磅)Absolute1pt = 1/72英寸,物理长度单位,指的是72分之一英寸pcAbsolute1pc = 12pt%Relative相对于父元素的字体尺寸emRelative相对于父元素的字体尺寸,相对长...

2018-04-12 16:25:42 1572

原创 js动画-----setTimeout、setInterval、requestAnimationFrame

       用js来实现动画,我们一般是借助setTimeout或setInterval这两个函数,css3动画出来后,我们又可以使用css3来实现动画了,而且性能和流畅度也得到了很大的提升,但是css3动画还是有不少局限性,所以有的时候我们还是不得不使用setTimeout或setInterval的方式来实现动画,可是setTimeout和setInterval存在严重的性能问题,虽然某些现代...

2018-04-10 14:56:25 1137

原创 console的方法

一、console.log()        console.log("%c%s","color:red;font-size:20px","结果是:这样的哟");//用于输出普通信息,最常用        二、console.info()        console.info("%s","color:red;这是结果哟");//用于输出提示性信息        三、console.error()...

2018-03-09 16:14:18 4610

原创 css布局

水平居中布局一、margin + 定宽  .myDiv{        width: 100 px;        margin: 0 auto;  }二、table + margin   .myDiv{        display: table;        margin: 0 auto;  } display: table 在表现上类似 block 元素,但是宽度为内容宽。  ● 无需设置...

2018-02-22 17:34:21 110

原创 JavaScript的操作符

一元操作符:前置型:(先自加或者自减后赋值)例如:++a,--a后置型:(先赋值后自加或者自减)例如:a++,a-- 一元加:(本质上对数字是没有任何影响的,但是会把字符串转换成数字,一元运算符可以把  以“0x”开头的字符串(表示十六进制的数字)转换成十进制的值)例如:var num=10;num=+num;console.log(num);========>这里的结果还是10var aN...

2018-01-21 10:16:18 262

空空如也

空空如也

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

TA关注的人

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