TS2322 Type Element is not assignable to type ReactNode
出现TS2322 Type Element is not assignable to type ReactNode 大部分都是ts的问题,没有识别到,目前在preact出现过这种 解决 在tsconfig.json添加下面内容 1234"paths": { "react": ["./node_modules/preact/compat"], "react-dom": ["./node_modules/preact/compat"]} tsconfig.json完整内容 123456789101112131415161718192021222324252627282930{ "compilerOptions": { "target": "ESNext", "useDefineForClassFields": true, "lib ...
JAVA学习笔记
day01代码的结构 主类名,包含main方法的类名 12345类{ 方法{ 语句; }} 编译javac 要编辑的文件名.java(包含扩展名),生成字节码.class文件 cmd需要在HelloWorld.jav文件夹目录下 javac ./HelloWorld.java 1234567public class HelloWorld { public static void main(String[] args){ System.out.println("helloWorld"); }}//String[] args 不要漏掉了 运行java 编辑后的文件 1234567java 主类名 (也就是 java HelloWorld)java HelloWorld 正确的java HelloWorld.class 错误的java ./HelloWorld.class 错误的java ./HelloWorld 错误的 更改编码格式 1javac -encodin ...
java练习-简易博客的搭建
前言 练习项目,参照https://blog.csdn.net/weixin_61061381/article/details/129096734 源码 https://github.com/superBiuBiuMan/java-blog-system-practice 很多功能没做,毕竟是练习~ 注意 项目为了练习,没有使用mybatisplus的简化写法 统一错误(异常)处理 还是这位博主的博客 https://www.cnblogs.com/l-y-h/p 也学习这位博主的 https://blog.csdn.net/weixin_46097842/article/details/118003715 使用统一结果处理时，有些异常我们可以提前预知并处理，但是一个运行时异常，我们不一定能预知并处理，这时可以使用统一异常处理，当异常发生时，触发该处理操作，从而保证程序的健壮性。 使用 @ControllerAdvice 或者 @RestControllerAdvice 注解作为统一异常处理的核心。 这两个注解都是 Spring MVC 提供的。作用于 控制层 的 ...
java-lambda和练习之多线程下载工具
多线程 脱离了任务的线程是没有意义的 但是不一定要去执行任务 线程是通过Thread类来创建的 任务是通过Runnable接口来实现的 继承Thread类 实现Runnable接口 无返回值 实现Callable接口 有返回值 Thread Thread构造器：无参构造就是不需要指定任务，有参构造可以直接指定线程的任务 1public Thread(Runnable target) 流程 创建线程对象,同时指定任务 启动线程,start后进入就绪状态,等待获取CPU资源 一旦拿到CPU资源,开始执行任务,调用Thread的run方法 12345public void run(){ if(target != null){ target.run(); }} 示例12345678public class MyThread extends Thread{ @Override public void run() { for (int i = 0; i < 100; i ...
前端SVG的学习
目标 为了可以使用svg动画库,入门下svg 学习笔记,个人记录, 学习掘金大佬德育处主任 https://juejin.cn/user/2673620576140030 rect矩形 矩形使用 <rect> 标签，默认填充色是黑色，当只设置宽高时，渲染出来的矩形就是黑色的矩形。 矩形基础属性： x: 左上角x轴坐标 y: 左上角y轴坐标 width: 宽度 height: 高度 rx: 圆角，x轴的半径 ry: 圆角，y轴的半径 通过 x 和 y 可以设置矩形位置 以图像左上角为起点进行移动 rx,ry如果只设置了一个的值,另一个值默认相同 当rect的宽度高度相同并且rx值为宽度一半的时候,就是一个圆形了 1234567<svg width="300" height="300" style="border: 1px solid red;"> <rect width="100" height="100&q ...
前端canvas的学习和将网页生成canvas图片
目标 最终可以实现二维码填充在指定图片位置,并且可以填充文字在图片中 学习笔记,个人记录, 学习掘金大佬德育处主任 https://juejin.cn/user/2673620576140030 专栏 https://juejin.cn/column/7113168145912692773 作者仓库 https://gitee.com/k21vin/thunder-monkey-canvas 第一个canvas123456789101112131415161718<body> <canvas id="c" width="300" height="200" style="border:1px solid #ccc" ></canvas> <script> //获取canvas元素 const cnv = document.querySelector('#c'); //获取canva ...
React多个echarts图表在一个页面的使用
前景 很多情况下图标都是一个,我们大概率会像下面代码一样的做法 大概流程就是获取到数据后执行初始化,因为先初始化后异步请求再设置state里面的数据回导致无法正常显示echarts(除非再次调用setOption) 下面就记录下自己解决过程 源码 https://github.com/superBiuBiuMan/react-class-test 根据ID获取DOM进行初始化123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657import React, { Component } from 'react';import * as echarts from 'echarts';import axios from 'axios';class TestEcharts extends Component { constructor(p ...
前端取图片相同颜色作为遮罩或者背景
需求 遮罩层取图片相同/相似的颜色作为遮罩 效果 做法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%87%E4% ...
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 ...
