一个优雅的搬砖人-CSDN博客

原创项目部署到服务器

本文使用若依前后端分离项目作为发布项目，来详细说明项目部署步骤，保姆级教程。

2024-01-03 11:27:18 929

原创 redis：Unable to connect to xxx.xx.xx.xx:6379

项目中定义了 redis，启动项目报错：Could not get a resource from the pool; nested exception is io.lettuce.core.RedisConnectionException: Unable to connect to 192.168.17.128:6379

2024-01-03 10:41:20 754

原创 MySQL：连接服务器MySQL遇到的问题

在连接远程服务器的 MySQL 时遇到的错误：Cant't connect to MySQL server（10060）解决方案。

2024-01-03 10:02:11 1505

原创度分秒和经纬度互转

坐标的经纬度和度分秒之间互相转换

2023-02-24 14:20:12 723 1

原创 IDEA中TDengine数据库连接

IDEA 连接 TDengine 时序数据库

2023-02-17 11:12:32 1304 2

原创 maven的Plugins报错

maven 的 plugins 一直报错的解决办法

2022-08-12 11:20:28 4883

原创 Vue使用vue-aplayer实现音乐播放

Vue Nuxt 使用 vue-aplayer 组件实现音乐播放！

2022-06-07 10:19:21 6432 9

原创 echarts折线统计图之数据相同不堆叠问题

在项目中发现几条折线的数据相同，但是显示的不是堆叠在一起的一条线，而是累加的结果。通过查询发现，问题出在了 stack 这个属性。echarts 官网文档：stack：数据堆叠，同个类目轴上系列配置相同的 stack 值可以堆叠放置。即：后一个系列的值会在前一个系列的值上相加。stack 值的类型为 string，默认状态下为null。设置了 stack 的效果：删除后的效果：...

2022-04-20 17:46:45 4596 1

jQuery 简介jQuery 是一个快速、小巧且功能丰富的 JavaScript 库。它使 HTML 文档遍历和操作、事件处理、动画和 Ajax 等功能变得更加简单，它具有易于使用的 API ，可跨多种浏览器运行。凭借多功能性和可扩展性的结合，jQuery 改变了数百万人编写 JavaScript 的方式。jQuery 的理念：“wirte less, do more.”获取 jQueryjQuery 官网：jQueryjQuery 中文文档：jQuery API 中文文档 | j

2022-04-06 10:01:00 959 4

原创 JS19：操作表单（验证）

什么是表单表单的主要作用是接收用户的输入，当用户提交表单时，浏览器将用户在表单中输入的数据打包，并发送给服务器，从而实现用户与 web 服务器的交互。表单是控件的容器，一个表单由 form 元素、表单控件和表单按钮三部分组成：form 元素：用来创建表单，并通过 action、method 和 enctype 三个属性，来设置表单的提交路径、提交方式、编码类型。表单控件：主要用来收集用户数据，包括 label、input、textarea、select、datalist、progress

2022-04-06 09:36:11 288

原创 JS18：操作DOM对象

DOM（Document Object Model）文档对象模型。核心浏览器网页就是一个 DOM 树形结构。更新：更新 DOM 节点遍历 DOM 节点：得到 DOM 节点删除：删除一个 DOM 节点添加：添加一个 DOM 节点要操作一个 DOM 节点，就必须要先获得这个 DOM 节点。获取 DOM 节点对应 CSS 选择器，可以通过标签名，id，class 获取 DOM 节点。<body><div id="father">

2022-04-06 09:25:10 239

原创 JS17：操作BOM对象

JavaScript 的实现包括以下3个部分：核心（ECMAScript）：描述了 JS 的语法和基本对象文档对象模型（DOM）：处理网页内容的方法和接口浏览器对象模型（BOM）：与浏览器交互的方法和接口BOM：Browser Object Model 浏览器对象模型window代表浏览器窗口。（重要）window.innerWidth; // 浏览器内部宽度window.innerHeight; // 浏览器内部高度window.outerWidth; // 浏览

