自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(199)
  • 资源 (1)
  • 收藏
  • 关注

原创 redis集群搭建详解

Redis集群简介Redis是企业和个人很常用的缓存工具,面对大的并发,提高系统的健壮性,单个Redis实例是远远不够的。所以搭建Redis集群是很有必要的。 Redis 集群是一个在多个Redis节点间共享数据的集合。 Redis 集群通过分区来提供一定程度的可用性,在实际环境中当某个节点宕机或者不可达的情况下继续处理命令.Redis 集群的优势:自动分割数据到不同的节点上。 Redis 集

2017-12-03 18:47:50 468 5

原创 使用注解+xml配置完成spring的bean的装配

spring的三大特性spring的三大特性分别为IOC,DI,AOP。 IOC:控制反转。即把实例化对象的权利由原本的应用程序,转移到spring容器中,进行统一的管理。应用程序不再关心对象的创建销毁。在代码中可以使用注解或在xml文件用装配bean。以这种低入侵的方式为应用程序提供实例化对象。 DI:依赖注入,是IOC的一种重要实现 一个对象的创建往往需要依赖另一个对象,比如对象A有一个

2017-11-12 19:33:19 3146

原创 用hadoop实现倒排索引简单实例

用hadoop实现倒排索引简单实例倒排索引是文档搜索系统中常用的数据结构,即根据内容进行文档的搜索,本次我们利用mapReduce来分析和统计单词在每个文档中的权重,输入2个单词的txt文本,经过mapreduce的处理,将结果以{单词 1.txt:权重,2.txt:权重}逐行输出到output目录下。切记单个文件不要超过HDFS单个块的大小,保证一个文件一个split.否则会出现词频统计不完全。

2017-10-30 15:34:54 3034

原创 vue3项目中编写less

如在app.vue文件中引入,可使用绝对路径也可以使用相对路径。

2025-01-30 20:04:40 450

原创 mongdb的简介和使用

mongdb是文档型数据库,和传统的关系型数据库有所不同,mongdb的文档对应关系型数据库的表,不需要定义列,文档相当于表的每一行数据,每个文档里面的数据和字段可以不同。这点和es有点类似。它很适合业务字段不明确,频繁需要扩展的情景反关系型数据库的模式设计,尽量单集合操作,才能发挥mongdb最大的优势。mongdb默认提供对嵌套字段检索,聚合的能力。.索引:mongdb主要采用b-tree数据结构做索引,这个和关系型数据库的b+tree有所不同。

2024-12-29 15:10:07 520

原创 element-plus的菜单组件el-menu

菜单是几乎是每个管理系统的软件系统中不可或缺的,element-plus提供的菜单组件可以快速完成大部分的菜单的需求开发,该组件内置和vue-router的集成,使用起来很方便。主要组件如下。

2024-09-16 19:54:33 1548

原创 element-plus的面包屑组件el-breadcrumb

el-breadcrumb-item的to和replace属性和vue-router的一致,需要结合vue_router一起使用。el-breadcrumb 和el-breadcrumb-item,el-breadcrumb的spearator指定item的分隔符。面包屑组件主要用来显示当页面路径,以及快速返回之前的页面。vue-router配置如下。

2024-09-15 21:13:35 819

原创 element-plus表格组件el-table 的使用

表格是在前端页面中是经常被用到的,尤其是管理系统,几乎每个页面都会存在表格,所以掌握表格组件是非常有必要的。element-plus提供el-table,el-table-column来渲染表格,

2024-08-17 20:46:26 2528 1

原创 element-plus分页组件el-pagination的使用

分页组件是非常常用的组件之一和表格组件一般成对出现,element-plus 分页组件的组件名是el-pagination。

2024-08-12 22:52:55 911

原创 element-plus的文件上传组件el-upload

el-upload 用法

2024-07-07 21:34:28 1718

原创 element-plus 的form表单组件之el-radio(单选按钮组件)

单选按钮组件适用于同一组类型的选项只能互斥选择的场景,就是支持单选。单选组件包含以下3个组件。

2024-07-07 14:57:03 777

原创 element-plus 表单组件 之element-form

单个el-form标签内包裹若干个el-form-item,el-form-item包裹具体的表单组件,如输入框组件,多选组件,日期组件等。el-form组件的主要作用是:提供统一的布局给其他表单组件,其他组件可以继承表单组件的size,以及规则校验。elment-plus的表单组件的标签有el-form,el-form-item。

