vwood
  • 首页
  • 在线工具
  • 代码编辑
  • 个人项目
  • 关于
如何使用css实现图片宽高自适应

如何使用css实现图片宽高自适应

本文主要是结合自己在学习中使用css来实现图片的宽高自适应,并给出相应的结局方案。 场景 给定一系列图片,图片宽高不等,每行所展示的图片数量不等,如何实现图片的自适应。 实现方法 聪明的你肯定会想到使用flex布局,并且设置flex-wrap: wrap。但如何做到自适应宽度呢: 我们假设图片原始宽度、高度分别为width、heigh

发布于: 2021-11-05
判断两个矩形相交

判断两个矩形相交

>在画图工具中需要判断两个矩形是否相交 <img src="https:file.vwood.xyz/2022/07/11/upload_ec1otndjo2fzjidbl1gncufpba4orxdy.png" style="zoom:40%"> 如上有两个矩形,中心点分别为O1(x1、y1)、O2(x2、y2),宽高分别为(w1、h1)和(w2、h2); 要判断两个矩形是否相交,可以

发布于: 2022-05-17
标签: 矩形,相交
minio 安装过程

minio 安装过程

minio 安装过程 在使用minio前试过nextcloud,反复折腾后有问题,就转向了minio,minio的安装还是非常顺利 Docker-compose.yml yml minio: image: "minio/minio" hostname: minio restart: always volumes: -

发布于: 2021-11-27
mac窗口的插件vwin-eazy-win

mac窗口的插件vwin-eazy-win

以前看很多博客文章,都用mac的窗口样式把图片或者文章包裹起来,话空闲时间自己也做了一个 效果如下: <img src="https:file.vwood.xyz/2022/07/11/upload_54eierzmnj1z3vd2got8jxkq2b7onuie.png" style="zoom: 0.5"/> 安装: js npm install -S vwin-eazy-win

发布于: 2021-12-17
标签: mac,窗口
Mobx-state-tree介绍

Mobx-state-tree介绍

介绍 Mobx-state-tree(简称MST)是基于mobx的响应式状态管理工具,核心思想就是一个动态树,每个树由一个结构和一个状态组成,支持状态的序列化、反序列化、时间旅行等功能。 使用 js npm install mobx mobx-state-tree --save 或 js yarn add mobx mobx-state-tree

发布于: 2022-05-23
标签: Mobx-state-tree,MST
判断一个点是否在闭合曲线内

判断一个点是否在闭合曲线内

以前在做医疗靶区勾画时用到过这个算法,现在总结一下,介绍引射线法。 1、原理 从目标点引一条射线,判断这条线与曲线的交点个数为奇数还是偶数,为奇数表示点在曲线内,偶数表示点在曲线外。 ![](https:file.vwood.xyz/2022/07/11/upload_koljvu4z8nzo0nbd1hto3m4oh3k2224w.png) js代码如下: ja

发布于: 2021-11-05
标签: 闭合,js
css伪类:not用法

css伪类:not用法

:not()在平时的工作中使用的频率还是蛮高的,今天总结记录一下它的用法和处于实验性的用法。 :not()用来匹配不符合一组选择器的元素,防止特定的元素被选中,也被称为反选伪类。但是不能使用<code>:not(:not)</code>的写法。 css: css vw { color: 666; display: block; } vw:not(.v

发布于: 2022-07-17
标签: not,多参数,前端
常用工具

常用工具

一、图片类 1. [Unsplash](https:unsplash.com/ ) 可以搜索无版权的图片 2. [wallpapershome](https:wallpapershome.com/) 3. [wallpapertag](https:wallpapertag.com/) 4. [wallpaperhub](https:wallpaperhub.app/) 5.

发布于: 2021-11-28
标签: 免费图片,图片,免费

低代码文章收集

收集关于低代码的文章

发布于: 2022-07-15
标签: 低代码

快速排序

快速排序就是在数组中选择一个数temp作为基准,每次排完之后比temp大的在其右边,比temp小的在其左边。 有如下数组 A = [3, 6, 8, 2, 7, 5]; 1、 首先从右向左移动 ![](https:file.vwood.xyz/2022/07/13/upload_0v7deh9rhe1wy1u6qxg0eymkx34l5fqm.png) 2、当右指针移动到2的时候,

发布于: 2021-11-28
标签: js,快速排序
  • 1
  • •••
  • 3
  • 4
  • 5
  • 6
  • 7
  • •••
  • 9
  • 跳至页

最新文章

二叉树层序遍历iconfont-extract: 一个将iconfont图标转化为React组件的工具Macos已损坏,无法打开。 您应该将它移到废纸篓。前端原生API识别条形码Web Notifcation介绍js实现页面title闪烁css outlineUnrecognized extension value in extension set ([object Object]). This sometimes happens because multiple instances of @codemirror/state are loaded, breaking instanceof checksgolang编译错误webpack 打包时修改源码
邮箱:1061225829@qq.com
蜀ICP备19030923号-1
Copyright © 2023 All Rights Reserved.
本站由 提供CDN加速/云存储服务