flexboxdefense

发表于2022-11-08|更新于2026-02-24

|浏览量:

理解绝对是养育一切友情之果的土壤——威尔逊

分享一个还不错的网站：

http://www.flexboxdefense.com/

其可以通过塔防游戏的方式，来让玩家学习flex布局

一共12关，每一关都精心设计

相关推荐

站在上风的人衣冠要整洁，位在任上的人言行要谨慎，这才是政治家对天下的责任。——德富芦花分享一个网站，这个网站有很多css小技巧 https://css-tricks.com/ 比如css实现颗粒噪声又或是对于console的使用指引，例如console.clear()清除控制台 https://css-tricks.com/a-guide-to-console-commands/

微信Markdown编辑器

正因为世界本身是平庸的，所以你也才平庸。——《寻羊冒险记》 GitHub - doocs/md: ✍ WeChat Markdown Editor | 一款高度简洁的微信 Markdown 编辑器：支持 Markdown 语法、色盘取色、多图上传、一键下载文档、自定义 CSS 样式、一键重置等特性项目介绍本项目基于 wechat-format 进行二次开发，感谢 lyricat 的创意和贡献！ Markdown 文档自动即时渲染为微信图文，让你不再为微信文章排版而发愁！只要你会基本的 Markdown 语法，就能做出一篇样式简洁而又美观大方的微信图文。在线编辑器地址 Gitee Pages：https://doocs.gitee.io/md GitHub Pages：微信 Markdown 编辑器 | Doocs 开源社区注：推荐使用 Chrome 浏览器，效果最佳。另外，对于国内（中国）的朋友，访问 Gitee Pages 速度会相对快一些。为何二次开发现有的开源微信 Markdown 编辑器，样式繁杂，也不符合我个人的审美需求。在我使用它们...

css background图片

只有用水将心上的雾气淘洗干净，荣光才会照亮最初的梦想。——『百年孤独』 MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/background 首先我们可以使用 1background: url(/img/oss/2020-06-01/head.jpg); 来指定背景图片如果我们需要修改透明度，则可以使用其可以叠加的特性 1background: linear-gradient(rgba(0,0,0,80%),rgba(0,0,0,80%)),url(/img/oss/2020-06-01/head.jpg) 其次，我们可以设置拉伸效果和位置：包含（表示不进行任何裁剪，多余的部分会空出，center是表示位置处于正中央） 1background: linear-gradient(rgba(0,0,0,80%),rgba(0,0,0,80%)),url(/img/oss/2020-06-01/head.jpg) center/contain no-repeat; 封面(以图片的短边铺满，会进行裁剪) 1...

jsDate对象基本操作

要得到你想要的某件东西，最可靠的办法是让你自己配得上它。——查理·芒格搬运菜鸟教程 JavaScript Date 对象Date 对象Date 对象用于处理日期和时间。创建 Date 对象的语法：1var myDate=new Date() **注释：**Date 对象会自动把当前日期和时间保存为其初始值。 Date 对象属性属性描述 constructor 返回对创建此对象的 Date 函数的引用。 prototype 使您有能力向对象添加属性和方法。 Date 对象方法方法描述 Date() 返回当日的日期和时间。 getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。 getMonth() 从 Date 对象返回月份 (0 ~ 11)。 getFullYear() 从 Date 对象以四位数字返回年份。 getYear() 请使用 getFullYear() 方法代替。 getHours() 返回 Date ...

用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...

冗长的黑暗中，你是我唯一的光。——《白夜行》分享一个文档构建工具docsify 官方网址：https://docsify.js.org/#/zh-cn/ 基本上现在很多开源项目都是基于其构建主要是样式简洁、编写、部署方便，基于markdown文件生成目录、文章非常适合程序员快速开始：https://docsify.js.org/#/zh-cn/quickstart

阿超

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

数据加载中