-
classAll tagskeyboard_arrow_down
favinavi网络收藏夹Ver 2.0开发笔记之更精细适配各类屏幕
统计搜索引擎对网站地图文件或robots.txt的访问记录的一种方法 CSS学习笔记：flex布局做出元素两端对齐效果 How long a new website can occupy the first position of search engine CSS实现倾斜绶带式45°标签 最好用的网络收藏夹应该是什么样？ CSS背景图片分割之大图小用 CSS3 一款漂亮的带渐变背景和关闭按钮的卡片头样式 使用基于Cookie-Free域名加载CSS时，解决字体文件无法加载的问题 网站开发测试环境启用https，使用自签发ssl证书不是个好主意 More... -
folderCSSkeyboard_arrow_down
CSS背景图片分割之大图小用 无法明确指定大图的宽度width和height时，如何避免累计布局位移CLS? 使用CSS让大背景图片适应不同大小屏幕又一例 一个使用CSS/HTML将图像自适应屏幕的示例 网页图片CSS进阶篇——优化图片，提升网页加载速度 CSS学习笔记：flex布局做出元素两端对齐效果 CSS学习心得：多行文本两端对齐，同时溢出部分自动截断并添加省略号... MDUI前端框架，表格头position: sticky无效的问题 几种CSS字体描边和阴影效果 CSS3特效“喜欢/Like”动态按钮，一颗会跳动的心脏 More...
-
folderHTMLkeyboard_arrow_down
了解onenav 无法明确指定大图的宽度width和height时，如何避免累计布局位移CLS? 关于网页上的复选框checkbox的checked和value的问题 使用CSS让大背景图片适应不同大小屏幕又一例 一个使用CSS/HTML将图像自适应屏幕的示例 CSS3+SVG实现的带音效、会抖动的小铃铛图标特效 CSS3 一款漂亮的带渐变背景和关闭按钮的卡片头样式 HTML5时代，使用同一个背景图片的多个链接自动适配不同屏幕宽度的一种方法 css实现图标或图片等元素镜像翻转（水平镜像、垂直镜像） CSS实现倾斜绶带式45°标签 More...
-
folderjavascriptkeyboard_arrow_down
javascript捕获缺省的组合快捷键，比如CTRL+F 关于网页上的复选框checkbox的checked和value的问题 自用小工具：正则表达式测试是否能匹配字符串 CSS3+SVG实现的带音效、会抖动的小铃铛图标特效 php/javascript的一些关于时间处理的函数 更全面匹配UTF-8中文汉字的正则表达式 https协议下javascript复制内容到剪贴板
-
folderPHP/Otherkeyboard_arrow_down
我的酱香之路 A PHP method for determining whether a browser supports AVIF images php判断浏览器是否支持avif格式图片的一种方法 统计搜索引擎对网站地图文件或robots.txt的访问记录的一种方法 网站的页面访问量以及搜索引擎爬虫访问量的统计方法 网络收藏夹网站开发过程中PHP正则表达式忘记使用非贪婪模式带来的一次教训 Apache2网站安装开通https协议SSL证书 php/javascript的一些关于时间处理的函数 更全面匹配UTF-8中文汉字的正则表达式 Ubuntu 22.04 live server更换亚马逊AWS的更新源 More...
-
folderITkeyboard_arrow_down
家用服务器proxmox 7.3开启samba共享目录 你的网站会有不请自来的访客吗？ 网站开发测试环境启用https，使用自签发ssl证书不是个好主意 搭建家庭用服务器全套攻略，300元一台小主机全部搞定 mysql8开启主从同步注意事项，否则会动不动就出错停止 使用基于Cookie-Free域名加载CSS时，解决字体文件无法加载的问题 Applebot是什么？ win11安装跳过TPM2.0和安全启动检查的方法 网络收藏夹的正确打开方式是怎样的？ favinavi网络收藏夹Ver 2.0开发笔记之更精细适配各类屏幕 More...
https协议下javascript复制内容到剪贴板
Demo
JavaScript复制内容到剪贴板（clipboard）网上教程比较多，大部分使用document.execCommand('copy');的方法。不过，该方法不久将不再被现代浏览器支持，所以需要一个更符合时代的方法。
其实，使用navigator.clipboard方法也很简单，并且一时半会儿不会被淘汰。使用该方法复制文本内容的示例代码如下：
.copyBtn{
height:24px;font-size:14px;font-weight:normal;line-height:24px;
cursor:pointer;text-align:center;background:#ddd;color:#444;
border-radius:4px;padding:2px 4px;
}
页面需要采用https协议才能运行<br/>
<button class='copyBtn' onclick='copyText()'>点击复制</button>
function copyText(){
let t="需要被复制的文本内容";
navigator.clipboard.writeText(t).then(()=>{
alert("复制成功");
},()=>{
alert("复制失败");
})
}需要注意的是：该方法要成功运行有2个前提条件：
1、用户已同意授权访问剪贴板；
2、页面使用https协议，否则出于浏览器安全规则，将不允许复制。
visibility 890
-
subject 网络收藏夹的正确打开方式是怎样的？
有人会说：这算哪门子问题，网络收藏夹不就是一个普通网站吗？普通网站怎么打开，你网络收藏夹就怎么打开呗！ 嗯...这么说当然没错，但是，但是！网络收藏夹毕竟是一...
-
subject 对比一下几个中文网络收藏夹的实用性之手机适配篇
手机满天下的时代，一个网站还好不好用，能否在手机上得到良好浏览体验非常关键了。 最近几天自己重点关注了一下自己的favinavi网站页面的屏幕自适应效果，优化...
-
subject HTML5时代，使用同一个背景图片的多个链接自动适配不同屏幕宽度的一种方法
在很久很久以前，没有智能手机的时代，写网站只要考虑PC显示屏幕，基本上任何页面元素都只要固定的宽度和高度，比较好处理。 为了提高页面的加载速度，讲究点的方法是...
-
subject CSS3特效“喜欢/Like”动态按钮，一颗会跳动的心脏
纯css+svg实现，鼠标移上去心脏会有节律地跳动，适合用来做点赞按钮参考，或者学习css动画技巧。
-
subject 更全面匹配UTF-8中文汉字的正则表达式
网上搜索得到的匹配汉字的正则表达式有一部分并不全面，只匹配了Unicode字符集中\u4E00-\u9FA5范围，并不包含\uF900-\uFA2D这些后期添加...
-
subject favinavi为什么会选择微软的bing搜索作为默认的搜索引擎？
这个选择初看有点奇怪，因为论搜索，谷歌是当然的第一选择，而中文搜索，百度又是当仁不让的中文搜索老大，微软的bing虽然做得还不错，但无论从哪方面说，它似乎都不该...
Post a comment