css-tricks
发表于|更新于
|浏览量:
站在上风的人衣冠要整洁，位在任上的人言行要谨慎，这才是政治家对天下的责任。——德富芦花
分享一个网站，这个网站有很多css小技巧
比如css实现颗粒噪声
又或是对于console的使用指引，例如console.clear()清除控制台
相关推荐
2022-12-15
低仿lusaxweb鼠标
幸福的婚姻生活，往往会被卑鄙的勾当、阴险的猜忌所破坏。——莎士比亚 这是 http://lusaxweb.net/ 它的鼠标很有意思，是一个圈，能够反色，我们低仿一个 代码如下： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263<!DOCTYPE html><html><head> <style> * { margin: 0; padding: 0; cursor: none; } .img { height: 80vh; width: 80vw; overflow: hidden; } .img:ho...
2022-12-25
mask
任凭人群来往，任凭钟声响起，小孩啼哭——决心好好过上一天。——梭罗《瓦尔登湖》 分享一个css属性mask： https://developer.mozilla.org/zh-CN/docs/Web/CSS/mask https://css-tricks.com/almanac/properties/m/mask/ CSS 属性 mask 允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一个元素的部分或者全部可见区域。 这个属性很类似于background属性，但不同的是，background是背景在元素下层，mask是遮罩在元素上层，且mask不支持直接指定color，只支持image对象如图片、svg等 同样两者都是组合属性，意味着可以用简写，而不是一个一个去指定 12mask-image: url(/img/oss/blog/vampireachao/bilibili-line.svg);mask-repeat: no-repeat; 可以简写为 1mask: url(/img/oss/blog/vampireachao/bilibili-line.svg) ...
2020-11-13
js当前函数获取调用它的函数
教育本质是一棵树摇动另一棵树，一朵云推动另一朵云，一个灵魂唤醒另一个灵魂。——雅斯贝尔斯 转载，原文 当我们在调试的时候，想获取这个函数被哪个函数调用，以方便调试，但是 caller属性被严格模式下被禁用了 我们可以通过 (new Error()).stack.split(“\n”)[2].trim().split(“ “)[1]方法来获取调用当前函数的那个函数名 解释：new Error().stack 表示程序出错位置的栈，[0]表示当前函数，[1]表示上一级函数调用的函数 [2]上上级…. 例子： 123function bb(){cc()} function cc(){console.log((new Error()).stack.split("\n")[2].trim().split(" ")[1])} bb() //打印出bb
2022-05-31
node版本管理工具nvm
凡心所向，素履所往，生如逆旅，一苇以航。——『尘曲』 我们经常需要多个node版本切换的场景，nvm可以做到这一切 代码地址：https://github.com/nvm-sh/nvm 我们这里用的是windows，因此windows仓库地址：https://github.com/coreybutler/nvm-windows 首先是下载：https://github.com/coreybutler/nvm-windows/releases/tag/1.1.7 下载zip包后安装即可 注意这里是1.1.7版本，而且安装目录尽量放在D盘新建的目录等没有空格、中文、乱七八糟的权限干扰的目录 然后选择node路径时同理 完成后即可使用 123456789101112$ nvm use 16Now using node v16.9.1 (npm v7.21.1)$ node -vv16.9.1$ nvm use 14Now using node v14.18.0 (npm v6.14.15)$ node -vv14.18.0$ nvm install 12Now using nod...
2022-08-05
Navigator.clipboard
人类侥幸拥有了智慧，就应该善用它。——王小波 惯例，MDN：https://developer.mozilla.org/zh-CN/docs/Web/API/Navigator/clipboard 注意该API只能在https或者本地开发环境生效 剪贴板 Clipboard API 为 Navigator 接口添加了只读属性 clipboard，该属性返回一个可以读写剪切板内容的 Clipboard 对象。 在 Web 应用中，剪切板 API 可用于实现剪切、复制、粘贴的功能。 只有在用户事先授予网站或应用对剪切板的访问许可之后，才能使用异步剪切板读写方法。许可操作必须通过取得权限 Permissions API 的 "clipboard-read" 和/或 "clipboard-write" 项获得。 我们来写一段代码： 123456789<body> <div class="cliptext"></div> <script> ...
2022-10-30
designMode
保持友谊的最好办法是不出卖朋友——米兹涅尔 我们可以使用 1document.designMode = 'on' 来开启页面的编辑模式 例如：
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog