xsjCoding的博客

原创 element-plus el-button按钮点击后样式不还原

解决: <el-button @mousedown="e => e.preventDefault()" >问题: 按钮点击后会变淡。

原创 vue3 vue-i18n 多语言

3. 新建文件index.js。4. 新建文件en_us.js。5. 新建文件zh_cn.js。2. 引入main.js。

原创 element-plus upload上传

【代码】element-plus upload上传。

原创 vue3 mathjax2.7.7 数学公式

2. vue3使用了vite, vite官网表示使用了严格模式, 但是mathjax2.x.x版本是非严格模式, 在main.js中引用mathjax后会报错。1. 在mathjax3.x版本中, 官方文档说字体不能修改, 丑到爆, 所以这里用了2.7.7版本。2. 在需要使用数学公式的vue页面调用方法。1. index.html代码部分。4. 公式在线生成网站。

原创 vue3 mathjax 数学公式

新建文件@/util/mathjax.js。main.js中引入。

原创 若依vue3单文件上传/多文件上传/前后台代码

个人记录, 代码不完善见谅.

原创 Vue3循环展示静态资源

Vue3不使用require, 别试了, 那玩意是webpack的!数组内的img属性, 不能以"/"开头!

原创 ArcMap加载nc文件报错

数据路径不能有中文。

原创 vue3安装vue-tools

这个文件直接拖进扩展程序。

原创 根据geojson数据生成热力图

根据geojson数据生成热力图

原创 spring-integration-mqtt

1. mqtt服务器, org.smartboot.mqtt.broker.Bootstrap, 直接启动2. mqtt发消息工具。

原创 Mysql存储过程记录

存储过程

原创 ClickHouse Java JDBC连接

pom.xml文件 <dependency> <groupId>com.clickhouse</groupId> <artifactId>clickhouse-jdbc</artifactId> <version>0.3.2-patch5</version> </dependency>package com

原创 ClickHouse数据库引擎

本文只记录MergeTree(合并树)与Distributed(分布式表), 其他表引擎想了解的话官网传送门https://clickhouse.com/docs/en/engines/table-engines/mergetree-family/集群部署传送门https://blog.youkuaiyun.com/xushijie89/article/details/123039704OPTIMIZE命令表引擎的一些特殊功能, 是在系统自动进行优化合并时发生的, 由于OPTIMIZE查询将读取和写入大量数

原创 ClickHouse常见数据类型

ClickHouse常见数据类型整型范围Int8 — [-128 : 127]Int16 — [-32768 : 32767]Int32 — [-2147483648 : 2147483647]Int64 — [-9223372036854775808 : 9223372036854775807]Int128 — [-170141183460469231731687303715884105728 : 170141183460469231731687303715884105727]Int256

原创 ClickHouse集群新建库表

ClickHouse新建库在基于集群部署的条件下传送门https://blog.youkuaiyun.com/xushijie89/article/details/123039704新建库CREATE DATABASE db_name on cluster cluster_3shards_2replicas COMMENT '测试库'新建物理表create table table_name on cluster cluster_3shards_2replicas( id UInt32, sku_id

原创 ClickHouse集群环境部署

集群安装本文使用的版本是21.12.3.32, 准备6台虚拟机作为集群单机版-传送门https://blog.youkuaiyun.com/xushijie89/article/details/122987121集群依赖ZooKeeper服务, 请自行安装ZK集群配置文件修改(1)修改每台配置文件, 文件不存在可以新建一下[root@172.16.131.56 /etc/clickhouse-server]$ vim /etc/clickhouse-server/config.d/metrika.xml

原创 ClickHouse单机环境部署

ClickHouse单机环境安装

原创 MongoDB数据库分片操作

集群概况机器1机器2机器3172.19.147.247172.19.147.248172.19.147.249mongos1:27000mongos2:27000mongos3:27000config1:27000config1:27000config1:27000shard1 master:27001shard1 secondary:27001shard1 arbiter:27001shard2 arbiter:27002shard2 ma

原创 Java集合类杂谈

