All posts by 龙生

axios请求时使用 application/x-www-form-urlencoded

axios 会默认序列化 JavaScript 对象为 JSON。 如果想使用 application/x-www-form-urlencoded 格式，你可以使用下面的配置。 在浏览器环境，你可以使用 URLSearchParams API：

1
2
3
4
const params = new URLSearchParams();
params.append('param1', 'value1');
params.append('param2', 'value2');
axios.post('/foo', params);

  from:https://blog.csdn.net/init_yanxiao/article/details/113845330

龙生   02 Jun 2022
View Details

使用axios请求，前端数字long类型精度问题解决方法

今天开发遇到个问题，服务器后端的Long类型数据，传到前端会出现精度丢失，如：164379764419858435，前端会变成164379764419858430。

在浏览器中做测试可知，这就是一个精度丢失的问题。

前端使用的axios来发起请求的，最开始以为是浏览器的问题，但是通过postman来请求是没问题，打开浏览器开发工具，在xhr下的response响应中也是没问题的，代表是请求成功后数据格式化出问题了，下面讲解下各种解决方案。

龙生   02 Jun 2022
View Details

Typescript 常用特性小结

一、高级类型
二、操作符
三、运算符
四、类型别名
五、类型断言
七、类型守卫
八、泛型

龙生   31 May 2022
View Details

[ 万字总结 ] 夯实你的 TypeScript 基础

1.环境配置和搭建
2.基础类型
3.类型推导
4.函数类型
5.类
6.接口
7.泛型
8.兼容性
9.类型保护
10.类型推断
11.交叉类型
12.条件类型
13.内置类型
14.装包和拆包
15.自定义类型
16.unknown
17.模块和命名空间
18.类型声明
19.扩展全局变量类型

龙生   31 May 2022
View Details

7 款最棒的开源 React UI 库测评 – 特别针对国内使用场景推荐

Semi Design – 抖音团队力作，虽简洁轻量，可轻松应对复杂场景，抖音内部多项目迭代，品质可靠
TDesign – 腾讯优质 UI 组件，配套工具完满，设计工整，文档清晰
ArcoDesign – 字节跳动 UI 组件库开源，大厂逻辑，设计文档完美
Ant Design React – 阿里前端 UI 库，面向企业级中后台
Material-UI – 全球顶级 React 组件库 Google Material 设计标准
微软 FluentUI – 背靠微软，大型项目首先，代码简洁高效
Element for React – 饿了么出品 Element 的 React 版，适合有使用 Element 习惯的开发者

龙生   30 May 2022
View Details

Musicn 高品质音乐下载命令行工具

软件简介 Musicn 是一个下载高品质音乐的命令行工具。 安装

1
2
3
4
5
6
# 主推荐pnpm
$ pnpm add -g musicn
# or
$ yarn global add musicn
# or
$ npm install musicn -g

  使用

1
2
3
$ musicn 稻香
# or
$ msc 稻香

  附带歌词下载 (默认是不附带):

1
2
3
$ msc 稻香 --lyric
# or
$ msc 稻香 -l

  指定文件夹路径下载 (默认是当前路径):

1
2
3
$ msc 稻香 --path ../music
# or
$ msc 稻香 -p ../music

  资源 音乐来源：咪咕（API 是从公开的网络中获得） 说明 部分歌曲支持无损音乐，支持格式：flac、mp3 优先搜索下载高品质音乐（无损 -> 320K -> 128K） 暂时只支持下载咪咕平台上已有的音乐 在 windows 的 git Bash 中不支持显示下载进度条并且不支持上下切换选歌，问题是 cli-progress 不兼容 node version > 14 from:https://www.oschina.net/p/musicn

龙生   27 May 2022
View Details

Mybatis 和 Mybatis Plus 的区别

Mybatis 和 Mybatis Plus 的区别
MyBatis:

所有SQL语句全部自己写
手动解析实体关系映射转换为MyBatis内部对象注入容器
不支持Lambda形式调用
Mybatis Plus:

强大的条件构造器,满足各类使用需求
内置的Mapper,通用的Service,少量配置即可实现单表大部分CRUD操作
支持Lambda形式调用
提供了基本的CRUD功能,连SQL语句都不需要编写
自动解析实体关系映射转换为MyBatis内部对象注入容器

龙生   27 May 2022
View Details

修复JS中toFixed不是真四舍五入的问题

1
2
3
4
5
6
7
function toFixed(num, fixed) {
    var times = Math.pow(10, fixed);
    var newNum = num * times + 0.5;
    newNum = parseInt(newNum, 10) / times;
 
    return newNum;
}

 

龙生   25 May 2022
View Details

