avatar
文章
2359
标签
36
分类
0
首頁
目录
标签
友鏈
关于
Logo阿超css-tricks 返回首页
搜索
首頁
目录
标签
友鏈
关于

css-tricks

发表于2022-11-21|更新于2026-02-24
|浏览量:

站在上风的人衣冠要整洁,位在任上的人言行要谨慎,这才是政治家对天下的责任。——德富芦花

分享一个网站,这个网站有很多css小技巧

https://css-tricks.com/

image-20221121133200417

比如css实现颗粒噪声

image-20221121133209547

又或是对于console的使用指引,例如console.clear()清除控制台

https://css-tricks.com/a-guide-to-console-commands/

前端
上一篇
git commit template
爱人所爱,投其所好的逢迎是最可人的逢迎——乔·塞尔登 分享一个插件 可以在git提交时点击此 选择创建提交消息 即可
下一篇
JSON小技巧
越年轻,就越不能跟丑事妥协——纪德 分享个前端的JSON.stringify以及parse小技巧 MDN:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON 例如我们此处使用JSON.stringify({name:'VampireAchao',age:21})可以将对象转为json 如果我们只想要name值,则可以传入第二个参数,可以接受一个数组类型 1JSON.stringify({name:'VampireAchao',age:21},['name']) 转出来则是'{"name":"VampireAchao"}' 如果我们要自定义规则,则可以传入一个函数类型,第一次调用时value为我们的数据对象,属于由外向内调用 1234567891011121314let times = 0;const json = JSON....
相关推荐
2022-08-07
拖动滑块验证
有事情是要说出来的,不要等着对方去领悟,因为对方不是你,不知道你想要什么,等到最后只能是伤心和失望。尤其是感情。——《麦兜》 效果: 源码: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...
2026-10-20
os-taxonomy
少壮不努力,老大徒伤悲。——《汉乐府・长歌行》 把「孩子学会了什么」画成一张会生长的地图一张会呼吸的星图想象这样一个画面:整个小学阶段所有能被称为「一个知识点」的东西,被拆成一千多颗小星星,铺在一块黑色的画布上。星星按学科上色,高度代表年龄——越小的孩子站得越低,越大的孩子站得越高;星与星之间有线,线不是装饰,是「必须先懂这个,才能懂那个」。 这不是比喻,这是一份开源数据集自带的视觉说明。它叫 Marble Skill Taxonomy,一个开放的、结构化的分类体系,描述的是孩子们在小学阶段究竟学到了什么。它把这些内容拆成细颗粒的「微主题」,串成一张前序依赖图,再对齐到各国的国家课程标准。 更关键的是它的姿态:不是一个被锁在产品里的黑箱,而是一份可以直接下载、直接解析、直接拿去做东西的纯数据。 项目地址:https://github.com/withmarbleapp/os-taxonomy 先说结论式的自我介绍这份数据的自我定位很短,但每个词都有分量:开放的、结构化的、「孩子学什么」的分类体系,覆盖小学阶段,拆成微主题,接上依赖图,对齐课标。 它出现的原因也很直接:市面上大...
2021-08-21
Failed to resolve loader: less-loader
但愿苍生俱饱暖,不辞辛苦出山林。一一于谦 本来我今天遇到这个问题了 1Failed to resolve loader: less-loader You may need to install it 我一看:你可能需要安装一下less-loader,我直接输入命令安装 1cnpm i less-loader 执行完毕,再次运行发现报错信息变了: 1TypeError: this.getOptions is not a function 原来是版本太高了,于是卸载 1cnpm uni less-loader 然后安装低版本的 1cnpm i less-loader@6.0.0 再次启动就好了
2026-02-23
FossFLOW
眼前的瞬间是一位威力强大的女神。——歌德 FossFLOW — 用于创建华丽等轴测图的开源神器在快速变化和高度技术化的现代世界中,“以图达意”的表达变得越来越重要。FossFLOW 应运而生,为开发者、设计师和工程师带来了领先的等轴测图设计工具。 📌 FossFLOW 是什么?FossFLOW 是一个开源的渐进式 Web 应用程序(PWA),致力于帮助用户轻松创建生动的等轴测技术图解。由现代前端框架 React 打造,并使用 fork 编辑后的 Isoflow 图形库(现已作为 fossflow 发布到 NPM),无需本地安装,完全基于浏览器,无需联网即可实现离线运行。 💡 功能特性详解以下是 FossFLOW 中的一些核心功能,与其他类似工相比,它能够为用户提供极具创新性的体验: 🎨 专业级等轴测绘图:用简洁友好的方式创建 3D 风格的技术图。 💾 智能自动保存:每隔 5 秒自动保存,让您的设计过程无后顾之忧。 📱 渐进式 Web 应用支持(PWA):可在 Mac 和 Linux 上安装为原生应用。 🔒 强调用户隐私:所有数据均本地存储于用户浏览器,无需任...
2022-02-19
fabric photo
这是一个流行离开的世界,但是我们都不擅长告别。——《生活在别处》 今天分享一个fabric photo,它是一个基于 canvas 的纯前端的图片编辑器,支持方形,圆形,箭头,缩放,拖拽,鹰眼,马赛克,涂鸦,线条,导出 png,剪切等 github地址:https://github.com/ximing/fabric-photo 在线体验Demo:https://ximing.github.io/fabric-photo/ 找了很多个,这个应该是很好用的了 并且协议为MIT,支持商用
2022-09-26
gridsome
礼仪周全能宁人息事——茹贝尔 gridsome是一个基于 Vue.js 构建的 Jamstack 框架 官方文档:https://www.gridsome.cn/ 这个可以帮助我们快速建造一个网站,其特点是graphql,不需要服务端,开发快、性能好,前端人员大爱 不过吐槽一下,点击中文文档竟然是英文的。。。 借助翻译插件还是能勉强看懂,哈哈 这个翻译插件是沙拉查词
avatar
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
文章
2359
标签
36
分类
0
Follow Me
公告
This is my Blog
最新文章
codex-security2026-11-13
sure2026-11-12
mujoco2026-11-11
agent-browser2026-11-10
OpenMausBot2026-11-09
© 2025 - 2026 By 阿超框架 Hexo 8.1.1|主题 Butterfly 5.5.4
搜索
数据加载中