avatar
文章
2239
标签
35
分类
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....
相关推荐
2024-11-12
uView升级http配置兼容变更
人生须知负责任的苦处,才能知道尽责任的乐趣。——梁启超 今天把老项目uniapp的http封装代码cv过来,发现用不了了,原因是uView版本升级了没适配 原先uView 1.x的方式: 123456789101112131415161718192021222324Vue.prototype.$u.http.setConfig({ baseUrl: 'http://localhost:8080/ruben', loadingText: '加载中...', loadingTime: 100,});Vue.prototype.$u.http.interceptor.request = (config) => { const token = uni.getStorageSync('token'); config.header.token = token; return config;}Vue.prototype.$u.http.interce...
2024-07-09
css透视效果位置perspective-origin
真理是时间的孩子,不是权威的孩子。——伽利略 正如我们在前一篇文章中提到的,CSS具备处理3D变换的能力。继续这一话题,本文将重点介绍perspective-origin属性,这个属性允许我们调整透视效果的原点,影响3D变换的视觉输出。 详细信息可以参考这个链接:MDN文档 让我们通过一个例子来看看perspective-origin的实际效果: .cube { width: 100px; height: 100px; position: relative; transform-style: preserve-3d; transform: rotateX(45deg) rotateY(45deg); } .face { position: absolute; width: 100%; height: 100%; background: rgba(255, 165, 0, 0.8); display: flex; align-items: center; justify-cont...
2023-07-12
movyjs
早知如此绊人心,何如当初莫相识。 ——李白 分享一个开源项目 https://github.com/rossning92/movy 这是一个生成动画/视频的js库 它可以方便地创建动画,也可以直接转换为视频 例子:movy.js Editor
2022-09-30
tui-image-editor
世间最好的东西,莫过于有几个头脑和心地都很正直的严正的朋友——爱因斯坦 分享一个在线图片编辑器,用于裁剪、调整色彩等 官网:https://ui.toast.com/tui-image-editor git地址:https://github.com/nhn/tui.image-editor 功能强大,十分出众 在文档里:https://nhn.github.io/tui.image-editor/latest/tutorial-example02-useApiDirect 还有不同的例子:
2022-01-13
for of和for in
人生而自由,却无往不在枷锁中——卢梭《社会契约论》 我之前写过一篇for in的博客 for in是遍历对象key或者数组下标 前端还可以使用for of来遍历value 简单写一下两者区别和使用方式吧: 12let ruben = {name:'ruben', age:21}for(key in ruben) console.log(key) 然后是for of 提示对象并不是iterable(可迭代的) 因此for of并不能遍历对象的key 接下来看数组的: 12let list = [1,2,3,4,5,6]for(i in list) console.log(i) 可以看到是遍历获取出了下标并不是实际的值 而for of: 12let list = [1,2,3,4,5,6]for(i of list) console.log(i) 遍历出了我们的value
2025-02-05
vue-vben-admin
你与别人花费一样的时间,因为别人用心,而你吊儿郎当,所以到了最后检验成果的时候,别人成功,而你除了赔了时间之后,一无所得。——飞行员舒克 https://github.com/vbenjs/vue-vben-adminhttps://www.vben.pro/ 在开发后台管理系统时,Vue Vben Admin 是一个让我印象深刻的项目。它基于 Vue 3、Vite 和 TypeScript,为开发者提供了一个功能丰富的中后台模板,开箱即用。通过结合现代前端技术栈,Vben Admin 在性能优化、开发体验和灵活性上都表现得非常出色。 项目特点 最新技术栈:使用 Vue 3 和 Vite 进行开发,支持热更新和快速构建,极大提升了开发效率。 TypeScript 支持:代码类型安全、自动补全,降低了代码维护成本。 主题系统:支持多套预定义主题,用户还可以自定义主题色彩,打造符合品牌风格的界面。 国际化(i18n):内置国际化方案,支持多语言切换,方便面向全球用户的项目开发。 权限管理:提供动态路由和权限控制方案,可以根据用户角色灵活配置不同的页面和功能访问权限。 这些特点...
avatar
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
文章
2239
标签
35
分类
0
Follow Me
公告
This is my Blog
最新文章
hallmark2026-07-15
OpenCut2026-07-14
destructive_command_guard2026-07-13
DesktopCommanderMCP2026-07-12
Catch22026-07-11
© 2025 - 2026 By 阿超框架 Hexo 8.1.1|主题 Butterfly 5.5.4
搜索
数据加载中