SpringBoot 集成 Nacos

  目录 一、前言 二、Nacos集成 1、引入Nacos依赖 2、设置Nacos配置 3、加载Nacos配置中心配置项 4、Nacos集成验证 5、Nacos配置中心配置项动态生效   Nacos安装详见：Spring Cloud 系列之 Nacos 配置中心   一、前言 上一篇已经讲解了怎样安装安装、启动、配置 Nacos，这篇我们讲解如何在项目中使用 Nacos 。 还不了解 Nacos 的详见：Spring Cloud 系列之 Nacos 配置中心 在集成 Nacos 之前，首先我们要先创建一个 Spring Boot 项目：IDEA 创建 SpringBoot 项目   二、Nacos集成 1、引入Nacos依赖

1
2
3
4
5
6
7
8
9
10
11
12
13
<dependencies>
<!-- nacos -->
<dependency>
<groupId>com.alibaba.cloud</groupId>
     <artifactId>spring-cloud-starter-alibaba-nacos-config</artifactId>
     <version>2.2.1.RELEASE</version>
</dependency>
    <dependency>
     <groupId>com.alibaba.cloud</groupId>
        <artifactId>spring-cloud-starter-alibaba-nacos-discovery</artifactId>
        <version>2.2.1.RELEASE</version>
    </dependency>
<dependencies>

  注：Spring Boot版本要低于2.4，否则启动应用会报错。   2、设置Nacos配置 项目中默认配置文件是 application.properties ，Nacos 配置加在此配置文件中的话，应用启动会报连接 Nacos 失败，我们需要创建 bootstrap.properties 或 bootstrap.yml 配置文件（添加任意一个即可），下面我们以 bootstrap.properties 为例：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
spring.application.name=apm-mobile-android
spring.cloud.nacos.username=nacos
spring.cloud.nacos.password=nacos
spring.cloud.nacos.server-addr=10.0.7.115:18117
 
spring.cloud.nacos.discovery.namespace=PROD
spring.cloud.nacos.config.namespace=PROD
spring.cloud.nacos.config.timeout=3000
spring.cloud.nacos.config.refresh-enabled=true
 
spring.cloud.nacos.config.group=apm
spring.cloud.nacos.config.prefix=${spring.application.name}
spring.cloud.nacos.config.file-extension=properties
 
spring.cloud.nacos.config.shared-configs[0].group=apm
spring.cloud.nacos.config.shared-configs[0].data-id=apm-mobile-android.properties
spring.cloud.nacos.config.shared-configs[0].refresh=true
 
spring.liquibase.enabled=false

    3、加载Nacos配置中心配置项 在初始化类中添加 @EnableDiscoveryClient 注解即可：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
package com.example.springbootdemo;
 
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.cloud.client.discovery.EnableDiscoveryClient;
 
@EnableDiscoveryClient
@SpringBootApplication
public class SpringbootdemoApplication {
 
    public static void main(String[] args) {
        SpringApplication.run(SpringbootdemoApplication.class, args);
        new BootstrapManager();
    }
 
}

    4、Nacos集成验证 Nacos配置如下： 启动应用，然后访问：http://localhost:8085/hello 出现如下界面说明加载Nacos配置成功。   5、Nacos配置中心配置项动态生效 需要在配置对象中添加 @RefreshScope 注解，然后重启应用。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
package com.example.springbootdemo.config;
 
import lombok.Data;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.cloud.context.config.annotation.RefreshScope;
import org.springframework.context.annotation.Configuration;
import org.springframework.stereotype.Component;
 
@Data
@Component
@Configuration
@RefreshScope
public class GlobalConfig {
 
    @Value("${data.domain:http://10.0.0.1:18080}")
    private String dataDomain;
 
    @Value("${log.level:DEBUG}")
    private String logLevel;
}

  重启后，访问：http://localhost:8085/hello 将 Nacos 配置中的 log.level 修改为 DEBUG ，然后重新访问：http://localhost:8085/hello，出现如下界面说明 Nacos […]

龙生   24 May 2022
View Details

SpringBoot集成Nacos

一、环境说明 1.CentOS7 2.Jdk1.8 3.Mysql5.7 4.Nacos1.3 5.SpringBoot2.3.1.RELEASE 6.Maven3.6 二、下载Nacos 1.Nacos官网：https://nacos.io/zh-cn/index.html 2.Nacos下载地址：https://github.com/alibaba/nacos/releases/download/1.3.0/nacos-server-1.3.0.tar.gz 三、解压启动Nacos

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
1.解压：tar -zxvf nacos-server-1.3.0.tar.gz
2.进入目录：cd nacos/bin
3.单机启动Nacos：sh startup.sh -m standalone
4.如果觉得自己记不得这个命令
    1.先在Nacos startup.sh 所在的目录中输入命令：pwd 等会儿会用上！
    2.然后随便在哪个目录输入命令：vim startNacos.sh
    3.复制刚刚pwd命令得到的的目录地址，再复制单机启动命令：sh /var/tool/nacos/bin/startup.sh -m standalone
    4.按esc，输入法切换到英文，输入 :wq 退出并保存！
    5.在startNacos.sh存在的目录输入授权命令：chmod +x startNacos.sh 变绿了就是可执行的文件了！
    6.在startNacos.sh存在的目录输入执行命令：./startNacos.sh
    7.输入命令：ps -ef | grep nacos 看看是否正常启动！
