2024年4月29日
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 阅读(103) 评论(0) 推荐(0)
CSS Counter Styles
摘要： CSS Counter Styles 允许您自动对 HTML 文档中的元素进行编号或标记。我们定义一个具有特定名称和起始值的 counter，然后根据 CSS 规则递增或递减该计数器。 使用 counter-reset 属性定义计数器，设置其起始值，然后使用 counter-increment 属性 阅读全文
posted @ 2024-04-29 21:05 _clai 阅读(43) 评论(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 阅读(127) 评论(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 阅读(114) 评论(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 阅读(22) 评论(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 阅读(48) 评论(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 阅读(67) 评论(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 阅读(91) 评论(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 阅读(50) 评论(0) 推荐(0)
2024年4月19日
大文件上传
摘要： 大文件多线程切片并发上传 技术使用： File.slice FileReader spark-md5 web worker <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" c 阅读全文
posted @ 2024-04-19 23:06 _clai 阅读(39) 评论(0) 推荐(0)