自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

见证自己学习,成长的记录

积少成多,聚沙成塔

  • 博客(307)
  • 资源 (1)
  • 问答 (1)
  • 收藏
  • 关注

原创 vuex中的四个map方法的使用

用于帮助我们映射state中的数据为计算属性//借助mapState生成计算属性:sum、school、subject(对象写法)//借助mapState生成计算属性:sum、school、subject(数组写法)},用于帮助我们映射getters中的数据为计算属性//借助mapGetters生成计算属性:bigSum(对象写法)//借助mapGetters生成计算属性:bigSum(数组写法)},3用于帮助我们生成与actions对话的方法,即:包含的函数methods:{

2023-07-07 18:18:58 836 2

原创 解决python连接mysql报错:pymysql.connect(DBHOST,DBUSER,DBPASS,DBNAME) TypeError: __init__() takes......

不明白是什么原因,感觉应该是数据库版本的问题。我这个mysql版本是8.0的。可能是没有指定参数造成了混乱导致失败。

2023-07-07 18:15:19 524

原创 解决连不上mysql: message from server: “Host ‘xxxx‘ is not allowed to connect to this MySQL serve

今天链接别人的数据库,发现报错了:很奇怪的是,我们是在一个局域网,ip段都是一样的。pin ip也是没问题的,就是3306这个端口不通在网上查询了一些资料,最终发现是因为数据库权限的问题。下面分享下我的解决办法吧。

2023-07-06 11:03:43 486 1

原创 Java安装并使用Jmter测试微服务高并发下的服务雪崩场景

Jmeter是Apache JMeter 是 Apache 组织基于 Java 开发的压力测试工具,用于对软件做压力测试。它的功能十分强大,今天我们只做测试高并发请求通过测试发现,由于order方法囤积了大量阻塞线程请求,导致test方法出现了问题,这就是服务雪崩的雏形。

2023-06-27 14:05:39 1400

原创 Windows安装使用Nacos并进行服务治理

Nacos致力于帮助您发现、配置和管理微服务。Nacos 提供了一组简单易用的特性集,帮助您快速实现动态服务发现、服务配置、服务元数据及流量管理。Nacos其实就是一个注册中心,用来管理和注册微服务。

2023-06-27 14:05:09 616

原创 Vuex-getters配置项

首先在store里面定义getters,在里面进行逻辑处理,它有一个参数是state,里面有存放的数据,通过return返回最终处理好的结果概念:当state中的数据需要经过加工后再使用时,可以使用getters加工。在store.js中追加getters配置......//创建并暴露store......getters})1. 概念:当state中的数据需要经过加工后再使用时,可以使用getters加工。2. 在store.js中追加getters配置//js代码。

2023-06-27 14:04:22 544

原创 Vue-搭建Vuex开发环境

/引入Vue核心库//引入Vuex//应用Vuex插件//准备actions对象——响应组件中用户的动作//准备mutations对象——修改state中的数据//准备state对象——保存具体的数据//创建并暴露storeactions,mutations,state})2 在main.js中创建vm时传入store配置项......//引入store......//创建vmnew Vue({el:'#app',store})

2023-06-24 22:18:27 993

原创 ElasticSearch的核心概念简单描述

ES使用的是一种称为倒排索引的结构,采用Lucenne倒排索引作为底层,这种结构适用于快速的全文索引,一个索引由文档中所有不重复的列表构成,对于每一个词,都有一个包含它的文档列表比如现在有两个文档如果要搜索 to forever,由于文档1的权重(score )更高,所以优先考虑文档1,百度也是这样的机制在看一个例子,倒排索引会过滤掉全部和查询无关的数据,效率更加高。

2023-06-24 21:40:06 1669

原创 ElasticSearch-使用IK分词器进行分词

