css-diner
发表于|更新于
|浏览量:
即使是最神圣的友谊里也可能潜藏着秘密，但是你不可以因为不能猜测出朋友的秘密而误解了他——贝多芬
分享一个网站css-diner
其能够让你通过益智的方式学习css选择器
例如此处两个盘子，对应的标签为plate，鼠标移动上去还有高亮，我们需要选中所有的盘子则使用plate标签选择器
源码地址：https://github.com/flukeout/css-diner
相关推荐
2021-07-25
uniapp阻止navigator冒泡
作为一个人，要是不经历过人世上的悲欢离合，不跟生活打过交手仗，就不可能懂得人生的意义。——杨朔 代码如下 1234567891011121314151617181920212223242526272829303132333435<template> <view> <view class="navigators"> <view class="parent-navigator" @tap="parentEvent()"> 上层，打印语句 <navigator class="child-navigator" url="/pages/test/test">内层，回到/pages/test/test页面</navigator> </view> </view> </view></template><script>export defau...
2024-10-06
vitesse-webext
知古不知今，谓之落沉。知今不知古，谓之盲瞽。——王充 分享一个由 Vite 提供支持的 WebExtension（Chrome、FireFox 等浏览器插件）的入门模板。 Github： https://github.com/antfu-collective/vitesse-webext 特性： ⚡️ Instant HMR - 在 dev 上使用 Vite（不再刷新！ 🥝 Vue 3 - 组合式 API、<script 设置> 语法等等！ 💬 轻松通信 - 由 webext-bridge 和 Vue使用存储提供支持 🌈 UnoCSS - 即时按需原子 CSS 引擎。 🦾 TypeScript - 类型安全 📦 组件自动导入 🌟 图标 - 直接从任何图标集中访问图标 🖥 内容脚本 - 即使在内容脚本中也可以使用 Vue 🌍 WebExtension - Chrome、Firefox 等的同构扩展 📃 具有完整类型支持的动态manifest.json 使用模板GitHub 模板Create a repo from this template o...
2020-11-07
样式穿透
这是一个最好的时代，也是一个最坏的时代。——狄更斯 前段时间用elementUI进行开发，发现样式修改不了 这里一个简单的表格页面 12345678910111213141516171819202122232425262728293031323334353637383940414243<template> <el-table :data="tableData" style="width: 100%;"> <el-table-column prop="date" label="日期" width="180"></el-table-column> <el-table-column prop="name" label="姓名" width="180"></el-table-column> <el-table-column pro...
2025-03-31
pakku.js
不同孕育仇恨。——司汤达《红与黑》 介绍 pakku.js：拯救 B 站的弹幕体验最近，我发现了一个非常有趣的开源项目——pakku.js。这个项目由 xmcp 开发，旨在提升 B 站（Bilibili）的弹幕体验。今天，我将为大家详细介绍一下这个项目的特点和使用方法。 项目概述pakku.js 是一个用于优化 B 站弹幕体验的浏览器扩展。项目自 2017 年 2 月 28 日创建以来，已经获得了 2243 个星标和 78 个 forks，显示了其在社区中的受欢迎程度。项目使用 TypeScript 编写，并且遵循 GNU General Public License v3.0，确保其免费和开源。 项目特点 提升弹幕体验：pakku.js 提供了丰富的弹幕过滤和优化功能，帮助用户屏蔽无意义的弹幕，提升观看体验。 开源项目：作为一个开源项目，pakku.js 拥有庞大的社区支持，用户可以在 GitHub 上交流经验、分享心得。 多平台支持：pakku.js 作为浏览器扩展，可以在多个平台上使用，包括 Chrome 和 Firefox。 简单易用：pakku.js 提供了简单易用...
2023-08-26
js的slice小技巧
寻求报复的人使创痕常新，如果不是这样，那么创痕早就痊愈了。——培根 非常简单，在没有浅拷贝直接赋值时，效果是这样： 123456789let arr = [1,2,3]let arrCopy = arrarrCopy[1] = 4console.log({arr, arrCopy})// 输出// {arr: Array(3), arrCopy: Array(3)}// > arr: (3) [1, 4, 3]// > arrCopy: (3) [1, 4, 3]// > [[Prototype]]: Object 但如果我们使用slice且不传入参数，则是进行浅拷贝 123456789let arr = [1,2,3]let arrCopy = arr.slice()arrCopy[1] = 4console.log({arr, arrCopy})// 输出// {arr: Array(3), arrCopy: Array(3)}// > arr: (3) [1...
2022-06-25
fokus
死亡，就是你加上这个世界，再减去你。——卡尔维诺 分享一个好玩的开源项目，演示地址： https://lab.hakim.se/fokus/ 代码仓库：https://github.com/hakimel/Fokus 演示效果： 当我们在页面上框选时，会在页面上加个蒙版，高亮框选区域 使用方式，首先下载fokus.min.js 官方链接 备用链接 然后引用 1<script src="/js/fokus.min.js"></script> 最后编写代码(随便写点) 1234567891011121314151617181920212223242526272829303132333435363738394041<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont...