- 博客(10)
- 资源 (5)
- 收藏
- 关注
转载 HTML中的meta标签
<HEAD> //1.基本标签 <! - 声明文档使用的字符编码 - > <meta charset =“utf-8”/> <! - 优先使用IE最新版本和Chrome - > <meta http-equiv =“X-UA-Compatible”content =“...
2018-09-29 15:39:03 239
转载 JavaScript优化之函数节流与函数防抖
一、概念解释函数节流和函数防抖,两者都是优化高频率执行js代码的一种手段。 大家大概都知道旧款电视机的工作原理,就是一行行得扫描出色彩到屏幕上,然后组成一张张图片。由于肉眼只能分辨出一定频率的变化,当高频率的扫描,人类是感觉不出来的。反而形成一种视觉效果,就是一张图。就像高速旋转的风扇,你看不到扇叶,只看到了一个圆一样。 同理,可以类推到js代码。在一定时间内,代码执行的次数不一定要非常多...
2018-09-29 13:32:18 132
原创 pie.htc的使用----使IE6/7/8兼容部分CSS3属性
一、前言pie.htc是一个可以解决IE6/7/8无法支持CSS3属性的文件,其利用VML绘制相关的效果。要注意的是它并不能实现所有CSS3效果,其兼容的属性有:box-radius,线性渐变( linear-gradient),rgba,box-shadow,border-image。二、使用方法使用behavior:url(pie.htc)引入pie.htc即可完成相关效果了。以下...
2018-09-28 10:12:24 5719 2
原创 CSS之元素居中
一、水平居中水平居中分为了行级元素、块级元素(定宽块级元素、不定宽块级元素)。(1)行级元素行级元素居中只需在父元素中添加text-align:center属性即可。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&
2018-09-26 14:34:41 174
原创 JS之Function类型
目录 一、函数声明与函数表达式二、函数的内部属性三、函数属性和方法一、函数声明与函数表达式函数声明与函数表达式区别:解析器在解析代码时对函数声明和函数表达式会有“区别对待”,解析器会率先读取函数声明使其在执行任何代码时可用(此过程为函数声明提升);而函数表达式需要等到解析器执行到所在位置才会被解释执行,如下:alert(add(1,2)); // 3function...
2018-09-25 17:34:35 535
原创 CSS你不知道的border
提到CSS的border相信大家一点都不陌生,利用CSS的border可以为元素添加边框,例如,我们为一个id为triangle的元素添加一个边框:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></ti
2018-09-22 23:02:18 421
原创 CSS盒子模型
CSS盒子模型分为标准盒子和IE盒子,那么两者有什么区别呢。我们运行下面代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>盒子模型</title> <style t
2018-09-22 18:20:44 3048
原创 CSS文字省略
在平时项目中可能会遇到文字在固定宽高的容器中可能会放不下,这时需要将文字多余部分隐藏并用省略号的方式显示。实现方式如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title&
2018-09-22 16:57:48 1961
原创 CSS清除浮动
CSS清除浮动目录一、父元素设置高度二、使父元素浮动三、父元素添加display:inline-block四、浮动元素后添加 五、使用:after伪类六、溢出隐藏 问题引入:当在容器中出现浮动元素可能会导致浮动元素超出容器,即浮动元素高度大于容器高度(高度塌陷)。这是因为float:left属性会导致元素脱离文档流。此时我们需要清除浮动以消除高度塌陷的问题。...
2018-09-22 00:33:45 162
原创 jQuery.proxy()解析
jQuery.proxy()方法的两种使用方法:该方法作用是改变函数作用域(依靠apply方法实现)方式一:jQuery.proxy(function,context)该方式作用是将function的作用域修改为context,即function中的this值指向context,与apply作用相同。var name = "Jack";var person = { ...
2018-09-21 21:09:10 845
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人