自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

殇之何伤的博客

顶着黑眼圈爬坑ing

  • 博客(100)
  • 资源 (4)
  • 收藏
  • 关注

原创 Vite+Vue3+TypeScript 搭建开发脚手架

vite +vue +pinia 搭建 vue 项目脚手架

2023-02-01 17:24:38 1661 1

原创 前端解析.apk/.ipa资源包的基本信息

需要引入app-info-parser(组件/js文件)来实现解析apk资源的基本信息资源地址:https://github.com/chenquincy/app-info-parser一、npm方式npm install app-info-parser# or yarnyarn add app-info-parserconst AppInfoParser = require('app-info-parser')const parser = new AppInfoParser('.

2022-03-25 10:40:41 2205 1

原创 正则捕获组替换匹配到的内容

原句(标点符号前后都有空格):she said : " Teachers ' Day is in September . "处理后(去除标点符号前后空格):she said:"Teachers'Day is in September."import java.nio.charset.StandardCharsets;import java.util.regex.Matcher;import java.util.regex.Pattern;public class RegepD.

2022-03-07 17:27:30 327

原创 设计模式(简单)

一、单例模式A:懒汉式:需要的时候才去创建/** * 单例模式 懒汉式:需要的时候才创建 */public class LHStudent { private static LHStudent student; public static LHStudent getStudent() { if(student == null){ student = new LHStudent(); } retur

2022-02-12 16:42:35 281

原创 java == 和 equals

一、==1、用户比较基本类型(byte,float,int,long,short,double,char,boolean)比较的是值是否相等注意:比较double类型是注意精度问题double a= 4.00000000000000003;double b= 4.000000000000000003;System.out.println(a==b); // true2、比较引用类型(对象、字符串、集合等)比较的是引用地址是否相同(如果引用地址相同,同一时刻值也是相同的).

2021-12-28 11:16:26 206

原创 linux服务器发布Java web服务

1、yum 安装jdk先检查服务器是否已安装jdkyum list installed | grep java如果已安装,跳过。删除命令yum -y remove java-1.8.0-openjdk*检查yum 库中jdk 版本:yum search java | grep jdk会出现jdk版本列表进行安装:yum install java-1.8.0-openjdk检查是否安装成功:java -version2、tomcat 安装1、创建目录:mk..

2021-12-14 19:22:39 1700

原创 react组件

富文本组件BraftEditor相关资源:安装和使用 · 语雀Braft Editor | 基于DraftJS的强扩展性React富文本编辑器高亮显示组件资料:react-syntax-highlighter - npmReact Syntax Highlighter Demo日志显示组件资料:react-lazylog - npmReact Lazylog Style Guide音频波形图组件wavesurfer.js自己实现的效果...

2021-12-13 10:01:04 577

原创 react 父组件调用子组件

1、类(class)型组件// 子组件export default class Child extends React.Component{ componentDidMount(){ this.props.onRef(this); // 暴露给父组件 供父组件获取数据 } getName = () =>{ return "我是子组件啊" }

2021-11-19 10:36:42 334

原创 前端js 数组转树结构数据

准备通过pid,id关联的平铺数组结构,转成包含children数组的树状结构代码const toTree = (data) =>{ let result = [] if (!Array.isArray(data)) { return result } data.forEach(item => { delete item.children; }); let map = {}; data.forEac

2021-11-15 10:13:48 918

原创 antd 树结构数据可拖拽表格

场景管理后台的树级结构菜单列表,需要可以通过鼠标拖拽修改菜单的层级结构代码import React from 'react'import { Table,Card,Form } from 'antd';import { DndProvider, DragSource, DropTarget } from 'react-dnd';import {HTML5Backend} from 'react-dnd-html5-backend';let dragingIndex = -1;cl

2021-11-15 10:10:54 2228 2

原创 js 毫秒转成时分秒毫秒格式

// 3671520转化成00:00:00,000 =>01:01:11,520 formatTime2HMSMs = time =>{ const millisecond = parseInt(time%1000) let second = 0; let totalMinute = 0; let minute = 0; let hour = 0; let result = ".

2021-10-27 17:00:02 1636 2

原创 centos8 重置mysql8.0.21密码

错误提示[root@racknerd-8f5ad6 my.cnf.d]# mysql -uroot -pEnter password:ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: YES)一般错误原型是密码错误解决方法:1、找到my.cnf文件(mysql启动的配置文件)[root@racknerd-8f5ad6 /]# find -name my.cnf./etc

2021-10-14 14:44:03 469

原创 多线程批量插入数据库

背景目前有12万数据需要打入到mysql数据库准备开发环境 :Java、JdbcTemplate、ThreadPoolTaskExecutor(线程池)数据库:MySql代码:1、配置线程池import org.springframework.context.annotation.Bean;import org.springframework.context.annotation.Configuration;import org.springframework.schedu

2021-09-30 11:05:20 4172 4

原创 XML文件解析--java

背景有一批xml文件,需要从xml文件标签中提取对应的信息(只对xml文件进行信息读取操作),选用的库:SAXxml样例片段<?xml version="1.0" encoding="UTF-8" standalone="yes"?><root zoom="1" isNewResult="true" markRotationAngle="0" imgAttr="bad"> <rect index="1" text="hello world" label

2021-09-29 19:41:57 80

原创 react hook

import React, { useState, useEffect } from "react";import ReactDOM from "react-dom";function Demo() { // 作用函数 const [count, setCount] = useState(0); // 副作用函数 可以有多个 // 相当于 componentDidMount 和 componentDidUpdate: // 相当于 第一次渲染完成后 和 每次更行渲染完成后 .

2021-08-18 16:36:25 73

原创 react npm相关命令

1、从制定的镜像中下载制定版本的组件npm install [email protected] --registry=https://registry.npm.taobao.orgnpm install [email protected] (下载制定版本)npm install wangeditor (直接下载)------------使用中遇到问题再继续补充...

2021-07-28 11:19:21 157

原创 前端长度单位介绍px、rem等

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="description" content=" An out-of-box UI solution for enterprise applications a.

2021-07-20 16:22:25 603

原创 react --- promise

1、Promise 是一个对象,从它可以获取异步操作的消息。例如:PromiseState:pending(进行中)fulfilled(已成功)rejected(已失败)这是异步操作的结果状态,不能认为改变2、ES6 规定,Promise对象是一个构造函数,用来生成Promise实例。const promise = new Promise(function(resolve, reject) { // ... some code if (/* 异步操作成功 */){ .

2021-07-10 15:31:51 780

原创 css实现波浪线下划线

<!DOCTYPE html><html><head><style>body { background-color: lightblue;}.wavyText{ position: relative;}.wavyText::before{ content: ''; position: absolute; bottom: -0.13em; width: 100%; height: 0.25em; .

2021-05-06 10:49:31 1358

原创 idea创建springboot+jdbcTemplate多数据源

一、Idea创建工程进入Idea ,file-->new->project...Next (环境、版本号等设置)Next (选择核心依赖组件)Next (给新建的项目起个名字,以及设置保存地址、工作目录)Finish,完后项目创建。二、创建工程层级目录config:多数据源配置目录 controller:请求入口,控制层 dao:持久层,jdbcTemplate操作数据库 pojo:数据库表对应的实体对象...

2021-03-23 15:38:20 648

原创 CentOS8安装mysql报错

安装数据库过程中,执行命令bin/mysqld --initialize --user=mysql --basedir=/usr/local/mysql --datadir=/home/mysql_data报错误提示 error while loading shared libraries: libaio.so.1: cannot open shared object file: No such file or directory解决办法:yum install -y

2021-03-18 09:37:16 397

原创 React 好用组件

1、Json数据结构展示与操作------react-json-view效果图:a、安装npm install -D react-json-viewb、引入import ReactJson from 'react-json-view';3、使用<ReactJsonname={false}iconStyle="square"displayDataTypes={false}collapsedsrc={JSON.parse(val)}/>...

2021-03-05 14:39:35 69

原创 无法远程连接 Centos8 上的mysql(yum安装的)

问题描述使用navicat无法远程连接Centos上mysql数据库可能原因一:Centos上防火墙没有打开3306端口1、查看防火墙开发端口firewall-cmd --zone=public --list-ports 查看开放的端口列表2、添加(开放)mysql端口3306firewall-cmd --zone=public --add-port=3306/tcp --permanent 开放端口后要重启防火墙生效3、重启防火墙sys...

2021-03-03 17:07:58 1076 1

原创 springBoot+mybatis多数据源

介绍使用idea创建springboot项目,使用mybatis链接mysql数据库(多数据源),使用druid(阿里巴巴)的连接池。工程整体目录一、pom.xml文件配置<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi

2021-02-19 14:49:38 286

原创 springBoot项目通过yml文件配置logback(日志)输出到文件

1、yml文件配置# 日志目录logging: path: home/logs/ file: ${logging.path}springboot2、创建logback-spring.xml文件(与配置文件同级)<?xml version="1.0" encoding="UTF-8"?><!-- 日志级别从低到高分为TRACE < DEBUG < INFO < WARN < ERROR < FATAL,如果设置为WARN,则低于WAR

2021-01-26 18:01:02 6338 2

原创 多数据源:dataSource or dataSourceClassName or jdbcUrl is required.] with root cause

错误信息:2021-01-08 16:55:28.803 ERROR 30068 --- [nio-8080-exec-1] com.zaxxer.hikari.HikariConfig : HikariPool-1 - dataSource or dataSourceClassName or jdbcUrl is required.2021-01-08 16:55:28.815 ERROR 30068 --- [nio-8080-exec-1] o.a.c.c.C.[.[.[/...

2021-01-08 17:04:32 5242

原创 H5 视频分片上传

1、主要标签<input type="file" id="upload_video_input" accept="video/*" hidden onChange={(e)=>this.changeUploadVideo(e)}/><video id="movie" style={{width:'100%',height:'100%'}} src={currentVideo} preload="auto" > </video>注释:<input

2021-01-08 14:09:33 887

原创 H5 页面开发者模式

<scriptsrc="https://cdn.bootcdn.net/ajax/libs/eruda/2.4.1/eruda.min.js"></script><script>eruda.init();</script>引入上面的js ,H5页面会出现开发工具按钮,进行H5移动端调试观察

2021-01-07 14:24:39 571

原创 微信浏览器阻止video全屏播放

<video x5-video-player-type="h5-page" controls="controls" src="source"></video>增加属性: x5-video-player-type="h5-page" 即可

2020-12-29 20:07:26 227

原创 ant mobile 项目,本地接口调试配置代理

1、在package.json 中配置服务端接口地址"proxy": "http://xx.x.xxx.xxx:8029", 2、接口调用地址// http://localhost:3001/ 前端启动的地址,默认是3000 axios.post("http://localhost:3001/user/xxxx").then(res=>{console.log(res)})...

2020-12-07 14:02:53 202

原创 ant-design-mobile 样式按需加载

1、安装按需加载组件: npm i --save-dev babel-plugin-import2、运行 npm run eject3、修改package.json文件"babel": { "presets": [ "react-app" ], "plugins": [ [ "import", { "libraryName": "antd-mobile", "li...

2020-12-01 15:47:13 473 1

原创 Idea搭建简单springboot项目的详细教程(三)创建目录结构与基础dao、mapper.xml...

一、通过插件自动生成mapper.xml1、安装better-mybatis-gener 插件2、连接数据库3、 自动生成基础代码

2020-10-24 20:20:49 1174

原创 Idea搭建简单springboot项目的详细教程(二)配置application.properties/application.yml文件

数据源配置1、application.properties#服务端口server.port=8080#配置数据源的类型 数据源是org.apache.tomcat.jdbc.pool.DataSourcespring.datasource.type=com.alibaba.druid.pool.DruidDataSource#驱动的全限定类名spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver#连接池数据源初始化大

2020-10-20 16:20:05 3730

原创 Ant Design 使用Tabs和Form.List 实现二维数组结构

使用场景与实现效果需求的数据结构为可编辑的二维数组结构,在Form表单中提交数据到服务端,下面为数据结构的例子:[ [{ "text": "", "audioUrl": "", "emotion": "" }, { "text": "", "audioUrl": "", "emotion": "" }], [{ "text": "", "audioUrl": "", "emotion": "" }, { "text": "", "audioUr

2020-10-19 14:36:27 4735 1

原创 数据库设计三范式介绍

数据设计一般需要遵守三范式规则:一、第一范式:每个列都不可以再拆分成多个列(原子性)例如:学号 姓名 性别 喜恶 年级专业 20141227 张三 男 喜欢打篮球,讨厌看书 14级计科 上面的设计就不符合第一范式,因为字段“喜恶”与“年级专业”可以再差分,所以正确的为:学号 姓名 性别 喜欢 厌恶 年级 专业 20141227 张三 男 喜欢打篮球 讨厌看书 14

2020-10-12 14:40:49 307

原创 React 跳转方式

1、带参数跳转${res} 是参数this.props.history.push(`/flowchart/flow/${res}`)这种方式跳转是刷新当前页面跳转2、Link组件跳转<Link to={`/chat/topic/detail/${record.topicId}`} target="_blank">详情</Link>to:需要跳转到的url,target:控制是否打开新的浏览器窗口标签3、window.open(url,'_blank..

2020-09-25 14:59:29 859

原创 ‘url‘ attribute is not specified and no embedded datasource could be configured.

自己简单创建了一个SpringBoot + myBatis 项目没有在application.properties中对数据源进行配置错误信息Error starting ApplicationContext. To display the conditions report re-run your application with 'debug' enabled.2020-09-23 22:35:02.462 ERROR 8864 --- [ main] o.s.b.d.Lo

2020-09-23 23:23:46 4659 1

原创 Idea搭建简单springboot项目的详细教程(一)创建项目

1、创建项目file >>>new Project>>>Spring Initralizr

2020-09-07 00:22:17 364

原创 JAVA 获取两个数组中的相同元素

String[] arrayDB = {"aa","bb","cc","dd","ee","gg"};String[] arrayIn = {"ee","ff","gg"};Set<String> bb = new HashSet<>(Arrays.asList(arrayIn));List<String> same = Arrays.asList(arrayDB).stream().filter(i->!bb.add(i)).collect(Collect.

2020-08-18 15:14:57 3062

原创 SpringBoot 注解(自己的理解)

1、@Configuration注解表明这个类是一个配置类通过注解注册到springboot容器,可理解为用spring的时候xml里面的<beans>标签,作用为:配置spring容器(应用上下文)注意:1、不可以注解final类型2、不可以注解匿名类3、嵌套的configuration必须是静态类。2、@Bean可理解为用spring的时候xml里面的<bean>标签,每一个完整的<bean>标签内容,就是一个配置。3、Compone.

2020-08-17 11:01:29 251

springboot-jdbc-多数据源

使用idea搭建的springboot + jdbcTemplate 多数据源用例

2021-03-23

table导出Excel项目

加压后可以直接运行,主要包含1、table_export.html,内容:tableExport.js导出table成Excel (不支持IE) 2、new_file.html 内容:无插件、原生js导出table成Excel(支持IE\谷歌等主流浏览器)

2019-03-01

FileSaver.js用于table导出Excel

使用tableExport.js将table导出Excel时,必须用的Bootstrap中的FileSaver.js文档

2019-03-01

解决tableExport.js乱码

网上和官网上下载的tableExport.js,大多数都是不支持中文table导出Excel的,本资源修改了里面的tableExport.js以及jquery.base64.js这两文件,可以支持中文导出,解决导出的Excel中文乱码问题

2019-03-01

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除