default
menu home
图标库 注册 登录 favorite_border message help_outline

- 在线笔记-page7

style分类标签:  全部 CSS html javascript php/other IT
subject 更全面匹配UTF-8中文汉字的正则表达式

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

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

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

演示 subject CSS实现倾斜绶带式45°标签

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

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

subject Ubuntu 22.04 live server更换亚马逊AWS的更新源

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

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

演示 subject 简洁有效地实现水平垂直双居中

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

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

演示 subject 纯CSS3做一个带箭头指向的漂亮的带阴影提示框

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

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

演示 subject https协议下javascript复制内容到剪贴板

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

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

演示 subject CSS实现在普通可滚动容器元素内的类似position:fixed悬浮固定按钮效果

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

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