找到并且打开IKAnalyzer.cfg分词器配置文件自己自定义新建一个dic文件,一个dic就算一个字典,ik自带的字典是远远不够用的,我们需要手动去创建字典新增字典项内容并且保存然后把我们自定义配置的字典加入到配置文件让字典生效配置完之后保存,然后重启es,注意观察,在重启es的时候会发现黑窗口已经加载我们自定义的字典weiyihe.dic重启kibana,再次测试使用过自定义字典之后魏一鹤是否被分割不管是哪种分词,魏一鹤都没被分割!说明我们自定义字典配置成功!

2023-06-24 21:39:26 1339

原创 ElasticSearch-IK分词器介绍和下载

分词:把一段中文或者别的划分成一个一个的关键字,我们在搜索的时候会把自己的信息进行分词,会把数据库中或者索引库中的数据进行分词,然后进行一个匹配操作,默认的中文分词是将每个字看成一个词,比如"我爱魏一鹤"会被分成"我",“爱”,“魏”,“一”,“鹤”,这显然是不符合要求的,索引我们需要安装中文分词器IK来解决这个问题如果要使用中文,建议使用ik分词器。

2023-06-24 21:36:42 1818

原创 JSON的基本概念

早期网站我们进行登录操作,如果登录失败,需要重新刷新页面才能重新登录,而且不点击提交按钮,就不知道密码输入错误(同步)注册的时候,发现手机已经注册过了,但是你只是输入,没有提交,它从数据库查询进行提(异步)现在大多数都网站,都是局部刷新,不刷新整个页面的情况下,实现页面更新前后端分离,数据交互变得异常重要,JSON就是王者Ajax即AJavascriptAndXML(异步JavaScript和XML。

2023-06-24 21:32:43 1136

原创 Java项目使用JSON处理中文乱码和Date格式

如果出现乱码,我们需要设置他的编码格式为utf-8,以及它返回的类型,通过@RequesMapping的produces属性来实现,代码如下。//关闭ObjectMapper的时间戳功能 通过objectMapper的configure方法关闭时间戳功能。发现问题:时间默认返回的json字符串变成了时间戳类型的格式 Timestamp 1644327387386。上述代码冗余 我们把公共代码提取出来进行封装成工具类,下次使用直接调用即可。注意观察JSONDateUtil.()的参数列表和返回的格式。

2023-06-24 21:31:58 1105

原创 ElasticSearch-安装Head可视化插件

Head下载地址:https://github.com/mobz/elasticsearch-head/官方下载地址:http://nodejs.cn/download/ 下载LTS版本(长期稳定版本)查询JSON,这里可以写,但是不建议,我们后面所有的查询,都是在KIbana里面做。npm -v 查看npm的版本(新版的node安装自带安装npm)安装可以更改安装路径,其余的都是选择 下一步傻瓜是安装。配置全局安装的模块路径和缓存路径(不一定是安装路径)访问 http://localhost:9200/

2023-06-24 21:22:21 1995

原创 ElasticSearch的安装和访问

本次下载是在Windows系统进行操作,版本为7.6.1,因为下周最新版本的8.1.2有问题ElasticSearch基于Java开发,JDK最低1.8版本ElasticSearch的版本要和之后引入的Maven的Jar包版本对应。

2023-06-24 21:21:31 1839

原创 ElasticSearch-Kibana的安装

ELK是Elasticsearch,Logstash,Kibana三大开源框架首字母大写简称,ELK属于大数据,是拆箱即用的,上手比较快Kibana是一个针对ES的开源分析以及可视化平台,用来搜索,查看交互存储在ES索引中的数据,使用Kibana可以通过各类图标进行高级数据分析以及展示,Kibana让海量数据更容易理解,他操作简单,基于浏览器的的用户界面可以快速创建仪表板实时显示ES查询动态。

2023-06-24 21:21:24 1504

原创 ElasticSearch的简单介绍

ElasticSearch简称ES,它是一个开源的高扩展的分布式全文搜索引擎.它比solr使用起来更方便Elasticsearch是一个基于Lucene的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎,基于RESTful web接口。Elasticsearch是用Java语言开发的,并作为Apache许可条款下的开放源码发布,是一种流行的企业级搜索引擎。Elasticsearch用于云计算中,能够达到实时搜索,稳定,可靠,快速,安装使用方便。

2023-06-24 21:18:46 2249

原创 Vuex的基本使用

1 初始化数据、配置actions、配置mutations,操作文件store.js//引入Vue核心库//引入Vuex//引用Vuex//响应组件中加的动作// console.log('actions中的jia被调用了',miniStore,value)},//执行加// console.log('mutations中的JIA被调用了',state,value)//初始化数据sum:0//创建并暴露storeactions,mutations,state,})

2023-06-22 21:27:15 1359

原创 Vue-几种插槽(slot)的使用

作用:让父组件可以向子组件指定位置插入html结构,也是一种组件间通信的方式,适用于父组件 ===> 子组件。

2023-06-22 21:26:04 2400 2

原创 Vue-动画效果

接下来给我们的案例新增d点简单的动画效果,这里写两个,from(来),to(去)两个动画,编写动画其实就是定义动画 这里我定义了一个show的动画(动画名称随意,但是用的时候要对得上!vue不跟动画名进行对话,而是样式的类名作用:在插入、更新或移除 DOM元素时,在合适的时候给元素添加样式类名。写法:准备好样式:v-enter:进入的起点v-enter-active:进入过程中v-enter-to:进入的终点v-leave:离开的起点v-leave-active:离开过程中。

2023-06-22 21:22:32 2096 1

原创 Vue-消息订阅与发布(pub/sub)

一种组件间通信的方式,适用于任意组件间通信。引入:接收数据:A组件想接收数据,则在A组件中订阅消息,订阅的回调留在A组件自身。methods(){......this.pid = pubsub.subscribe('xxx',this.demo) //订阅消息pubsub.publish('xxx',数据)最好在beforeDestroy钩子中,用去取消订阅。

2023-06-22 21:21:57 2461

原创 Vue-组件自定义事件(绑定和解绑)

一种组件间通信的方式,适用于任意组件间通信安装全局事件总线:new Vue({......Vue.prototype.$bus = this //安装全局事件总线,$bus就是当前应用的vm},......})接收数据:A组件想接收数据,则在A组件中给$bus绑定自定义事件,事件的回调留在A组件自身。methods(){......提供数据:his.busbus.busemit(‘xxxx’,数据)

2023-06-22 21:21:20 842

原创 Vue-全局事件总线(GlobalEventBus)

一种组件间通信的方式,适用于任意组件间通信安装全局事件总线:new Vue({......Vue.prototype.$bus = this //安装全局事件总线,$bus就是当前应用的vm},......})接收数据:A组件想接收数据,则在A组件中给$bus绑定自定义事件,事件的回调留在A组件自身。methods(){......提供数据:his.busbus.busemit(‘xxxx’,数据)

2023-06-22 21:18:46 703

原创 Vue-scoped(局部)样式

scoped样式作用:让样式在局部生效,防止冲突。

2023-06-21 16:24:16 675

原创 Vue-插件(plugin)

mixin(混入)功能:可以把多个组件共用的配置提取成一个混入对象使用方式:1 定义混入 例如:{data(){}}2 使用混入 例如:(1)全局混合 Vue.mixin(xxx) (2)mixins:[‘xxx’]

2023-06-16 10:57:59 871

原创 Vue-props配置

不能随便给props里面定义无用的属性,如图,我定义了一个address属性,但是传入参数没有传,就会报错会提示存在的属性是undefined组件实例对象中这个不存在的属性也是undefined功能:让组件接收外部传过来的数据(1)传递数据(2)接收数据第一种方式(只接收):第二种方式(限制类型):props:{第三种方式(限制类型,限制必要性,指定默认值):props:{name:{type:String //类型required:true //必要性。

2023-06-16 10:57:54 819

原创 Vue- mixin(混入)

mixin(混入)功能:可以把多个组件共用的配置提取成一个混入对象使用方式:1 定义混入 例如:{data(){}}2 使用混入 例如:(1)全局混合 Vue.mixin(xxx) (2)mixins:[‘xxx’]

2023-06-16 10:57:00 806

原创 Vue- ref属性

被用来给元素或者子组件注册引用信息(id的替代者)通过案例来演示_ref属性如图:有一个按钮,点击按钮可以输出dom元素备注:虽然vue不用我们亲自操作dom,但是有的特殊的情况下就要亲自操作dom页面就是这个样子的如果使用传统的方式,给属性一个id,再使用document,getElementById是可以操作的,但是这些代码,本身就不应该出现在vue中,这里我应该给h1id属性的,但是给错了,问题不大虽然可以实现,但是不推荐原生的html喜欢给元素id标识,在vue中有类似的办法,不过不是使用id而是r

2023-06-16 10:56:45 837

原创 Mysql替换字段中的指定文本

最近有个需求,不同的环境的ip和端口都不一样,所以就要修改表里面字段的值但是手动修改比较麻烦而且很慢,所以在网上搜了下相关的方法。经过手动实践确实可行,下面分享给大家。

2023-06-15 11:52:44 988

原创 Vue单文件组件

单文件组件是在开发中用的比较多的,它的后缀都是.vue结尾的既然是.vue结尾,那么直接给浏览器是不能运行的,.vue文件是vue团队打造的特殊文件,想让.vue文件让浏览器识别并且运行,需要对它进行处理加工成纯粹的js文件,那么浏览器就认识了常用的处理加工.vue文件有两种方式1 借助webpack:自己找一些插件完成整个编译流程2 借助脚手架:这是vue官方提供的,它其实就是vue的团队拿着webpack打造完的流程和编译整个环境,我们直接拿来用即可。

2023-06-12 17:58:01 784

原创 Vue- ref属性

被用来给元素或者子组件注册引用信息(id的替代者)通过案例来演示_ref属性如图:有一个按钮,点击按钮可以输出dom元素备注:虽然vue不用我们亲自操作dom,但是有的特殊的情况下就要亲自操作dom页面就是这个样子的如果使用传统的方式,给属性一个id,再使用document,getElementById是可以操作的,但是这些代码,本身就不应该出现在vue中,这里我应该给h1id属性的,但是给错了,问题不大虽然可以实现,但是不推荐原生的html喜欢给元素id标识,在vue中有类似的办法,不过不是使用id而是r

2023-06-12 17:56:47 699

原创 Vue-组件的嵌套

在vue开发中,组件的嵌套也是会被经常使用到的,所以也应该掌握。

2023-05-30 19:31:29 1261 2

原创 Vue中组件的几个重要点

已经有的html元素是不能作为组件名称的,大小写都不行比如我这里把组件名称定义成了h1报错:不能使用已有的元素名称作为组件名称1 关于组件名一个单词组成:第一种写法(首字母小写):school第二种写法(首字母大写):School多个单词组成:第一种写法(kebab-case命名):my-school第二种写法(CamelCase命名):MySchool(需要在vue脚手架环境)备注:(1)组件名尽量回避HTML中已有的元素名称,例如:h2,H2都不行。

2023-05-30 19:29:07 1216 1

原创 Vue页面功能设计:随机生成一句名言或者励志的话

最近在写自己的项目,发现脚注不知道写什么好。思来想去,反正是自己的写着玩的项目,没必要搞什么备案号之类的。倒不如每次加载页面的时候,随机生成一句名言或者励志的话激励自己。这样的小功能实现起来还挺有意思的,如果您有更好的方式实现,欢迎留下评论。

2023-05-29 23:34:31 985

原创 解决Post请求JSON列表参数格式报错:JSON parse error: Cannot deserialize value of type `java.util.ArrayList<x>

今天在调试接口的时候,遇到一个问题。有一个post请求的json body参数,通过提示信息,可以发现是因为json结构不对导致解析不了。然后vo里面只有两个属性,id和一个集合。应该给list加一层数组,这样就能正常解析。

2023-05-09 10:45:53 7334 2

原创 Vue组件-非单文本组件

在vue中,组件是有两种编写格式的,第一种格式叫非单文本组件,第二种格式叫单文本组件非单文本组件:一个文件中含有多个组件,也叫多文本组件,比如demo.html里面包含js,css…单文本组件(使用较多):一个文件中只有1个组件,一个文件只有一个组件,是一一对应的,比如demo.vue注意: 非单文本组件在开发中用的比较少,一般用单文本组件比较多,但是它可以让我们学到很多东西,还是值得学习的。

2023-04-28 18:23:00 1048

原创 Vue自定义指令

现在我的两个自定义指令都是一个单词的,v-big,v-fbind,如果需要用到多个单词,比如v-binNum,这时候使用驼峰就不好使了可以看到,找不到这个指令这不是官网推荐的风格,多个单词应该-继续分割,比如v-big-num,此时在函数编写的地方需要使用原生的形式,使用单引号把key包起来,不能再用简写形式了,不然出现-(杠)会报错解决1 定义语法(1)局部指令new Vue({direvtives:{指令名:配置对象}})或 new Vue({direvtives()})

2023-04-25 19:14:07 904 1

原创 Vue基本的内置指令

除了常见的v-bind,v-for,v-if,v-on.v-model等,本次学习一些vue提供的其他内置指令v-text指令1 作用:向其所在的节点渲染文本内容2 与插值语法的区别:v-text会替换掉节点中的内容,但是插值语法不会,它会进行拼接v-html指令:1 作用:与指定节点中渲染包含html结构的内容2 与插值法与的区别(1)v-html会替换掉节点的所有的内容,{{XX}}则不会(2)v-html可以识别html标签(结构)3 严重注意:v-html有安全性问题。

2023-04-25 19:12:25 1974

原创 Vue-全局过滤器以及进阶操作

Vue过滤器的基本使用本篇将延续上文,讲述vue中过滤器的进阶操作过滤器定义:对要显示的数据进行特定格式化后再显示(适用于一些简单逻辑的处理,过于复杂的可以使用计算属性)语法:1:注册过滤器,Vue.filter(name,callback)或new Vue(filters:{})2:使用过滤器:{{xxx | 过滤器名称}}或v-bind:属性=“xxx” | 过滤器名称备注:1:过滤器也可以接收额外参数,多个过滤器之间可以配合使用。

2023-04-25 19:10:26 816

原创 Vue过滤器的基本使用

一般的格式是:xxx 空格 | 空格 (管道符) 过滤器名称,然后在vue里面配置filter,它和methods是一样的结果,里面就是过滤器名称,一般是一个函数。声明:过滤器不是必须要用到的东西,而是vue提供处理数据的方式而已,想用就用,不想用可以使用计算属性或者methods编写即可。这里推荐使用第三方库去实现,我们可以去BootCDN里面找一些第三方库,这里我推荐day.js,它是一个轻量级的,更加方便。如果没有网,可以把js下载下来,放到项目里面,在需要用的地方引入js即可。

2023-04-25 19:05:57 923 1

原创 Vue表单进阶操作

这个复选框和上面爱好那个复选框是不一样的,它不需要收集value值,只需要知道是否被选择,也就是ture或false,这时候就可以安装输入框的方式去写,直接去定义字符串,而不是数组然后把全部数据填满看下这时候点击提交按钮,表单刷新了,一般都是通过ajax或者axios提供到后端,我们就打印在控制台上但是单击提交按钮会刷新表单和页面,要使用阻止默认行为,可以使用@sumbit事件去阻止表单提交@sumbit阻止默认提交行为这样点击按钮提交后就不会刷新提交表单了如果一个个属性挨个输出,这些写很麻烦一般使用aja

2023-04-23 17:12:43 769

一个好看的html.zip

b站一个前端大佬写的 搬砖分享给大家

2021-06-11

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

TA关注的人

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