01 2023 档案

HTML中dialog元素的使用
摘要：1. 直接贴代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" co 阅读全文
posted @ 2023-01-30 12:49 pangqianjin 阅读(531) 评论(0) 推荐(0) 编辑
不同宽度屏幕的字体大小优雅降级
摘要：直接贴代码 手机网易新闻网部分适配代码 html { font-size: 13.33333vw } @media screen and (max-width: 320px) { html { font-size:42.667px; font-size: 13.33333vw } } @media 阅读全文
posted @ 2023-01-29 18:19 pangqianjin 阅读(19) 评论(0) 推荐(0) 编辑
canvas画圆角矩形
摘要：1. 第一种方式：使用lineTo画直线和quadraticCurveTo（二次贝塞尔曲线）画圆弧 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" co 阅读全文
posted @ 2023-01-29 16:43 pangqianjin 阅读(783) 评论(0) 推荐(0) 编辑
cookie
摘要：https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Cookies 阅读全文
posted @ 2023-01-17 09:33 pangqianjin 阅读(4) 评论(0) 推荐(0) 编辑
用::after伪元素，attr()CSS 表达式和一个自定义数据属性 data-descr 创建一个纯 CSS，词汇表提示工具
摘要：<p>这是上面代码的实现<br /> 我们有一些 <span data-descr="collection of words and punctuation">文字</span> 有一些 <span data-descr="small popups which also hide again">提示 阅读全文
posted @ 2023-01-17 09:11 pangqianjin 阅读(85) 评论(0) 推荐(0) 编辑
利用input标签来复制文本到剪切板却丢回车失换行符
摘要：举例 下面的方法复制到剪切板后，会吞掉 \r 和 \n： const copy = (value) => { const input = document.createElement("input");// 可以换成textarea标签 input.value = value; document.b 阅读全文
posted @ 2023-01-10 11:15 pangqianjin 阅读(136) 评论(0) 推荐(0) 编辑
CSS 干掉图片背景
摘要：1. 首先图片需要有一个容器，容器需要有背景颜色，默认是#fff <div class="container"> <img src="xxx.png" alt="" /> </div> 2. 然后指定混合模式和滤镜 .container { background-color: xxx颜色; img 阅读全文
posted @ 2023-01-05 10:24 pangqianjin 阅读(187) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示