2024年4月29日
CSS Custom Highlight API
摘要： CSS Custom Highlight API CSS Custom Highlight API JavaScript 创建范围并使用 CSS 定义样式来设置文档中任意文本范围的样式 该 API 允许开发者通过 CSS 自定义属性来设置文本的样式, 并将其应用到文档中的任意文本范围。 本质就是查找 阅读全文
posted @ 2024-04-29 22:39 _clai 阅读(137) 评论(0) 推荐(0)
EyeDropper 拾色器
摘要： EyeDropper EyeDropper：拾色器，从屏幕上选择颜色 需要用户交互操作 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=devi 阅读全文
posted @ 2024-04-29 21:53 _clai 阅读(139) 评论(0) 推荐(0)
CSS Counter Styles
摘要： CSS Counter Styles 允许您自动对 HTML 文档中的元素进行编号或标记。我们定义一个具有特定名称和起始值的 counter，然后根据 CSS 规则递增或递减该计数器。 使用 counter-reset 属性定义计数器，设置其起始值，然后使用 counter-increment 属性 阅读全文
posted @ 2024-04-29 21:05 _clai 阅读(65) 评论(0) 推荐(0)
Media Session API
摘要： Media Session API 控制媒体播放和自定义媒体通知 PC浏览器的媒体控制按钮 手机、平板端看控制中心 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" conte 阅读全文
posted @ 2024-04-29 16:00 _clai 阅读(167) 评论(0) 推荐(0)
2024年4月28日
Compression Stream API
摘要： Compression Stream API 使用 gzip 或者默认格式压缩和解压缩数据 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=de 阅读全文
posted @ 2024-04-28 21:55 _clai 阅读(148) 评论(0) 推荐(0)
Cookie Store API
摘要： Cookie Store API 获取和设置 cookie 的信息 无法获取 HttpOnly 标记的 cookie expires 为 null 时，表示会话结束时过期 domain 只有在 domain 为当前域名的主域名时才显示(不包含子域名)，否则为 null. <!DOCTYPE html 阅读全文
posted @ 2024-04-28 19:28 _clai 阅读(41) 评论(0) 推荐(0)
Screen Wake Lock API
摘要： Screen Wake Lock API 防止设备因为闲置而自动调低亮度或锁定屏幕，确保屏幕始终保持开启状态 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content= 阅读全文
posted @ 2024-04-28 16:38 _clai 阅读(77) 评论(0) 推荐(0)
canvas圆形裁切
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1. 阅读全文
posted @ 2024-04-28 16:21 _clai 阅读(85) 评论(0) 推荐(0)
2024年4月27日
js+canvas图片裁剪
摘要： canvas 裁剪图片功能实现 选择图片文件，预览原图 裁剪图片 显示裁剪后的图片 调整裁剪区域大小 获取裁剪后的图片 图片裁剪功能优化 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="view 阅读全文
posted @ 2024-04-27 22:44 _clai 阅读(111) 评论(0) 推荐(0)
2024年4月24日
canvas 压缩图片
摘要： 拖动 range, 查看压缩效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0 阅读全文
posted @ 2024-04-24 00:02 _clai 阅读(64) 评论(0) 推荐(0)