自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 常用正则表达式

1.邮箱: 版本1: /^\w+([-_.]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,6})+$/gi ??是否标准? aaa@ddd.ddd.eee 版本2: /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/ 2.手机号:/^1[3|4|5|7|8]\d{9}$/gi 3.url: 4.任意标签:

2017-11-29 10:31:43 157

原创 元素的scrollHeigth、offsetHeight、clientHeight

每个dom元素都有3个表示其高度的属性,分别为scrollHeight、offsetHeight和clientHeight。那么,它们3个有什么区别呢? 1.offsetHeight:内容区高度+内边距高度+边框高度 2.clientHeight:内容区高度+内边距高度 因此,一个元素的offsetHeight - clientHeight = 2倍的边框厚度 3.scrollHeight

2017-11-27 14:14:46 183

原创 canvas动态绘制环形进度条

在做项目的过程中,遇到以下的需求:根据等级绘制环形进度条。下面把代码粘贴如下: 代码如下: var ctx = document.getElementById('radius').getContext('2d'); //画笔设置 ctx.strokeStyle = "rgba(216,216,216,100

2017-11-27 11:21:09 2458 1

原创 编写可维护的js-读书笔记

第7章  事件处理7.2 规则1:隔离应用逻辑事件处理程序不应该出现业务代码,应该只与用户行为有关。将所有应用逻辑从事件处理程序中抽离出来是最佳实践。不能无限制的分发event对象,因为我们的应用处理程序只用到event对象上的一部分属性,所以,要让事件处理程序成为接触到event对象的唯一函数,应该在进入应用逻辑前针对event对象执行任何必要的操作,包括阻止默认事件或者阻止冒泡。最佳实践//绑...

2017-11-22 18:10:54 216

原创 鼠标移入和移出事件mouseenter VS mouseover 、mouseleave VS mouseout

我们在做业务的过程中,经常会遇到当鼠标hover某个元素时,就将隐藏的元素显示,当鼠标没有hover时,就隐藏对应的元素。 如果要显示的元素是hover元素的子元素,那么用css就可以解决,但是,如果遇到其他的情况,就需要监听hover元素的mouseenter、mouseover或者mouseleave、mouseout事件,那么它们到底有什么区别的?下面我们来一一展述。 一、相同点: m

2017-11-09 21:05:38 1263

空空如也

空空如也

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

TA关注的人

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