前端取图片相同颜色作为遮罩或者背景
需求 遮罩层取图片相同/相似的颜色作为遮罩 效果 做法npm 库grade.js 所提供图像中前 2 个主色生成的互补渐变 https://github.com/benhowdle89/grade COLOR THIEF 只需使用 Javascript 即可从图像中获取调色板。 https://github.com/lokesh/color-thief https://lokeshdhakar.com/projects/color-thief rgbaster.js https://github.com/briangonzalez/rgbaster.js 一个非常简单、零依赖、基于 promise 的 javascript 库，用于从图像（在浏览器中）中提取主要颜色。 算法 基本思路都是获取每一种 rgb 的出现次数,进行计算分析,如果出现跨域问题还需要后端配合解决 https://kuangyx.cn/docs/%E6%96%87%E7%AB%A0/%E5%89%8D%E7%AB%AF/%E6%8F%90%E5%8F%96%E5%9B%BE%E7%89%8 ...
Github action的学习
前置知识 第一个action action都建立在.github/workflows文件夹下 可以从这里建立 也可以从顶部Actions标签进入 第一个action内容如下 1234567891011121314151617name: 第一个Action on: workflow_dispatch #允许您从 "操作 "选项卡手动运行此工作流jobs: abcdef: #自定义名称 runs-on: ubuntu-latest #运行环境 steps: #步骤代表作为任务一部分执行的任务序列(可顺序也可并行) - name: 第一个action运行任务单行 run: echo hello #单行 - name: 多行输出 run: | echo hello1 echo hello2 运行 第二个action-运行在window-server上 运行在window-server上 关于 GitHub 托管的运行程序 https://docs.git ...
QQ农场明月鲨鱼学习记录
前言 个人记录使用,具体可看github当中的文档 https://github.com/superBiuBiuMan/mingyueshark [明月]重要概念URL栏简写123456789??g_tk 等效 ?g_tk=XXXX&&g_tk 等效 &g_tk=XXXX{!nc} 等效 农场主链接地址:https://nc.qzone.qq.com/cgi-bin/{!ncf} 等效 农场主链接地址: https://farm.qzone.qq.com/cgi-bin/{!mc} 等效 牧场主链接地址: https://mc.qzone.qq.com/cgi-bin/{!wnc} 等效 文字版农场主链接地址{!wmc} 等效 文字版牧场主链接地址{!hydra}等效https://hydra.qzone.qq.com/cgi-bin/{!card}等效 魔卡主链接地址https://card.qzon ...
nvm安装版本后设置默认镜像地址和nvm list available出现空白解决办法
如题12npm config get registryhttps://registry.npmjs.org/ 发现镜像地址依旧是默认的 解决 运行输入npm config list 查看这个选项对应的目录 修改为的内容如下 12home=https://npmmirror.comregistry=https://registry.npmmirror.com/ 或者也可以 12home=https://npmmirror.comregistry=https://npmmirror.com/ 再次查看,修改成功 nvm list available出现空白解决办法 找到nvm的安装路径,建立settings.txt文件 添加下面2条,如果有就替换掉 12node_mirror: https://npmmirror.com/mirrors/node/npm_mirror: https://npmmirror.com/mirrors/npm/ 最终内容如下 即可解决
index.min.js1 Warning value should in shape of { value string number, label ReactNode } when you set labelInValue` to true`
index.min.js1 Warning value should in shape of { value string number, label ReactNode } when you set labelInValue to true 因为开启了labelInValue属性,所以在设置默认值的时候,就应该传递对应数据,格式也就是要{ label:””,value:”” }
前端map标签(创建热点区域或是点击图片指定区域跳转对应链接))
前言 点击整张图片的某一部分,可以实现自定义跳转或者一些事件 利用img和map和area标签实现 先来看下实现 https://www.w3cschool.cn/tryrun/showhtml/tryhtml_areamap 1234567<img src="/statics/images/course/planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"><map name="planetmap"> <area shape="rect" coords="0,0,82,126" target="_blank" alt="Sun" href="/statics/images/course/sun.gif"> <area shap ...
前端进度条和进度条流光效果
前言 进度条的实现学习这个的,这里只是记录下自己笔记 https://bytefish.medium.com/css-awesome-trick-how-to-create-a-progress-bar-that-changes-color-according-to-progress-be9652ebdd1c 在线演示地址(原作者) https://codepen.io/bytefishmedium/pen/VwXYKQK 在线演示地址(添加了一个流光) https://codepen.io/superbiubiuman/pen/bGZNbwp 设定的范围颜色显示 12345678980 <= --percent <= 100 绿色(green)60 <= --percent <80 蓝色(blue)40 <= --percent < 60 紫色(purple)20 <= --percent < 40 桔色(orange)0 <= --percent < 20 红色(red) 效果差不多这样子 有 ...
Antd React Form.Item内部是自定义组件怎么自定义返回值
在线演示 https://stackblitz.com/edit/stackblitz-starters-xwtwyz?file=src%2FSelfTreeSelect.tsx 需求 当我们点击提交,需要返回用户名和选中树的id信息,但是,我不关要返回树的id信息,还需要返回选中树的名称 12345678910111213//默认返回的{ userName:'梦洁', treeInfo:'leaf1-value'}//但是需要返回的如下{ userName:'梦洁' treeInfo:{ name:'leaf1-name', value:'leaf1-value' }} 做法了解下Form.Item怎么获取值的 大概就是这样子 实现自定义 主组件index.tsx 123456789101112131415161718192021222324252627282930313233343536373839404 ...
defineAsync-Suspense学习
前言 示例代码:https://github.com/superBiuBiuMan/defineAsync-Suspense-study defineAsyncComponent vue官方文档之异步组件:https://cn.vuejs.org/guide/components/async.html 在需要使用组件的时候,我们必须要全部import才可以,就像下面这样子 12import Home from "./components/Home/index.vue"import Center from "./components/Center/index.vue" 这样子就算你使用了v-show还是v-if,也会加载资源,不相信可以看控制台~ 所以可以通过defineAsyncComponent进行优化 参数 12345678910111213141516171819202122const AsyncFooWithOptions = defineAsyncComponent({ loader: () => im ...
QQ农场怀旧版搭建(附带搭建完成示例)
QQ农场搭建 示例均在宝塔面板搭建 搭建完成网站,欢迎━(｀∀´)ノ亻!大家种种菜 http://farm.dreamlove.top/ 如果不出意外应该会一直续费下去,毕竟linux服务器便宜很多~ 所需依赖123mysql 5.5php 5.4nginx 1.22 下载农场文件并安装好了依赖,下面演示为老版本的搭建 下载地址1:https://cloudreve.123916.xyz/s/J6UW (7.0版本带module) 下载地址1.1: https://www.123pan.com/s/9biA-sH5Hh.html (7.0版本带module) 下载地址2:https://wwi.lanzoup.com/iy6V31a1jgqj (老版本) 如果需要更新请查看新帖子 https://dreamlove.top/6b274c12.html 解压文件 新建站点 推荐配置 12345操作系统 不限制 UNIX/Linux/FreeBSD LinuxPHP 版本 4.3.0+ 5.0.0+ 7.4.33附件上传 允许 允许 支持/最大尺寸50 ...