2022-04-02 17:20:52 951

原创 JS16：面向对象编程

什么是面向对象？简单点说，就是我们不需要知道内部原理，就知道如何使用它的功能，就是面向对象。对象是一个整体，对外提供一些功能，而你不知道它内部是怎么操作的。面向对象特点1、抽象：指把核心的东西抽出来，把解决问题有关的东西拿出来摆在面前。比如把学生的核心信息名字和学号等信息抽出来，爱玩还是爱学习、开朗还是腼腆等不是核心的信息可以摒弃。2、封装：让使用对象的人不考虑内部实现，只考虑使用功能。把内部代码保护起来，只留些接口供用户使用。3、继承：为了代码的复用，从父类上继承一些属性和方法，子

2022-04-02 17:12:09 1165

原创 JS15：内部对象

Date日期对象基本使用var now = new Date(); // Mon Mar 28 2022 13:48:27 GMT+0800 (中国标准时间)// 年now.getFullYear(); // 2022// 月 0~11 代表月now.getMonth(); // 2 （其实现在是3月）// 日now.getDate(); // 28// 周几now.getDay(); // 1// 时now.getHours(); // 13// 分

2022-04-02 17:00:42 974

原创 JXLS导出

【前提提要】在项目中客户提出了导出的特定格式，所以 Hutool 工具就没那么方便了，这次使用了 JXLS 工具。为了便于理解，本篇文章直接使用实例来说明。【实例】1、首先引入 jxls 依赖<dependency> <groupId>org.jxls</groupId> <artifactId>jxls</artifactId> <version

2022-04-01 10:25:40 2304

原创 JS14：方法的定义和调用、this指向改变