5.启动遇到错误要做到三不：不要慌！不要急！不要骂！
    1.先检查是否安装了---> jdk <--- 输入命令：java -version
    2.https://www.baidu.com    把错误信息粘贴上去
    3.https://www.google.com   把错误信息粘贴上去
6.浏览器访问Nacos：http://ip:8848
    1.访问失败（先确保Nacos是否正常启动！！！）
         本地虚拟机可以直接将防火墙关闭：systemctl stop firewalld
         云服务器开放端口：sudo firewall-cmd --zone=public --add-port=8848/tcp --permanent ，刷新：sudo firewall-cmd --reload
    2.访问成功
         输入默认账号密码：nacos ，感受下我们中国人开源的配置中心、注册中心...

四、配置Nacos

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
1.关闭Nacos（随意选择一种）
    1.输入命令：ps -ef | grep nacos ，然后输入：kill -9 进程号 ，强制杀死Nacos进程！
    2.在nacos/bin目录中执行：./shutdown.sh ，关闭Nacos！
2.配置Nacos->Mysql
    1.编辑配置文件：vim nacos/conf/application.properties
    2.放开、更改配置
        spring.datasource.platform=mysql
        db.num=1
        db.url.0=jdbc:mysql://127.0.0.1:3306/nacos_config?characterEncoding=utf8&connectTimeout=1000&socketTimeout=3000&autoReconnect=true&useUnicode=true&useSSL=false&serverTimezone=UTC
        db.user=root
        db.password=自己mysql的密码
    3.按esc，输入法切换到英文，输入 :wq 退出并保存！
    4.操作Nacos的数据库（也可以用数据库连接工具连接mysql执行这个sql语句）
        1.输入命令：mysql -uroot -p ，输入密码，没有直接回车就行
        2.创建数据库：create database nacos_config;
        3.选择数据库：use nacos_config;
        4.执行sql文件：source /Nacos所在目录/nacos/conf/nacos_mysql.sql
3.操作完成后按照上面的方式再启动Nacos
    1.想要修改登录密码，右上角点击账号选择修改密码即可！
    2.想要修改登录账号，在数据库中修改users、roles表中username字段即可！

五、与SpringBoot集成，使用Nacos配置中心

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
1.首先进入Nacos管理页面，点击命名空间新建命名空间（不是强制要求可以用保留空间）
        官网解释：用于进行租户粒度的配置隔离。不同的命名空间下，可以存在相同的 Group 或 Data ID 的配置。Namespace 的常用场景之一是不同环境的配置的区分隔离，例如开发测试环境和生产环境的资源（如配置、服务）隔离等。
2.点击配置列表再点击右上的加号图标新建配置（注意选择刚刚配置的命名空间名称，没配置就默认的pubilc）
        Data ID：我一般用项目名加上.yml！保证唯一性就行！列：study_nacos.yaml
        Group：没有特殊要求直接使用默认的就行
        配置格式：没有特殊要求直接选择YAML。好用！看起来爽！
        配置内容：可以先找一些之前的配置粘贴上去，不行就随便写两个注释！
    详细配置讲解：https://nacos.io/zh-cn/docs/concepts.html
3.创建SpringBoot项目
4.除了引入常用的dependencys，还需要引入：nacos-config-spring-boot-starter
    <!-- nacos-config -->
    <dependency>
        <groupId>com.alibaba.boot</groupId>
        <artifactId>nacos-config-spring-boot-starter</artifactId>
        <version>0.2.7</version>
    </dependency>
5.直接删除application.properties，新建bootstrap.yml
6.说实话真想吐槽，找yaml配置找到吐！！！！这是个还不错的配置文档：https://github.com/nacos-group/nacos-spring-boot-project/wiki
7.分享下我的配置
     nacos:
       config:
         bootstrap:
         # 开启预加载配置
         enable: true
         # 服务地址
         server-addr: 127.0.0.1:8848
         # 服务账号
         username: nacos_account
         # 服务密码
         password: nacos_password
         # data-id
         data-id: study_nacos.yml
         # group
         group: DEFAULT_GROUP
         # 命名空间
         namespace: '刚刚自己新建的命名空间ID，没有新建不需要配置namaspace'
         # 配置文件类型
         type: YAML
         # 最大重试次数
         max-retry: 10
         # 自动刷新
         auto-refresh: true
         # 重试时间
         config-retry-time: 2000
         # 监听长轮询超时时间
         config-long-poll-timeout: 46000
8.记得在启动之前编辑下配置内容，可以修改下启动端口或其他能直接感受到配置中心起作用的配置！
9.接下来就是启动项目了！启动遇到错误要做到三不：不要慌！不要急！不要骂！

from:https://www.cnblogs.com/runningA/p/13654777.html

龙生   24 May 2022
View Details
1 … 58 59 60 … 410