favinavi - Online notes-page7

记录一些经常用到的时间处理函数以备用。

by: fanshome  visibility 1905
2023-06-02 14:05 (UTC)

网上搜索得到的匹配汉字的正则表达式有一部分并不全面，只匹配了Unicode字符集中\u4E00-\u9FA5范围，并不包含\uF900-\uFA2D这些后期添加的拾遗补缺的、生冷僻的中文字符。而有时候我们需要能比较全面的匹配所有中文字符，则需要在常用的正则表达式上做一些修改补充。

要注意的是，JavaScript和PHP在匹配Unicode字符时，它们的正则表达方式并不一致，不能直接复制过去使用。
php正则记得要添加“/u”修正符。

by: fanshome  visibility 1898
2023-05-19 07:57 (UTC)

有时候页面需要在某个元素上设置一个醒目的标志，比如“审核中”、“热卖中”、“HOT”等等，此时本样式比较合适。
先上图看最终效果。
[img]

by: demo  visibility 1896
2023-05-20 13:49 (UTC)

amzon亚马逊云AWS的更新源，即使在国内速度也基本可接受，其最大特点是软件丰富，常用软件包几乎没有找不到的。
具体步骤如下：

by: fanshome  visibility 2294
2023-05-18 08:47 (UTC)

同时实现水平和垂直方向双居中的方法网上有很多种，本人倾向于采用其中最简洁有效的方法来实现，具有比较好的通用性。
具体实现的css代码如下：

by: fanshome  visibility 1773
2023-06-24 16:41 (UTC)

纯CSS3，不使用图片。先看下最终实现的效果图：
[img]
这里以指向右侧的尖形小箭头为例，其它方向请自行修改。

by: fanshome  visibility 2050
2023-05-29 15:01 (UTC)

JavaScript复制内容到剪贴板（clipboard）网上教程比较多，大部分使用document.execCommand('copy');的方法。不过，该方法不久将不再被现代浏览器支持，所以需要一个更符合时代的方法。
其实，使用navigator.clipboard方法也很简单，并且一时半会儿不会被淘汰。使用该方法复制文本内容的示例代码如下：

by: fanshome  visibility 1659
2023-05-19 16:53 (UTC)

有时候，我们需要在某个可滚动（scroll）的元素内实现悬浮固定按钮效果，按钮不能随着鼠标滚动而变化。在全可视窗口实现这个效果（比如顶部的悬浮菜单）比较简单，只要给元素添加css属性{position:fixed;z-index:10;top:0;left:0}即可。
然而，假如想在页面上某个可滚动的元素（比如div）内实现悬浮固定按钮的话，就需要动点小脑筋了，否则要么按钮的位置（top/left等）是相对于整个页面，而不是相对于div固定；要么按钮会随着鼠标滚动而滚动甚至消失。
这时，我们可以采用在相邻元素添加position:absolute按钮来实现相对固定，从而避免被滚动。比如本页面的“复制代码”按钮，具体实现方法如下：

by: fanshome  visibility 2641
2023-05-18 08:00 (UTC)