js 实现滚动加载数据
滚动加载数据就是说在达到某个条件的时候自动触发加载数据的动作,通常是滚动到页面底部的时候加载数据; 代码如下: js handleScroll = (e) ={ let layout = document.getElementById("layout"); if (layout.clientHeight + layout.scrollTop >= layou
滚动加载数据就是说在达到某个条件的时候自动触发加载数据的动作,通常是滚动到页面底部的时候加载数据; 代码如下: js handleScroll = (e) ={ let layout = document.getElementById("layout"); if (layout.clientHeight + layout.scrollTop >= layou
本文主要是结合自己在学习中使用css来实现图片的宽高自适应,并给出相应的结局方案。 场景 给定一系列图片,图片宽高不等,每行所展示的图片数量不等,如何实现图片的自适应。 实现方法 聪明的你肯定会想到使用flex布局,并且设置flex-wrap: wrap。但如何做到自适应宽度呢: 我们假设图片原始宽度、高度分别为width、heigh
>在画图工具中需要判断两个矩形是否相交 <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); 要判断两个矩形是否相交,可以
minio 安装过程 在使用minio前试过nextcloud,反复折腾后有问题,就转向了minio,minio的安装还是非常顺利 Docker-compose.yml yml minio: image: "minio/minio" hostname: minio restart: always volumes: -
以前看很多博客文章,都用mac的窗口样式把图片或者文章包裹起来,话空闲时间自己也做了一个 效果如下: <img src="https:file.vwood.xyz/2022/07/11/upload_54eierzmnj1z3vd2got8jxkq2b7onuie.png" style="zoom: 0.5"/> 安装: js npm install -S vwin-eazy-win
介绍 Mobx-state-tree(简称MST)是基于mobx的响应式状态管理工具,核心思想就是一个动态树,每个树由一个结构和一个状态组成,支持状态的序列化、反序列化、时间旅行等功能。 使用 js npm install mobx mobx-state-tree --save 或 js yarn add mobx mobx-state-tree
以前在做医疗靶区勾画时用到过这个算法,现在总结一下,介绍引射线法。 1、原理 从目标点引一条射线,判断这条线与曲线的交点个数为奇数还是偶数,为奇数表示点在曲线内,偶数表示点在曲线外。  js代码如下: ja
:not()在平时的工作中使用的频率还是蛮高的,今天总结记录一下它的用法和处于实验性的用法。 :not()用来匹配不符合一组选择器的元素,防止特定的元素被选中,也被称为反选伪类。但是不能使用<code>:not(:not)</code>的写法。 css: css vw { color: 666; display: block; } vw:not(.v
收集关于低代码的文章
快速排序就是在数组中选择一个数temp作为基准,每次排完之后比temp大的在其右边,比temp小的在其左边。 有如下数组 A = [3, 6, 8, 2, 7, 5]; 1、 首先从右向左移动  2、当右指针移动到2的时候,