![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
文章平均质量分 60
bdawn
JS全栈|软件工程师,负责公司所有前后端项目的开发和管理。
展开
-
html+js+css实现一个圆形滑块
产品经理设计了这样一个需求,通过拖动圆形滑块实现时间的设置功能,虽然看着有点复杂,但是确实有点复杂。原创 2023-10-29 23:41:27 · 1392 阅读 · 5 评论 -
针对vue的大屏面板适配方案
针对vue的大屏面板适配方案,只需简单的引入一个插件原创 2022-04-30 10:14:10 · 1122 阅读 · 0 评论 -
dom事件冒泡机制
dom事件冒泡机制冒泡:html元素触发事件之后会将事件向上冒泡,交给父元素处理,依次向上,直到浏览器窗口window示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #pre { width: 200px;原创 2021-03-17 13:43:19 · 301 阅读 · 0 评论 -
html 等比缩放页面
根据浏览器窗口等比缩放页面实现思路通过css的transform scale属性对页面body元素进行缩放缩放比例为实际窗口尺寸/设置的body像素尺寸,选择(窗口宽/body宽)和(窗口高/body高)中较小的一个body缩放之后,位置相对于窗口出现偏移,许需要调整body的margin代码实现<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"/> <原创 2021-03-11 10:51:40 · 8833 阅读 · 0 评论 -
鼠标拖拽调整div大小
##鼠标拖拽调整div大小实现思路根据鼠标位置改变鼠标样式当鼠标在div的边缘和四个角时显示不同的样式,通过cursor修改当鼠标在div的边缘和四个角按下时记录具体坐标点位置, 并开始根据鼠标的移动修改div的尺寸鼠标松开时结束尺寸修改代码实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title&原创 2021-03-04 18:00:08 · 7416 阅读 · 6 评论 -
html中meta标签说明
meta标签说明官方说明 The HTML <meta> element represents metadata that cannot be represented by other HTML meta-related elements, like base, link, script, style or title.意思就是meta元素包含了HTML网页中不能在base,link,script,style,title等元素中表示的其他文档级别的元数据标签属性name 元数据原创 2020-10-17 11:30:30 · 683 阅读 · 0 评论