css-diner

发表于2023-03-11|更新于2026-02-24

|浏览量:

即使是最神圣的友谊里也可能潜藏着秘密，但是你不可以因为不能猜测出朋友的秘密而误解了他——贝多芬

分享一个网站css-diner

https://flukeout.github.io/

其能够让你通过益智的方式学习css选择器

例如此处两个盘子，对应的标签为plate，鼠标移动上去还有高亮，我们需要选中所有的盘子则使用plate标签选择器

源码地址：https://github.com/flukeout/css-diner

相关推荐

vue页面加载完毕之后执行

好奇心造就科学家和诗人。——法朗士当vue页面加载完成后触发我们在html开发中经常是使用window.onload实现 123window.onload = () => { } 但在vue中我们使用this.$nextTick 123this.$nextTick(() => { console.log("页面加载完啦~")}) 效果如下

移动端拖动滑块验证

夫唯不争，故天下莫能与之争——老子之前写过拖动滑块验证但是发现移动端拖不动了因为移动端使用的是touch事件：https://developer.mozilla.org/zh-CN/docs/Web/API/TouchEvent 我们对其进行改造，通过获取其第一个触控点的坐标进行计算 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152&...

Lightpanda Browser The headless browser built from scratch for AI agents and automation. Not a Chromium fork. Not a WebKit patch. A new browser, written in Zig. Lightpanda: the headless browser designed for AI and automation Lightpanda：一个不想当“Chromium 影子”的无头浏览器Lightpanda 的仓库描述像一张名片——短，但一击即中： Lightpanda: the headless browser designed for AI and automation 他不是为了“再造一个能看网页的东西”而来，他更像为 AI 代理、自动化脚本、LLM 训练、爬取与测试而生的专业选手：轻装、快跑、少吃内存、启动即走。而 README 开头那段自我介绍，更像他站在舞台中央，抬手就把身世说...

猝然死去本无甚苦痛，长期累死倒真难以忍受。——佚名 codeFlask是一个在线代码编辑器：官方文档：https://kazzkiq.github.io/CodeFlask/ github：https://github.com/kazzkiq/CodeFlask 代码也很简单： 123456789101112131415161718192021222324252627282930313233343536373839404142<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="https://unpkg.com/codeflask/build/codeflask.min.js"></script> </head> <body> <...

活着就意味着必须做点什么，请好好努力。——《地下》我们知道React等单页应用在开发时，页面变化依赖于state 随着 JavaScript 单页应用开发日趋复杂，JavaScript 需要管理比任何时候都要多的 state（状态）。这些 state 可能包括服务器响应、缓存数据、本地生成尚未持久化到服务器的数据，也包括 UI 状态，如激活的路由，被选中的标签，是否显示加载动效或者分页器等等。管理不断变化的 state 非常困难。如果一个 model 的变化会引起另一个 model 变化，那么当 view 变化时，就可能引起对应 model 以及另一个 model 的变化，依次地，可能会引起另一个 view 的变化。直至你搞不清楚到底发生了什么。state 在什么时候，由于什么原因，如何变化已然不受控制。当系统变得错综复杂的时候，想重现问题或者添加新功能就会变得举步维艰。如果这还不够糟糕，考虑一些来自前端开发领域的新需求，如更新调优、服务端渲染、路由跳转前请求数据等等。前端开发者正在经受前所未有的复杂性，难道就这么放弃了吗？当然不是。这里的复杂性很大程度上来自于...

错误同真理的关系，就像睡梦中同清醒的关系一样。一个人从促物中醒来，就会以新的力量走向其真理。——歌德在前端与后端开发的时候，偶尔会有在后端接口没有开发完毕时进行一些接口的mock，这里有一款开源框架做了类似的事情，让你可以“不到30秒得到一个零编码的假REST API” https://github.com/typicode/json-server 我们只需要安装： 1npm install -g json-server 然后配置数据格式：db.json 123456789{ "posts": [ { "id": 1, "title": "json-server", "author": "typicode" } ], "comments": [ { "id": 1, "body": "some comment", &...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中