css选择器学习网站
发表于|更新于
|浏览量:
恕自己一过，则万过由之而生。——苏格拉底
分享一个css选择器学习网站：https://frontend30.com/css-selectors-cheatsheet/
这个网站可以通过做题的方式了解css选择器的使用
例如一些属性选择器
兄弟选择器：
非常的全面和周到
相关推荐
2024-02-21
用canvas消除锯齿的方式
不和不可以接物，不严不可以驭下。——林逋 分享几种canvas消除锯齿的方式 1. 线条坐标增加0.5123456789<canvas id="canvas1" width="200" height="200"></canvas><script> var canvas = document.getElementById('canvas1'); var ctx = canvas.getContext('2d'); ctx.beginPath(); ctx.moveTo(0, 0.5); // 使用0.5增量对齐像素 ctx.lineTo(200, 0.5); // 绘制一条边缘清晰的直线 ctx.stroke();</script> 2. 使用高清画布1234567891011<canvas id="canvas2" style="width:200px; height:200px...
2021-09-04
echarts入门
社会犹如一条船,每个人都要有掌舵的准备——易卜生 根据官方文档入门echarts： 首先我们先引入cdn 1<script src="https://cdn.jsdelivr.net/npm/echarts@5.2.0/dist/echarts.min.js"></script> 然后为 ECharts 准备一个具备大小（宽高）的 DOM 12<!-- 为 ECharts 准备一个具备大小（宽高）的 DOM --><div id="main" style="width: 600px;height:400px;"></div> 然后就是JavaScript代码了 先基于准备好的dom，初始化echarts实例 1var myChart = echarts.init(document.getElementById('main')); 接下来指定图表的配置项和数据 12345678910111213141516171819// 指定图表的...
2023-09-18
仿钉钉官网滚动效果
恭维含有一种毒剂，使最坚强的人也不免昏昏陶醉。——大仲马 今天在bilibili刷到个视频 https://www.bilibili.com/video/BV12z4y1s7nE/ 发现实现了钉钉官网效果 https://www.dingtalk.com/ 非常的炫酷，仓库源码： https://gitee.com/vary-space/hello-world/tree/12z4y1s7nE
2025-12-12
Handy
行动不一定带来快乐，但无行动则决无快乐。——本杰明·富兰克林 Handy：离线、自由、可扩展的语音转写应用，让你的电脑“更懂你”在语音交互逐步成为主流的今天，很多人却因为隐私、网络不稳定或商业限制无法安心使用语音转写。Handy 选择了一条简单直接又极具意义的路线：完全离线的开源语音转写应用。它不仅免费、开源，还强调可扩展与跨平台体验，是个人创作者、隐私敏感场景以及办公环境的一剂良方。 项目地址：cjpais/Handy 官网主页：https://handy.computer 项目描述：A free, open source, and extensible speech-to-text application that works completely offline. 主语言：TypeScript License：MIT Stars：8,299+ Forks：555+ 关键词：speech-to-text accessibility cross-platform tauri-v2 为什么是 Handy？ 完全离线：隐私不外流，内网/弱网环境也能稳定...
2022-03-06
redux-saga
活着就意味着必须做点什么，请好好努力。——《地下》 我们知道React等单页应用在开发时，页面变化依赖于state 随着 JavaScript 单页应用开发日趋复杂，JavaScript 需要管理比任何时候都要多的 state（状态）。 这些 state 可能包括服务器响应、缓存数据、本地生成尚未持久化到服务器的数据，也包括 UI 状态，如激活的路由，被选中的标签，是否显示加载动效或者分页器等等。 管理不断变化的 state 非常困难。如果一个 model 的变化会引起另一个 model 变化，那么当 view 变化时，就可能引起对应 model 以及另一个 model 的变化，依次地，可能会引起另一个 view 的变化。直至你搞不清楚到底发生了什么。state 在什么时候，由于什么原因，如何变化已然不受控制。 当系统变得错综复杂的时候，想重现问题或者添加新功能就会变得举步维艰。 如果这还不够糟糕，考虑一些来自前端开发领域的新需求，如更新调优、服务端渲染、路由跳转前请求数据等等。前端开发者正在经受前所未有的复杂性，难道就这么放弃了吗？当然不是。 这里的复杂性很大程度上来自于...
2026-02-23
FossFLOW
眼前的瞬间是一位威力强大的女神。——歌德 FossFLOW — 用于创建华丽等轴测图的开源神器在快速变化和高度技术化的现代世界中，“以图达意”的表达变得越来越重要。FossFLOW 应运而生，为开发者、设计师和工程师带来了领先的等轴测图设计工具。 📌 FossFLOW 是什么？FossFLOW 是一个开源的渐进式 Web 应用程序（PWA），致力于帮助用户轻松创建生动的等轴测技术图解。由现代前端框架 React 打造，并使用 fork 编辑后的 Isoflow 图形库（现已作为 fossflow 发布到 NPM），无需本地安装，完全基于浏览器，无需联网即可实现离线运行。 💡 功能特性详解以下是 FossFLOW 中的一些核心功能，与其他类似工��相比，它能够为用户提供极具创新性的体验： 🎨 专业级等轴测绘图：用简洁友好的方式创建 3D 风格的技术图。 💾 智能自动保存：每隔 5 秒自动保存，让您的设计过程无后顾之忧。 📱 渐进式 Web 应用支持（PWA）：可在 Mac 和 Linux 上安装为原生应用。 🔒 强调用户隐私：所有数据均本地存储于用户浏览器，无...