avatar
文章
2198
标签
34
分类
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-31
资源路径与blobUrl互转
害怕树敌的人永远得不到真正的朋友——哈兹里特 首先是普通资源URL转换为blobUrl 12345678910111213// 生成blobURLconst xhr = new XMLHttpRequest();xhr.open('GET', 'https://VampireAchao.github.io/imgs/preview/3356_3.jpg', true);xhr.responseType = 'blob';xhr.onload = function (e) { if (this.status == 200) { var blob = this.response; console.log(blob); // document.getElementById("myImg").src = URL.createObjectURL(blob); console.log(URL.createObjectURL(bl...
2023-04-05
vuepress-theme-vdoing-doc
劝说常比强迫更为有效。——伊索 分享vuepress-theme-vdoing的文档站:vuepress-theme-vdoing-doc 官网:https://doc.xugaoyi.com/ GitHub:https://github.com/xugaoyi/vuepress-theme-vdoing-doc 运行: 1234git clone https://github.com/xugaoyi/vuepress-theme-vdoing-doc.gitcd vuepress-theme-vdoing-docnpm install # or yarn installnpm run dev # or yarn dev
2023-07-29
pixelmatch
不读书的家庭,就是精神上残缺的家庭。——巴甫连柯 分享一个最小、最简单、最快的 JavaScript 像素级图像比较库 https://github.com/mapbox/pixelmatch
2025-06-16
mermaid-live-editor
教学的艺术不在于传授本领,而在于关于激励、唤醒、鼓舞。——第斯多惠 https://github.com/mermaidjs/mermaid-live-editor Mermaid Live Editor:在线绘制和分享流程图、时序图的神器在日常开发、产品设计和文档编写中,流程图、时序图、甘特图等可视化图形是表达系统逻辑、业务流程和协作方案的利器。Mermaid 作为一款流行的文本化图形描述工具,在开发者和技术团队中拥有极高的口碑。而 @mermaidjs/mermaid-live-editor 正是将 Mermaid 的强大能力带到了浏览器,让你即开即用、即写即画。 什么是 Mermaid Live Editor?Mermaid Live Editor 是一个基于浏览器的在线编辑器,专门用于编写和实时渲染 Mermaid 语法的各种图表。你只需要用简单的 Markdown 风格文本描述图表结构,编辑器即可自动渲染为可视化图形,并且支持导出、分享、预览等便捷操作。 主要特性1. 实时预览与高亮 左侧输入 Mermaid 语法,右侧实时渲染对应图形。 支持语法高亮...
2022-01-11
uniapp对接oss视频上传+压缩
与其在绝望和挣扎中苟活,不如在希冀和盼望中死亡。——纪伯伦 首先是文件上传的代码: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899module.exports = { getUUID() { //生成UUID return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, c => { return (c === 'x' ? (Math.random() * 16 | 0) : ('r&0x3' | '0x8')).toString(16) }) &...
2023-04-11
Neumorphic Elements
与智者同行,必得智慧;与愚者相伴,必定无益处。——大卫王 分享一些前端漂亮的小组件 https://codepen.io/myacode/pen/PoqQQNM 效果还是非常惊艳的
avatar
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
文章
2198
标签
34
分类
0
Follow Me
公告
This is my Blog
最新文章
ppf-contact-solver2026-06-04
OpenStock2026-06-03
awesome-free-apps2026-06-02
FreeDomain2026-06-01
taste-skill2026-05-31
© 2025 - 2026 By 阿超框架 Hexo 8.1.1|主题 Butterfly 5.5.4
搜索
数据加载中