- 博客(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
2969
原创 干货代码——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
327
原创 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
427
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人