- 博客(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
142551
2
原创 数组方法
对象继承toString():返回由数组中每个值的字符串形式拼接而成的一个以逗号分隔的字符串 注意:该方法的返回值与不使用任何参数调用join()方法返回的字符串相同toLocaleString():toString()方法的本地化版本,它经常也会返回与toString()方法相同的值,但也不总是如此。因为,它调用元素的是toLocaleString()方法将每个数组元素转化为字符串...
2018-04-13 16:23:42
260
转载 页面重绘和回流以及优化
在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解,页面是怎么把html结合css等显示到浏览器上的,下面的流程图显示了浏览器对页面的呈现的处理流程。可能不同的浏览器略微会有些不同。但基本上都是类似的。 1. 浏览器把获取到的HTML代码解析成1个DOM树,HTML中的每个tag都是DOM树中的1个节点,根节点就是我们常用的document对象。DOM树里包含了所有HTML标签...
2018-04-12 16:55:32
1432
原创 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
1675
原创 js动画-----setTimeout、setInterval、requestAnimationFrame
用js来实现动画,我们一般是借助setTimeout或setInterval这两个函数,css3动画出来后,我们又可以使用css3来实现动画了,而且性能和流畅度也得到了很大的提升,但是css3动画还是有不少局限性,所以有的时候我们还是不得不使用setTimeout或setInterval的方式来实现动画,可是setTimeout和setInterval存在严重的性能问题,虽然某些现代...
2018-04-10 14:56:25
1249
原创 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
4692
原创 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
188
原创 JavaScript的操作符
一元操作符:前置型:(先自加或者自减后赋值)例如:++a,--a后置型:(先赋值后自加或者自减)例如:a++,a-- 一元加:(本质上对数字是没有任何影响的,但是会把字符串转换成数字,一元运算符可以把 以“0x”开头的字符串(表示十六进制的数字)转换成十进制的值)例如:var num=10;num=+num;console.log(num);========>这里的结果还是10var aN...
2018-01-21 10:16:18
342
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人