2024-06-23 18:48:39 794

原创 element-plus form表单组件之el-date-picker日期选择器组件

el-date-picker日期选择器组件可根据年,月,日期,时间范围来进行选择,可以自定义日期格式,和样式,还提供多种内置事件。

2024-06-23 12:01:52 2012

原创 element-plus的form表单组件之checkbox组件

单个checkbox 绑定的响应式的值类型为bool类型,同一个组的checkbox多选其值对应值的数组,类型根据checkbox的value值而来。checkbox结合button展示等,是否有边框,是否禁用等。label只用来显示具体的值,根据value属性来设置。element-plus的checkbox提供多种特性。限制最小选的,和最大选择数量。

2024-06-18 23:22:26 547

原创 element-plus表单组件之自动补全组件el-autocomplete和级联选择器组件el-cascader

根据输入框的输入获取建议的内容,其接受值是一个函数,有2个参数,querystring:输入的内容,callback内置函数,将结果传入callback中完成渲染。级联选择器适用于带层级结构的筛选项。该组件支持多选,禁用,多级嵌套,内置多种事件等特性。自补全组件的功能和可以根据输入过滤的el-select组件有些类似。

2024-06-16 22:38:39 979

原创 element-plus的el-space标签的使用

size:决定子元素间距大小,默认有三个规格small,default,large,还可设置具体的数值。el-space标签可以很方便的设置标签间距和分隔符,对齐方式,是否拆行等属性。fill:子元素是否自动填充父容器。wrap:是否拆行,

2024-06-10 23:08:27 1672

原创 element-plus 的el-scrollbar滚动条组件

el-scrollbar组件可以替换原生的滚动条,可以设置出现滚动条的高度,若无设置则根据容器自适应。通过使用 setScrollTop 与 setScrollLeft 方法,可以手动控制滚动条滚动。scroll 滚动条的滚动事件,会返回滚动条当前的位置。

2024-06-09 23:44:28 1239

原创 element-plus的el-text组件(文本组件)的介绍和使用

el-text(文本操作的组件)

2024-06-08 23:13:59 2829

原创 element-plus 的icon 图标的使用

element-plus的icon 已经独立出来了,需要单独安装。

2024-06-07 23:56:57 2278

原创 element plus的容器组件

el-container采用flex布局,如果其子元素包含el-header或el-footer时会采用垂直布局,否则会采用水平布局,可设置其direction属性为’horizontal’ | ‘vertical’。element-plus的容器组件主要有el-container,el-aside,el-header,el-main,el-footer,后面4个组件其父组件必须是el-container。el-aside为侧边栏组件,可设置其width属性。el-header为头部容器。

2024-06-06 23:29:40 526

原创 element-plus的Layout组件

elment-plus的layout组件包括el-row和e-col,和bootstrap的栅格类似,e-row采用flex布局,分成了24个栅栏,单个e-col默认占24,可以通过span属性指定其大小,offset属性指定其偏移的栅栏个数。e-row组件的父组件不要使用display的inline的属性,否则会导致组件无法撑开。

2024-06-03 23:17:18 423

原创 golang的context和chan 的使用

context包的context的接口,主要是控制协程执行上下文的时间,以及取消程序的执行,以及上下文中传递数据等作用,golang中耗时或者需要协同的操作都会见到context的身影。获取一个可以中止的上下文,该方法会返回一个新的context,和cancel函数,调用cancel函数后,通过ctx.Done()方法可以获取到上下文取消的通知。golang更加推荐使用chan去解决并发的协作的问题,对chan的读写是并发安全的,当然你也可也以使用sync.Mutex等包来控制并发。

2024-05-25 17:09:24 721

原创 使用xxl-job-executor-go 接入xxl-job实现定时任务调度

定时任务是软件开发中很常见的一种处理业务的机制,xxl-job是近些年比较火的定时任务调用组件,其采用java 实现,是一个高可用,分布式调用的组件,还支持多种定时任务有关的特性,不仅能轻易的用java 客户端接入,还提供了rest-api 供非java语言的客户端接入。

2024-05-18 22:31:03 1179

原创 nodejs的ws+vue3编写聊天室的demo