方法就是在对象里面的函数；对象只有两个东西：属性和方法。定义方法对象名 = { 方法名: function() { // 执行代码 }}// 或者是对象名.方法名 = function() { // 执行代码}调用方法对象名.方法名()如果方法名后面没有使用()，则将返回方法定义。对象名.方法名实例// 方法定义const Jack = { name: '杰克', birth: 1998,

2022-03-28 13:18:30 693

原创 JS13：函数的定义和参数获取

函数，放在对象里面叫做方法，但实际上是一样的。定义函数方式一：// 绝对值函数function abs(x) { if (x >= 0) { return x; } else { return -x; }}一旦执行到 return 代表函数结束，返回结果！如果没有执行 return ，函数执行完也会返回结果，结果就是 undefined。方式二：var abs = function(x) { if

2022-03-28 11:58:33 994

原创 JS12：Iterable迭代

遍历迭代var arr = [3, 4, 5];// 使用 for/in 遍历，x 是索引值for (let x in arr) { console.log(x); // 0 1 2}// 使用 for/of 遍历，x 是元素for (let x in arr) { console.log(x); // 3 4 5}遍历数组var arr = [3, 4, 5];for (let x of arr) { console.log(x); //

2022-03-28 11:46:52 194

原创 JS11：Map和Set集合

MapMap 对象存有键值对，其中的键可以是任何数据类型。Map 对象记得键的原始插入顺序。Map 对象具有表示映射大小的属性。基本的 Map 方法 Method Description new Map() 创建新的 Map 对象。 set() 为 Map 对象中的键设置值。 get() 获取 Map 对象中键的值。

2022-03-28 11:44:47 306

原创 JS10：条件和循环详解

条件语句条件语句用于基于不同条件执行不同的动作。在 JavaScript 中，可使用的条件语句：if、if-else、if-else if-else、switchif 语句请使用 if 语句来规定假如条件为 true 时被执行的 JavaScript 代码。if (条件) { 如果条件为 true 时执行的代码}else 语句请使用 else 语句来规定假如条件为 false 时的代码块。if (条件) { 条件为 true 时执行的代码块

2022-03-28 11:38:41 1569

原创 JS09：对象类型详解

1、对象语法JavaScript 中对象通过大括号（{}）表示，其属性通过键值对描述，多个属性之间使用逗号隔开，最后一个属性不加逗号！注意：JavaScript 中所有的键都是字符串，值是任意类型！var 对象名 = { 属性名: 属性值, 属性名: 属性值, 属性名: 属性值, 属性名: 属性值, …… 属性名: 属性值}// 定义一个 person 对象，它有四个属性var person = { name: 'Jack',

2022-03-28 11:18:26 972

原创 JS08：数组类型详解

Array 可以包含任意的数据类型var arr = [1, 2, 3, 4, 5, 6] // 通过下标取值和赋值1、长度arr.length注意：假如给 arr.length 赋值，数组大小就会发生变化；如果赋值过小，元素会丢失。2、indexOf通过元素获得下标索引。...

2022-03-28 11:03:36 468

原创 JS07：字符串类型详解

1、正常字符串使用单引号（''）或者双引号（""）包裹2、注意转义字符 \\' '\n 换行\r 回车\t tab键\u#### unicode编码，如\u4e2d "中"\x41 AcsII字符 "A"3、多行字符串编写使用``，在 tab 键上面var msg = ` helloworld你好`;4、模板字符串let name = "Jane";let msg = `你好

2022-03-25 17:49:49 710

原创 JS06：严格检查模式strict

前提：IDEA 需要设置支持 ES6 语法严格模式：在代码中添加 'use strict'，必须写在 JavaScript 的第一行。可以预防 JavaScript 的随意性导致的一些问题。<script> // 严格检查模式，预防 JavaScript 的随意性导致产生的一些问题 // 必须写在 JavaScript 的第一行！ 'use strict'; let i = 1;</script>...

2022-03-25 17:44:55 953

原创 JS05：数据类型快速浏览

数值 number123 // 整数123.12 // 浮点数1.123e3 // 科学技术法-123 // 负数NaN // not a numberInfinity // 表示无限大字符串'abc'"abc"布尔值true // 真false // 假逻辑运算&& // 两个都为真，结果为真|| // 有一个为真，结果为真! // !真即假，!假即真比较运算*= // 赋值符号

2022-03-25 17:41:37 1141

翻译 JS04：var、let 和 const 有什么区别

ES6 附带的功能之一是添加了 let 和 const ，可用于变量声明。问题是，它们与 var 有什么不同？如果你仍然不清楚，那么读完本文你就知道了。本篇文章，我们将讨论 var 、let 和 const 的作用域、用途和变量提升。当你阅读时，请注意我将指出它们之间的差异。Var在 ES6 出现之前，必须使用 var 声明。但是前端开发出现的一些问题与使用 var 声明的变量有关。这就是为什么必须要有新的方法来声明变量。首先，让我们讨论这些问题之前更多地了解 var。var 的作用

2022-03-14 18:23:02 278

原创 JS03：基本语法入门

1、定义变量变量类型变量名 = 变量值;在 JavaScript 中，无论是什么类型的变量，都可以使用 var 声明，但是这是在 ES6 之前，ES6 添加了 let 和 const，可用于变量声明（const 是用于声明常量，let 是 var 的改进，所以变量声明建议使用 let）。JavaScript 严格区分大小写！var num = 1;var str = "字符串";var bool = true;2、条件控制这部分和 Java 一样。var scor

2022-03-14 17:46:33 1443

原创 JS02：引入JavaScript

HTML 引入 JavaScript1、内部标签index.html 文件，通过 <script> 标签引入 JavaScript 。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>内部标签</title> <script> alert('Hello world');

2022-03-14 17:36:16 2064

原创 JS01：聊聊JavaScript

JavaScript（行为）：是一种弱类型脚本语言，是世界上最流行的脚本语言，其源代码无需经过编译，而是由浏览器解释运行，用于控制网页的行为。Native 原生 JS 开发原生 JS 开发，也就是让我们按照【ECMA Script】标准的开发方式，简称是 ES，特点是所有浏览器都支持。注：ECMA Script 是一种由 Ecma 国际（前身为欧洲计算机制造商协会，European Computer Manufactures Association）通过 ECMA-262 标...

2022-03-11 18:15:45 1636

原创 Spring Boot 启动类中直接调用service或mapper中的方法？

问题描述：在最初只了解后台时，想要输出数据库的测试数据验证环境是否搭建成功。于是想到在启动时调用 service 或者 mapper ，但是发现无论是 @Autowired 还是 private final 静态声明，得到的都是 Null（是因为项目刚启动时还没有加载完上下文，是没取不到类的）。解决办法：使用 JUint 测试。JUnit 测试是 Java 语言的回归测试框架，是一种白盒测试方法，主要是进行逻辑，需要程序员了解测试代码的逻辑和功能。在 maven 中引入 JUnit 依赖&

2022-03-11 17:58:36 3908

原创 get 请求参数是对象怎么办

在开发中，我们知道 Restful 对查询的规范是使用 get 请求，而一个管理画面的查询条件是多个，那么就需要前台传给后台一个对象。本篇文章介绍如何使用 get 请求传递对象。前端传参在前台不能使用 this.$axios.get ，而是需要使用 this.$axios.request ，使用方法如下。this.$axios.request({ method: 'GET', url: '/person/getByConditions', params: ...

2022-03-11 10:09:02 11071

原创 Nuxt解决前后端跨域问题

Nuxt 是 Vue 项目服务器渲染（SSR）解决方案。而在使用时，就会遇到前后端分离的情况下域名或端口不一致导致的跨域问题。本篇文章将完整呈现如何通过设置代理解决 Nuxt 与 axios 集成的跨域问题。扩展 axiosNuxt 使用 axios 为避免出现前端页面跨域问题，需要安装 @nuxtjs/axios 和 @nuxtjs/proxy 两个模块。用 yarn 安装yarn add axios @nuxtjs/axios @nuxtjs/proxy使用 npm 安装

2022-03-11 09:27:35 5449 1

原创 Nuxt创建

本篇文章使用 create-nuxt-app 脚手架搭建确保安装了 npx（npx 在 NPM 5.2.0 版本会默认安装）执行语句打开 cmd 命令行，进入想要创建项目的文件夹下，执行语句npx create-nuxt-app <项目名>或者使用 yarn：yarn create nuxt-app <项目名>项目配置对于一些不清楚的配置可以选择 None 或者直接回车跳过，前面是括号()的选项需要空格才能选中。Project name

2022-03-11 09:02:47 9829

原创 YAML教程

Spring Boot 提供了大量的自动配置，极大地简化了 spring 应用的开发过程，当用户创建了一个 Spring Boot 项目后，即使不进行任何配置，该项目也能顺利的运行起来。当然，用户也可以根据自身的需要使用配置文件修改 Spring Boot 的默认设置。Spring Boot 默认使用以下 2 种全局的配置文件，其文件名是固定的。application.properties application.yml其中，application.yml 是一种使用 YAML 语言编写的文件，

2022-03-10 10:26:05 152

原创 Spring Boot 整合 MyBatis

MyBatis 是一个半自动化的 ORM 框架，所谓半自动化是指 MyBatis 只支持将数据库查出的数据映射到 POJO 实体类上，而实体到数据库的映射则需要我们自己编写 SQL 语句实现，相较于 Hibernate 这种完全自动化的框架，Mybatis 更加灵活，我们可以根据自身的需求编写 sql 语句来实现复杂的数据库操作。随着 Spring Boot 越来越流行，越来越多的被厂商及开发者所认可，MyBatis 也开发了一套基于 Spring Boot 模式的 starter：mybatis-sp

2022-03-10 09:34:11 1119

空空如也

空空如也