animation与transition区别

animation与transition区别

标题中的两个属性都可以实现动画效果,某些场景下两者表现几乎一样。 我们知道属性的命名与其功能密切相关,先从两者 […]

a===void 0 作用

a===void 0 作用

当然a===void 0并不是固定形式,只能说存在类似形式的应用。 下面介绍一下它的作用是什么。 a===vo […]

JavaScript 阻止超链接的跳转

JavaScript 阻止超链接的跳转

实际应用中,链接可能不是用来跳转到指定的页面,而是当做一个按钮使用。 此时,我们不希望链接跳转,下面就简单介绍 […]

canvas 绘制立体圆环

canvas 绘制立体圆环

分享一个代码实例,它实现了绘制立体圆环的效果。 代码实例如下: <!doctype html> & […]

JavaScript操作DOM性能优化

JavaScript操作DOM性能优化

JavaScript主要功能之一就是用来操作DOM,但操作DOM是非常昂贵的行为。 在初学阶段,达成目标是主要 […]

js判断浏览器 谷歌浏览器设置字体小于12px

js判断浏览器 谷歌浏览器设置字体小于12px

当前谷歌浏览器有一个问题,默认情况下不能设置小于12px的字体。 代码实例如下: <!DOCTYPE h […]

javascript对象获取原型对象

javascript对象获取原型对象

本章节介绍一下如何获取一个对象实例的原型对象。 实现此功能的常用方法有两种,下面就分别做一下简单介绍。 实现方 […]

JavaScript 获取第n个li元素

JavaScript 获取第n个li元素

本文介绍一下如何利用JavaScript获取li元素列表中的第n个li元素。 随着HTML5的出现,获取的手段 […]

JavaScript时间转换为UTC格式

JavaScript时间转换为UTC格式

本文介绍一下如何将时间日期格式转换为UTC格式。 比如使用Expires设置cookie过期时间,就需要UTC […]

encodeURI与encodeURIComponent区别

encodeURI与encodeURIComponent区别

标题中两个方法功能比较类似,都可以对URI进行编码,并且返回值格式相同。 所以,实际编码中可能会出现方法应用场 […]

检测当前浏览器是否支持cookie

检测当前浏览器是否支持cookie

浏览器基本上都是支持cookie功能的。 需要判断当前浏览器是否开启cookie功能。 代码如下: windo […]

CSS 匹配指定name元素

CSS 匹配指定name元素

本文分享一段代码实例,利用CSS匹配具有指定name属性值的元素。 使用CSS的属性选择器即可实现,代码实例如 […]

设为首页和添加到收藏夹js代码

设为首页和添加到收藏夹js代码

设为首页加入收藏代码在大量的网站都有应用,如果喜欢此网站的话,可以将根据自己的需要将网站设置为首页或者加入收藏 [&hell...

JavaScript与ECMAScript区别

JavaScript与ECMAScript区别

JavaScript是一门非常流行的脚本语言,学习者众多。 当初学者刚开始入门此语言的时候,可能会发现如下几个 […]

position:relative相对定位不脱离文档流

position:relative相对定位不脱离文档流

本文将会通过代码实例证实一下相对定位是否会脱离文档流。 如果一个元素脱离文档流,那么它不再占据文档流的空间,后 […]

textarea文本框添加提示背景

textarea文本框添加提示背景

大家可能见过这样的效果,一个文本框带有背景图片。 通常背景图片上带有提示语,当点击文本框的时候,这个背景图片就 […]

input文本框焦点背景变色

input文本框焦点背景变色

很多网页表单设计中,当文本框获得焦点的时候会改变它的样式属性,可以提高文本框的辨识度。 下面以设置背景色为例子 […]

@import与<link> 的区别

@import与<link> 的区别

引入CSS文件可以使用两种方式: (1).@import。 (2).标签。 自然两者是有区别的,有简单的表象区 […]

HTML5 pattern自定义验证提示

HTML5 pattern自定义验证提示

pattern属性值为正则表达式,用来验证对应表单元素的值。 <!doctype html> &l […]

CSS图片等比例缩放裁切详解

CSS图片等比例缩放裁切详解

本文将通过代码实例详细介绍一下如何实现图片等比例缩放裁切效果。 图片有两种应用方式,一种作为子元素存在,一种是 […]