- 博客(9)
- 收藏
- 关注
RSS订阅原创 mouseover/mouseout与mouseenter/mouseleave的区别
mouseover/mouseout 会触发事件冒泡mouseenter/mouseleave 不会触发事件冒泡
2019-11-28 14:42:14
212
原创 原生JS实现窗体发生滚动后，仍然能正常使用的放大镜效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
2019-11-28 14:06:04
214
原创 html页面中实现分割线高度小于1px的效果
在页面中设置分割线时，设置分割线的最小高度为1px；设置比1px小的值时，页面中的分割线也不会再变细，有其他网站中的分割线确实是比1px更细；可以使用css3 中 **transform：scaleY()**来实现更细的分割线<div style="width:100%;height:1px;background-color: black;transform: scaleY(0.3);"&...
2019-11-27 14:08:17
1379
原创 不使用unshift()方法将元素插入到数组开头
内容来自《数据结构与算法JavaScript描述》Michael McMillan(王群峰 杜欢 译) 人民邮电出版社 ISBN：978-7-115-36339-8var arr = [2,3,4,5];var arr_in = 1;var length = arr.length;for(var i=length;i>0;i--){ arr[i] = arr[i-1...
2019-11-26 13:53:04
372
原创 a标签中嵌套按钮实现点击按钮不跳转a标签中的链接
网页的顶栏广告中有嵌套在a标签中的按钮；例如京东结构应该类似于点击关闭按钮关闭广告栏，而不跳转标签的链接不是使用cancelBubble 或者stopPropagation()阻止事件冒泡;使用的仅仅是使用阻止默认行为preventDefault()原因是 点击a跳转链接是a的默认行为而不是事件。<!DOCTYPE html><html lang="en">...
2019-11-26 09:35:52
1700
原创 原生JS实现拖拽基本原理
实现代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #drag_obj{ width:100px; ...
2019-11-25 13:00:05
199
原创 offset/client/scroll相关属性
offsetWidth/offsetHeight包含了width，padding ，border；且offsetWidth/offsetHeight没有单位
2019-11-25 12:47:10
188
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人