nodejs编写ws服务是非常简单高效的,nodejs有众多的实现ws的库,如ws,SocketIO等,nodejs的事件线程是单线程的,所以不要在事件线程内做阻塞性的操作,耗时的操作交给工作线程或者子进程操作。我使用nodejs+vue3实现了写了个简单的聊天室demo。

2024-05-05 11:29:27 722 2

原创 mitt的介绍和使用

mitt 是一个前端的小型的事件总线,和传统的事件总线类似,方便代码的解耦合通过on进行事件注册,emit发布事件。

2024-04-22 23:21:46 862

原创 vue3引入element-plus

element-plus 是element-ui为适配vue3而开发element-ui的包。vue3通过vite创建项目后,根据指令输入project信息。

2024-04-21 17:31:36 522

原创 使用Nestjs开发node应用程序

Nestjs是nodejs一个开发应用程序的框架,其可以类比java中的spring,它有自己的IOC容器管理实例的依赖关系,内置了,控制器,路由,过滤器,异常处理,依赖注入等多种特性,可以很轻松的开发web应用程序。

2024-04-14 19:58:48 379

原创 nodejs 配置typeScript

nodejs配置ts,建议直接使用ts-node。

2024-04-13 20:13:57 1152

原创 pinia 的介绍和使用

pinia的使用

2024-04-06 21:21:28 422

原创 vue3的动态组件

当使用 来在多个组件间作切换时,被切换掉的组件会被卸载。我们可以通过 组件强制被切换掉的组件仍然保持“存活”的状态。你也可以使用 is attribute 来创建一般的 HTML 元素。通过点击radio改变current的值从而触发不同的组件渲染。

2024-04-02 22:59:09 454

原创 vue3组合式函数

vue3的组合式函数的作用是封装和复用响应式状态的函数。只能在setup 标签的script标签汇总或者setup函数中使用。普通的函数只能调用一次,但是组合式函数接受到响应式参数,当该值发生变化时,也会触发相关函数的重新加载。然后再Demo组件中引入该脚本,并将data和error渲染到页面上,定义了一个,获取用户详情的组合式函数,封装到单独的js中,函数返回2个响应式参数,data和error。当url发生变化时,函数又重新被调用了。

2024-03-31 17:16:37 441

原创 nodejs的express编写http服务器配置跨域

配置跨域可引入cors包,插入到express的中间件中。

2024-03-31 16:13:02 371

原创 vscode初始化node项目

首先需要安装node环境,推荐直接使用nvm 安装node,方便切换node版本。

2024-03-30 23:15:32 676

原创 vue3依赖注入解决根组件和多级组件件传值问题

在没有vue3的依赖注入前,多级组件件传值,比如根组件向子组件或者孙子组件传值,可以通过props一级一级往下传,但这比较麻烦,也可以利用vuex,或者bus等手段解决。但是目前vue3引入了依赖注入,很方便的解决了,根组件或父组件向后续组件的单向传值问题,

2024-03-28 23:26:57 320

原创 vue3子组件接受props属性

在vue中子组件需要接受父组件传递的值,可以通过props来传递,如下。

2024-03-27 23:37:30 874

原创 利用vite创建vue3项目

vue3 项目推荐使用vue官方推荐的vite手脚架创建,vue3项目,使用vue-cli 会存在一些问题。

2024-03-26 22:36:12 425

原创 vue3计算属性

vue3计算属性

2024-03-24 17:46:15 268

原创 vue2和vue3的区别

vue2和vue3的区别

2024-03-17 23:07:42 625

原创 mysql新建,更新,删除表语句

使用CHANGE和Modify都可以修改列的定义,但modify不能修改列的名称,change可以,但是,change的开销会更大一些,例子ALTER table ` role ` CHANGE ` remark ` ` remark_name ` VARCHAR(512) COMMENT '备注';ALTER table ` role ` modify ` remark_name ` VARCHAR(256) COMMENT '备注';

2023-04-24 22:40:16 1375

原创 centos 7 启动network服务失败

今天重启了下虚拟机,重启后发现network服务无法启动,现将networkManager服务停止。再启动network服务,就ok了。

2023-04-18 11:06:38 2883

gson jar 包

gson-2.8.0 jar包,一个强大的工具类,能序列化反序列话对象,转换数据等

2018-01-16

空空如也

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

TA关注的人

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