- 博客(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关注的人