flexboxdefense

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

|浏览量:

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

分享一个还不错的网站：

http://www.flexboxdefense.com/

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

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

相关推荐

关于wx.getUserInfo获取到匿名数据的坑

生命的黎明是乐园，青春才是真正的天堂。——华兹华斯今天搞了很久，发现使用wx.getUserInfo获取到的用户昵称一直是：“微信用户”，并且头像也是默认的。。。然后官方文档里发现 https://developers.weixin.qq.com/miniprogram/dev/api/open-api/user-info/wx.getUserInfo.html 打开后是这个页面然后我们看wx.getUserProfile的文档： wx.getUserProfile只能在页面产生点击事件（例如 button 上 bindtap 的回调中）后才可调用每次请求都会弹出授权窗口，用户同意后返回 userInfo。该接口用于替换 wx.getUserInfo，详见用户信息接口调整说明。注意desc是必填我们配置好appid后调用wx.getUserProfile 代码如下 12345678910111213141516171819202122232425262728<template> <view style="width:1...

vue项目配置可选调用链

生活是苦难的，我又划着我的断桨出发了。——博尔赫斯可选调用链就是?.写法有些vue项目没有默认配置，因此只能手动配置介绍：https://babeljs.io/docs/en/babel-plugin-proposal-optional-chaining 安装： 1cnpm i --save-dev @babel/plugin-proposal-optional-chaining 然后配置在根目录下的babel.config.js 新增： 123{ "plugins": ["@babel/plugin-proposal-optional-chaining"]} 完整： 12345678module.exports = { presets: [ "@babel/preset-env", ['@vue/app', { useBuiltIns: 'entry' }] ], "plugi...

js解决base64编码问题

地利不如人和，武力不如文德。——恒宽主要是在解析 JWT 时发现 1atob(base64) 存在编码问题，我们如果想要将 base64 解码为 utf-8： 123456789101112function parseBase64ToJSON(base64) { const binaryString = atob(base64); const len = binaryString.length; const bytes = new Uint8Array(len); for (let i = 0; i < len; i++) { bytes[i] = binaryString.charCodeAt(i); } const decoder = new TextDecoder('utf-8'); return decoder.decode(bytes);} 然后就可以正确解析中文了

万人都要将火熄灭，我一人独将此火高高举起。——海子 https://github.com/greensock/GSAP https://gsap.com/ GSAP 是一个与框架无关的JavaScript 动画库，可将开发人员变成动画超级英雄。构建适用于所有主要浏览器的高性能动画。动画 CSS、SVG、canvas、React、Vue、WebGL、颜色、字符串、运动路径、通用对象…任何 JavaScript 可以触及的内容！ GSAP 的ScrollTrigger插件以最少的代码提供令人惊叹的基于滚动的动画。 gsap.matchMedia()使构建响应式、易于访问的动画变得轻而易举。没有其他库能够提供如此先进的测序、可靠性和严格的控制，同时解决超过 1200 万个站点的实际问题。 GSAP 解决了无数浏览器不一致的问题；你的动画就可以了。从本质上讲，GSAP 是一个高速属性操纵器，可以随着时间的推移以极高的精度更新值。它比 jQuery 快 20 倍！ GSAP 完全灵活；把它撒在你想要的地方。零依赖。有许多可选插件和缓动功能可以轻松实现高级效果，例如滚动、变形、沿运动...

css循环淡入淡出播放

令她反感的，远不是世界的丑陋，而是这个世界所戴的漂亮面具。——《不能承受的生命之轻》代码如下： 12345678910111213141516171819202122232425262728293031323334353637383940import React from "react";import clsx from "clsx";import styles from './index.module.css';import Layout from "@theme/Layout";function HomepageHeader() { return ( <header className={clsx('hero', styles.heroBanner)}> <div className={clsx(styles.heroContainer)}> <img clas...

uniapp中h5视频播放器部分机型显示在最上层问题

家贫不是贫，路贫贫煞人。——吴敬梓这里在浏览器里看了下b站播放器的代码，试了试转成blob可以解决这个问题代码如下：资源路径与blobUrl互转 | 阿超

阿超

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

数据加载中