flexboxdefense
发表于|更新于
|浏览量:
理解绝对是养育一切友情之果的土壤——威尔逊
分享一个还不错的网站：
http://www.flexboxdefense.com/
其可以通过塔防游戏的方式，来让玩家学习flex布局
一共12关，每一关都精心设计
相关推荐
2024-06-28
uniapp将h5底部tabbar改到顶部
家贫僮仆慢，官罢友朋疏远。——佚名 样式： 1234567.uni-tabbar{ top: 0; height: 50px;}.uni-app--showtabbar { padding-top: 50px;} 当然大家也有大家的方式，不能说谁的好谁的坏 我这个的主要特点是能够适配没有tabbar的子页面
2022-07-01
js让光标选择节点中部分文本
我走得很慢，但我从不后退。——林肯 如题，代码： 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title></head><body> <div id="container">ruben</div> <button>r</button> <button>u</button> <button>b</button> <button>e</button> <button>n</button> &...
2025-02-11
expo
谁终将声震人间，必长久深自缄默；谁终将点燃闪电，必长久如云漂泊。——尼采 https://docs.expo.dev/https://github.com/expo/expo Expo 是一个开源平台，旨在帮助开发者构建可以在 Android、iOS 和 Web 上运行的通用原生应用。通过结合使用 React 和 JavaScript，开发者可以在一个统一的环境中构建跨平台的应用，而不需要切换不同的技术栈。Expo 的核心优势之一就是它提供了一个完整的 SDK、模块 API、CLI 工具以及丰富的文档，极大简化了跨平台开发过程。 Expo 不仅支持快速开发，还通过其独特的功能和服务帮助开发者将应用构建、发布和迭代过程变得更加高效。例如，Expo 应用服务 (EAS) 提供了一套集成的服务平台，能够帮助开发者在个人或团队环境中更轻松地管理和发布应用。 Expo 生态Expo 提供了一个强大的生态系统，包括多个模块和工具，使得从开发到部署的每一步都能得到充分的支持。除了基础的功能开发之外，Expo 还包含了与 EAS 深度集成的服务，帮助用户自动化构建、分发和发布应用。这意味着你...
2024-07-07
css的透视效果perspective
有两件事我最憎恶：没有信仰的博才多学和充满信仰的愚昧无知。——爱默生 我们知道css中我们的transform可以调整z轴，这说明css是有3d能力的 但是我们通常看一个3d的物体，是近的地方大，远的地方小甚至被遮挡，要实现这样的透视效果其实只需要一个css属性即可 https://developer.mozilla.org/zh-CN/docs/Web/CSS/perspective 就比如这个正方体： .face { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; backface-visibility: inherit; font-size: 60px; color: #fff } .front { background: rgba(90,90,90,.7); transform: translateZ(50px)...
2023-09-13
字体按宽度自适应大小
不用给我爱，不用给我钱，不用给我声誉，给我真理吧。——梭罗的《瓦尔登湖》 一般可以使用vw或者em一类的属性来适配，但如果还需要更小，就只能使用scale缩放了，例如使用js 1234567891011121314151617181920212223242526function scaleMemberName(memberElement: Element | null, reset: boolean) { if (!memberElement) { return; } const nameElement = memberElement.querySelector('.name'); if (!(nameElement instanceof HTMLDivElement)) { return; } if (reset) { nameElement.style.scale = String(); return; } const boundingBox ...
2026-02-21
seerr
完成工作的方法是爱惜每一分钟。——达尔文 关注系统与媒体库的专属搭档 Seerr 毫不夸张地说，在现代在线媒体的繁荣时代，拥有一个高效的媒体请求与管理系统已变得至关重要。今天，我们要为大家介绍一款特别适合Jellyfin、Plex 和 Emby 用户的开源应用软件 Seerr。它不仅提供智能化、直观的界面，还在便捷性与功能性之间找到了一个完美的平衡。 Seerr 是什么？Seerr 是一款免费的开源软件，专为管理多媒体资源库的请求流程而设计，非常适合那些利用 Jellyfin、Plex 或 Emby 媒体服务器的朋友。同时，Seerr可以完美地与您现有的服务集成，比如 Sonarr 和 Radarr，大大简化了媒体管理的复杂性。 以目前 Github 上近万的 Star 数为证明，Seerr 无疑是当下备受推崇的开源媒体管理解决方案之一。 主要特性Seerr 的功能经过精心打磨，可以提供全面且令人满意的使用体验： 深度集成：兼容 Jellyfin、Emby 和 Plex，支持用户身份认证以及用户导入和管理。 数据库支持：支持 PostgreSQL 和 SQLite，灵活...