- 博客(3)
- 收藏
- 关注
RSS订阅原创 setTimeout用法——避免重复性触发操作
btn的click事件，每次点击都会执行给定的function，如果function复杂的话，很容易消耗内存解决方法——setTimeout延时处理。给function做延迟处理，比如600毫秒后执行，如果在600毫秒内再次触发方法，则将之前的timeout清除。关键代码： let isr = false let timer = null let oBtn = document.getElementById('oBtn') oBtn.onclick = function ()
2020-10-30 16:11:23
2422
原创 干货代码——Div拖拽功能
拖拽功能需要用到的三个方法：onmousedown，onmousemove，onmouseup鼠标按下时（onmousedown）: 记录下div拖拽前鼠标的位置鼠标移动时（onmousemove）：动态计算元素的位置（left, top）鼠标抬起时（onmouseup）：释放掉上边两个事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&
2020-10-29 17:26:42
218
原创 css3滚动条样式的优化
关于滚动条的设计，需要用到css3的微元素，都列在下边吧（以Chrome内核webkit为例）。-webkit-scrollbar 滚动条的整体轮廓，width表示纵向滚动条的宽度，height表示横向滚动条的高度。-webkit-scrollbar-track 滚动轨迹-webkit-scrollbar-thumb 滚动滑块-webkit-scrollbar-corner 滚动条右下角的小正方形做个例子参考一下：<!DOCTYPE html>...
2020-10-29 17:00:01
322
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人