html
关注
分享
扫一扫
文章平均质量分 60
bdawn
JS全栈|软件工程师，负责公司所有前后端项目的开发和管理。
展开
-
html+js+css实现一个圆形滑块
产品经理设计了这样一个需求，通过拖动圆形滑块实现时间的设置功能，虽然看着有点复杂，但是确实有点复杂。原创 2023-10-29 23:41:27 · 1594 阅读 · 5 评论 -
针对vue的大屏面板适配方案
针对vue的大屏面板适配方案，只需简单的引入一个插件原创 2022-04-30 10:14:10 · 1178 阅读 · 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 · 333 阅读 · 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 · 9227 阅读 · 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 · 7798 阅读 · 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 · 739 阅读 · 0 评论