- 博客(34)
- 收藏
- 关注
RSS订阅原创 Meng React Admin后台管理系统模版
Meng React Admin 是基于React 18、Antd 5、vite 5、zustand后台管理系统。
2024-03-11 20:52:38
575
原创 Angular BaseView抽离页面公用属性
如果有一系列的页面布局很类似，为了节省时间，我们可以把这些类似的页面所通用的属性和方法抽离成一个BaseView，让其它页面继承该基础页面，同时将一些经常改变的属性和差异的属性写到配置文件里。例如树容器初始时是否展开、某些图表是否显示等都可以写到配置文件里面。本文将带你实现该功能，抽离出BaseView页面组件，鉴于json文件无法写注释的情况，配置文件采取yml的格式。
2024-02-04 18:03:07
775
原创 Angular组件(二) 分割面板ShrinkSplitter
在Angular组件(一) 分割面板ShrinkSplitter文章中我们实现了Splitter组件，后来在业务场景中发现在开关右侧容器和底部容器时，使用起来不方便，ngModel绑定的值始终是左侧容器和顶部容器的大小，然而有时我们关注的是右侧容器和底部容器的大小，让左侧自适应。于是修改组件代码，让ngmodel绑定的容器大小和tlColsedMode关联，举例: tlColsedMode = “right”,ngModel绑定的值就是右侧容器的大小。
2024-01-30 11:42:48
1124
原创 Angular封装HttpClient文件下载
使用Angular框架开发工作中，实现文件下载业务时，我们可以使用Angular自带的HttpClient。下面我们就封装一下HttpClient实现文件下载，当接口返回文件流正常下载，后端返回json错误信息时，前端可以获取到错误信息进行toast提示。
2024-01-25 17:56:05
810
原创 Angular响应式表单表单验证触发另一个字段校验
在某些业务场景中，校验某表单字段的同时也需要校验另外一个与之相关的字段，例如开始时间和结束时间，要求结束时间必须晚于开始时间。在angular 响应式表单中改如何实现该需求呢，本文带你解读一下实现细节。
2024-01-25 17:37:55
546
原创 antv/g6绘制数据流向图
在业务开发中需要绘制数据流向图，由于echarts关系图的限制以及需求的特殊要求，转而使用antv/g6实现，本文以代码的方式实现数据流向需求以及节点分组,版本"@antv/g6": “^4.8.24”,more本文主要列出关键性的代码，并非全部代码。
2024-01-23 21:37:10
1024
原创 Angular组件(一) 分割面板ShrinkSplitter
分割面板在日常开发中经常使用，可将一片区域，分割为可以拖拽整宽度或高度的两部分区域。模仿iview的分割面板组件，用angular实现该功能，支持拖拽和双向绑定的方式控制区域的展示收起和拖拽功能。
2024-01-23 21:28:54
795
原创 Shell Script入门
shell入门前言shell 脚本入门格式hello world多命令 脚本shell 脚本中的变量系统变量自定义变量语法规则全局变量特殊变量$n$#$* 与 $@其它特殊命令运算符语法条件判断判断条件整数之间的判断根据文件权限判断根据文件类型判断多条件判断流程控制前言Shell 是一个用 C 语言编写的程序，它是用户使用 Linux 的桥梁。注意: 本章使用命令行都是在腾讯云服务器上测试Linux提供的shell解释器有哪些呢?在日常开发中，我们经常使用的是以下两种/bin/sh/bi
2021-06-12 18:29:42
892
原创 初步理解NIO
目录简述缓冲区基本属性直接缓冲区与非直接缓冲区通道简述Java NIO（New IO）是从Java 1.4版本开始引入的一个新的IO API，可以替代标准的Java IO API。NIO与原来的IO有同样的作用和目的，但是使用的方式完全不同，NIO支持面向缓冲区的、基于通道的IO操作。NIO将以更加高效的方式进行文件的读写操作。NIO与IO的区别NIOIO面向缓冲区(Buffer Oriented)面向流(Stream Oriented)非阻塞IO(Non Blockin
2021-04-26 23:35:09
294
原创 Linux常用命令
目录文件管理命令cat查看文件追加文件替换文件拷贝chmodchowncpfindheadmorelessmvrmtailtouchvim磁盘管理dflsmkdirrmdirpwd网络通讯ifconfig系统管理freepstop压缩targzipunzip文件管理命令cat查看cat 1.txt 查看1.txt的文本内容cat -n 1.txt 查看1.txt文件的内容，并且由1开始对所有输出行进行编号。（包括空白行）cat -b 1.txt ，用法和 -n 差不多，但是不对空白行编
2021-04-18 00:22:31
142
原创 nrm
npm默认包下载镜像地址为 https://registry.npmjs.org/由于是国外的服务器，我们常常会使用国内的镜像地址，例如cnpm,taobao等。nrm就是管理npm的一个工具，可以迅速方便的切换这些镜像地址，并且nrm已经默认添加了这几中镜像地址第一步: 全局安装 nrmnpm i nrm -g第二步: 查看所有可用镜像地址nrm ls第三步: 切换 镜像源nrm use xxx这里的xxx就是上图的 npm,cnpm,taobao,yarn等...
2021-04-04 00:01:09
126
原创 Vue基础(二)
文章目录过滤器自定义指令Vue生命周期过滤器Vue.js 允许你自定义过滤器，可被用作一些常见的文本格式化。过滤器可以用在两个地方：mustache 插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符指示；全局过滤器Vue.filter(过滤器名称,function (data,arg) { });在过滤器的处理函数中 第一个参数已经本vue规定为 传递进来的参数，后面可以追加自定义参数。过滤器后面也可以跟过滤器，全局过滤器被所有Vue实例共享
2021-04-03 23:23:31
125
原创 Vue基础指令
文章目录v-clockv-textv-htmlv-bind【属性绑定】v-on 【事件绑定】事件修饰符v-model 数据双向绑定v-forv-if 和 v-showv-clock如果网速较慢，vue元素还没有渲染情况下，页面会显示源代码的 例如:{{mesage}}我们可以使用 v-clock，作用就是为Vue绑定的元素上添加该属性，只需要配合CSS设置样式就可以解决屏幕闪烁问题。<!DOCTYPE html><html lang="en"><head>
2021-03-30 00:18:57
3919
原创 vue中如何使用样式
文章目录使用class样式使用内联样式使用class样式数组，属性绑定<h1 :class="['thin', 'italic']">hello vue！！！</h1>这里的 thin 和 italic 都是class名称，在css中设定样式数组中使用三元表达式<h1 :class="['thin', 'italic', flag?'active':'']">hello vue！！！</h1> 数组中嵌套对象<h1
2021-03-29 23:44:50
288
原创 数据库中间件MyCat
文章目录数据库中间件MycatMycat能干什么原理安装启动安装配置文件修改配置文件启动登录搭建读写分离mysql主从复制原理主从机配置搭建双主双从模式配置垂直拆分-分库schema 配置文件水平拆分-分表全局表数据库中间件什么是中间件?中间件：是一类连接软件组件和应用的计算机软件，以便于软件各部件之间的沟通。例如:Tomcat，web中间件。数据库中间件：连接java应用程序和数据库。MycatMycat能干什么读写分离数据分片垂直拆分（分库）、水平拆分（分表）、垂直+水平拆分（分
2021-03-29 20:27:08
652
2
原创 MySql自定义函数
查找指定字符串出现的次数在长串中查找小串出现的次数例如:在 “我爱我家” 查找"我"出现了几次自定义函数delimiter $$DROP FUNCTION IF EXISTS `fn_findCharCount` $$CREATE FUNCTION fn_findCharCount ( in_str text, in_find_str text ) RETURNS INT ( 11 ) BEGIN DECLARE tcount INT DEFAULT 0; DECLARE ne
2021-03-26 22:46:30
293
1
原创 Java集合源码解析之Map
文章目录概述MapHashMapput方法get方法remove方法概述本篇是Java集合源码解析的第二篇，了解Map的底层源码实现MapMap集合的特点将键映射到值的对象，一个映射不能包含重复的键，每个键最多只能映射到一个值Map和 Collection集合的区别Map集合存储元素是成对出现的，Map的键是唯一的，值是可以重复的。Collection集合存储元素是单独出现的，Collection的儿子set是唯一的，List是可重复的要点Map集合的数据结构针对键有效，跟值无关
2021-03-25 22:59:40
246
原创 Java集合源码解析之List
文章目录概述ListArrayList解析构造方法添加元素addadd(E e)add(int index, E element)remove⽅法细节须知VectorLinkedList解析addremoveget方法set方法List总结概述在日常开发工作中，使用集合是很普遍的，接下来就让我们了解一下Java中的集合元素吧，本篇主要讲解一些重要的基础点，有一些基础方法可能并未讲解到，本篇JDK源码是基于1.8版本。Java集合源码解析分为List、Map、Set三部分，可能后续会再做补充。List
2021-03-24 20:46:47
312
原创 Java8日期API
Java8 日期API简介简单实用LocalDate、LocalTime、LocalDateTimeInstantDuration & Period时间调整简介java8推出了一套全新的日期API，为什么要再出一套API呢，那是因为，之前的日期操作不是线程安全的，是可变的。Java8时间相关类在java.time包路径下，新的日期API之所有线程安全，是因为全新的日期操作都会返回一个新的对象实例，所有安全。简单实用LocalDate、LocalTime、LocalDateTimeLocal
2021-03-19 20:11:58
599
原创 go连接redis
go 连接redis下载依赖读写操作string类型下载依赖在go.mod文件添加依赖项require github.com/garyburd/redigo v1.6.2github地址：https://github.com/garyburd/redigo文档地址：http://godoc.org/github.com/garyburd/redigo/redis关于如何使用go mod可以参考https://zhuanlan.zhihu.com/p/103534192读写操作strin
2020-09-26 19:26:34
501
原创 GO初识并发编程
并发编程概念了解进程/线程并发/并行协程/线程Goroutine 介绍goroutine的使用小案例概念了解进程/线程进程是程序在操作系统中的一次执行过程，系统进行资源分配和调度的一个独立单位。线程是进程的一个执行实体，是 CPU 调度和分派的基本单位，它是比进程更小的能独立运行的基本单位。一个进程可以创建和撤销多个线程，同一个进程中的多个线程之间可以并发执行。并发/并行多线程程序在单核心的 cpu 上运行，称为并发；多线程程序在多核心的 cpu 上运行，称为并行。并发与并行并不相同，并发主
2020-09-02 01:05:45
541
原创 文件IO操作
文件IO操作文件简介文件操作常用方法打开和关闭内容读取文件写入文件简介在golang中，os包下有File的结构体，封装这对文件的操作。文件操作常用方法打开和关闭案例演示:package mainimport ( "fmt" "io" "os")func main(){ // 打开文件 file, err := os.Open("d:/test.txt") if err != nil { panic(err) } fmt.Println("打开文件")
2020-08-18 01:02:34
293
原创 Go错误处理机制
错误处理引言案例(除0异常)自定义错误引言在go语言中，默认情况下，当程序发生错误(panic)，程序就会崩溃退出。如果我们希望当程序发生错误后，可以捕获错误，并处理错误，保证程序继续执行。还可以在捕获错误后发出预警信息(邮件、信息)，这就要错误处理。Go不像Java那样支持 try…catch…finally语法,go引入了defer,panic,recover。简单描述就是go抛出panic异常，在defer中通过recover捕获异常并处理。案例(除0异常)func main() { te
2020-08-15 18:54:10
341
原创 GO面向对象编程
结构体结构体的声明语法type 结构体名称 struct { filed1 type filed2 type}示例:type Person struct { name string sex string age int}注意: 结构体是值类型创建结构体实例的四种方法方式一: 直接声明package mainimport "fmt"func main() { var p Person p.name = "张三" p.age = 23 p.sex = "男"
2020-08-14 00:35:15
457
原创 经典排序算法GO语言
基础算法冒泡排序快速排序这里我们简单用GO实现常见的排序查找算法，例如冒泡，快排等。冒泡排序冒泡排序的原理是，这里以降序排序为例，对给定的数组进行多次遍历，每次均比较相邻的两个数，如果前一个比后一个大，则交换这两个数。经过第一次遍历之后，最大的数就在最右侧了；第二次遍历之后，第二大的数就在右数第二个位置了；以此类推，每一次循环比较最终都会有一个数排在它最终的位置上。package mainimport "fmt"func main() { values := []int{4, 93, 84
2020-08-05 22:44:40
149
原创 GO日期和时间函数
日期和时间函数获取当前时间 time.Now()获取其它信息格式化日期时间时间常量休眠 Sleep获取当前unix时间戳和unixnano时间戳在日常使用中经常需要使用日期相关的函数，那么经常使用的日期函数有哪些呢，来总结一下吧。使用日期相关的函数需要导入 time 包获取当前时间 time.Now() time := time.Now() fmt.Printf("time type = %T,time = %v\n",time,time)获取其它信息 now := time.
2020-08-02 00:11:08
738
原创 GO中字符串常用的系统函数有哪些
字符串常用系统函数在平时字符串的使用频率是非常高的，那么有哪些函数式我们经常要用到的呢，在这里为大家整理以下。1、统计字符串的长度，len var s string = "hello world" var s2 string = "你好" fmt.Println(len(s))// 11 fmt.Println(len(s2))//6 中文字符在unicode下占2个字节，在utf-8编码下占3个字节，而golang默认编码正好是utf-8注意: len是按字节数计算的2、遍历字符，
2020-07-31 23:27:08
593
原创 Go语言基础学习
Go语言基础学习环境安装环境安装本文使用go版本 1.14.4系统环境: Win 10官方下载地址:https://golang.org/dl/https://golang.google.cn/dl/第三方下载: Go语言中文网https://studygolang.com/dl安装直接下一步下一步即可...
2020-07-05 16:51:43
195
原创 在Java中Integer 和 Long 进行比较 ==问题
Integer和Long == 注意点解析源码测试案例如何比较解析源码在Java中基础类型包装类中的Integer和 Long有一个特殊的地方需要注意在比较值的时候不要用 == 进行比较。在这里以 Long 类型为例查看源码: Long.class public static Long valueOf(long l) { final int offset = 128; // -128 到 127 之间的数值会被缓存起来 if (l >= -
2020-06-20 00:15:25
7242
原创 elasticsearch7..4.2 整合 springboot
elasticsearch 7.4.2整合SpringBoot创建项目测试 保存操作创建项目本示例使用springboot版本是2.3.1第一步: pom依赖 <!-- https://mvnrepository.com/artifact/org.elasticsearch.client/elasticsearch-rest-high-level-client --> <dependency> <groupId&
2020-06-16 22:30:50
1816
1
原创 elasticsearch 7.4.2 进阶
elasticsearch 7.4 进阶SearchApiQuery DSL语法格式Query DSL 基本使用match【匹配查询】match_phrase【短语匹配】multi_match【多字段匹配】bool 【复合查询】filter【结果过滤】term 查询aggregations【执行聚合】mapping创建索引并指定映射规则添加新的字段映射更新映射SearchApiES支持两种基本方式检索通过Rest request URI 发送搜索参数(uri + 检索参数)通过Rest requ
2020-06-14 19:18:05
506
原创 elasticsearch 7.4.2 初步检索
elasticsearch初步检索基本概念开始检索_cat 查询保存文档使用 put 方式保存post 保存查询文档 get更新文档基本概念在使用es前需要了解如下几个名词Index 索引Elastic 数据管理的顶层单位就叫做 Index（索引）。它是单个数据库的同义词。每个 Index （即数据库）的名字必须是小写。Type 类型在Index(索引)中，可以定义一个或多个类型，类似于Mysql中的Table,每一种类型的数据放在一起Document 文档保存在某个索引(Index)
2020-06-11 23:32:29
469
原创 使用docker安装elasticsearch 7.4.2
docker安装elasticsearch及使用elasticsearch的安装新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入elasticsearch的安装第一步要下载elasticsearch的镜像以及可视化工具
2020-06-10 22:52:41
2822
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人