JVM配置, 防止发生GCArrayListpublic void myArrayListAdd() { List list = new ArrayList<>(); long startTime = System.currentTimeMillis(); for (int i = 0; i < 50000000; i++) { list.add(i); } long endTime = System.currentTimeMi

原创 Spring四种初始化与销毁方法执行顺序对比

结论@PostConstruct与@PreDestroy最先执行实现InitializingBean与DisposableBean接口其次@Bean最后执行被注入对象package com.example.demo;import org.springframework.context.annotation.Bean;import org.springframework.context.annotation.Configuration;@Configurationpublic cla

原创 Java常用的位与或等运算

Netty线程池选择策略按位与运算, 判断该数值是否为2^nprivate static boolean isPowerOfTwo(int val) { return (val & -val) == val;}如果线程池的线程数量是 2^n, 按位与效率较高public EventExecutor next() { return executors[idx.getAndIncrement() & executors.length - 1];}如果不是, 取模publi

原创 HTTP协议

协议原文// 1.1版本https://tools.ietf.org/html/rfc2616// 2.0版本https://tools.ietf.org/html/rfc7540书籍电脑磁盘视频https://www.bilibili.com/video/BV1js411g7Fw文档http://www.notedeep.com/note/36/page/280http://www.ruanyifeng.com/blog/2012/05/internet_protocol_suite

原创 各种协议

协议HTTP协议原文// 1.1版本https://tools.ietf.org/html/rfc2616// 2.0版本https://tools.ietf.org/html/rfc7540书籍电脑磁盘文档http://www.notedeep.com/note/36/page/280http://www.ruanyifeng.com/blog/2012/05/internet_protocol_suite_part_i.htmlhttp://www.ruanyifeng.com/

原创 个人学习记录

Redis文档http://redisbook.com/笔记https://www.processon.com/view/link/5f119cd6e0b34d44f04ff48c视频https://www.bilibili.com/video/BV1ia4y1e7SVRabbitMQ文档http://rabbitmq.mr-ping.com/笔记https://blog.youkuaiyun.com/xushijie89/article/details/107594124视频https://

原创 MySQL锁问题

原创 MySQL应用优化

原创 MySQL优化SQL

下面在高版本时候, or自动替换为union

原创 MySQL索引的使用

using index conditoin 意味着查询列的某一部分无法直接使用索引, 索引下推https://dev.mysql.com/doc/refman/5.6/en/nested-join-optimization.html可以通过覆盖索引来解决

原创 MySQL执行计划

nullsystemconsteq_refrefindexallpassword没有索引, 且前面使用了*, 使用文件排序name有索引, 前面的查询不能用*, 否则不走索引没有索引, 出现了临时表和文件排序

原创 MySQL基本概念

原创 Elastic Search (五)(六) Java代码实例

截图的代码暂时没时间整理, 后面会补上, 见谅

原创 Elastic Search (四) Java操作

截图的代码暂时没时间整理, 后面会补上, 见谅

原创 Elastic Search (三) 基本操作

截图的代码暂时没时间整理, 后面会补上, 见谅

原创 Elastic Search (一) (二)介绍与安装

目前没时间整理资料, 先将就看吧安装的部分没有, 网上很多

原创 RabbitMQ详解

一、主流消息中间件介绍ActiveMQKafkaRocketMQRabbitMQ二、RabbitMQ核心概念及AMQP协议互联网大厂为什么选择RabbitMQ开源, 性能优秀, 稳定性保障提供可靠的消息投递模式(confirm), 返回模式（return）SpringAMQP完美整合, API丰富集群模式丰富, 表达式配置, HA模式, 镜像队列模型保证数据不丢失的前提做到高可靠性, 可用性RabbitMQ的高性能是如何做到的Erlang语言最初用于交换机领域的架构模式, 这样使得

原创 SpringBoot下@Aspect切面纯注解使用方法

1.核心类package com.example.demo;import org.aspectj.lang.annotation.After;import org.aspectj.lang.annotation.AfterReturning;import org.aspectj.lang.annotation.AfterThrowing;import org.aspectj.lang.annotation.Aspect;import org.aspectj.lang.annotation.Be

原创 nginx反向代理跨域问题 SET-COOKIES失效 SESSIONID失效

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入https://blog.youkuaiyun.com/Henry__jia/article/details/107041453欢迎使

原创 vue.js 子组件调用父组件的方法

父组件<template xmlns:v-slot="http://www.w3.org/1999/XSL/Transform"> <div> <event :name="name" @eChange="eChange"></event> </div></template><script&g...

原创 vue.js插槽slot 父组件子组件数据传递

父组件<template xmlns:v-slot="http://www.w3.org/1999/XSL/Transform"> <div> <ul> <!-- 父组件的Child标签中,使用:itemValue绑定了数据,传递到子组件中使用--> <Child v-for="item in it...