- 博客(38)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 关于页面展示前后端优化那些事儿
最近在做一个门户网站的优化，这个页面中涉及到了后端接口以及前端页面的渲染，使用chrome 浏览器中的 Lighthouse 自动化网络审查工具来进行评测，起初页面刚开发完成后进行评分结果只有十几分😓看来优化迫在眉睫了，接下来写下优化过程。
2023-03-02 23:15:11
184
原创 Elasticsearch 搜索类型
Elasticsearch 搜索类型 当我们在使用es时，多多少少会用到分页，因为es数据量往往是庞大的，如果一次性取出所有的数据的话接口的响应时间要比想象中的要慢的多。如果你在开发时也遇到了这样的问题 ，单次返回量巨大而且接口的响应时间没有达到自己的预期，不妨看看我下面的操作。 在开始之前，我们先介绍一下es： es天生就是为分布式而生的，分布式的好处我们就不提了，相信大家都懂得，我们来说说它的缺点，众所周知es将数据存储在分片上， 而每个分片都有一个自己的一个备份分片，备份分片的作用是
2022-01-05 15:32:57
1007
原创 在mysql中索引失效的几种情况
在mysql中索引失效的几种情况如果条件中有or,即使其中有条件带索引也不会使用（这也是为什么尽量少用or的原因）要想用or，又想让索引生效，只能将or条件中的每个列都加上索引【个人理解就是如果你用or拼接了四个条件，但是其中一个条件中涉及到的字段没有添加索引，那么整个sql语句将不会使用索引】对于多列索引，不是使用的第一部分，则不会使用索引 【关于多列索引的记录 https://blog.csdn.net/weixin_33067503/article/details/113149415】like
2021-09-25 09:54:46
167
原创 TOMCAT优化禁用AJP协议
TOMCAT优化禁用AJP协议在登陆tomcat在服务状态页面中可以看到，默认状态下启用AJP服务，并且占用了8009端口。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VuPdDRGl-1632534839328)(https://www.freesion.com/images/0/55ea118ebb774026df95e21c17c58ac8.png)]什么是AJP？AJP（Apache JServer Protocol） AJPv13协议是面向包的。web服务
2021-09-25 09:54:14
2315
原创 springmvc 和 struts 的区别
springmvc 和 struts 的区别spring mvc 是单例的 ，线程安全。strtus2 是单例的，一个请求对应一个实例，线程是安全的。springmvc 的核心是dispactcherServlet ，strtus 的核心控制器是filterdispather。spring mvc 是基于方法操作数据，strtus 是基于类操作数据。spring mvc 接收数据是根据方法的参数来接收，strtus 接收数据是根据类里的属性接收，spring mvc 使用起来更简单，struts
2021-09-08 11:20:58
1523
5
原创 spring mvc 的运行原理
spring mvc 的运行原理客户端请求提交web.xml中 ， 然后找到springmvc核心控制器DispatcherServlet。由DispatchServlet 控制器查询一个或多个HandlerMapping，找到处理请求的ControllerDispatchServlet 将请求提交到ControllerController调用业务逻辑处理后，返回modelAndViewDispactherServlet 查询一个或多个ViewResoler视图解析器，找到ModelAndVie
2021-09-08 11:18:13
165
1
原创 事务隔离级别
事务隔离级别数据事务隔离级别有四种，由底到高分别为 Read uncommited 、Read commited 、 Repeatable read 、Serializable 。而且，在事务的并发操作中可能会出现脏读，不可重复读，幻读Read uncommitted顾名思义 ，就是一个事务可以读取另一个未提交事务的数据。事例：老板要给程序员发工资，程序员的工资是3.6万/月。但是工资时老板不小心按错了数字，将6按成了9 ，该钱已经打到程序员的户头，但是事务并没有提交， 与此同时，程序员登上了自
2021-09-08 11:17:47
130
原创 vue axios 实现在请求头中携带token信息
vue axios 实现在请求头中携带token信息 在前后端分离开发的时候，我们往往需要进行前后端交互，在交互时不可避免的需要进行用户身份验证 ，我们一般是将用户令牌放置到请求头中，接下来我们将使用axios来实现这一操作 第一步，我们将token信息，从cookie中获取到let token = this.$cookies.get("token"); 第二步，将token 信息放入到请求头中axios({ method: "get", url: "/api/u
2021-08-18 09:58:31
14140
2
原创 vue 实现登陆【前后端分离 ， tokan】
vue 实现登陆【前后端分离 ， token】检查是否安装node.js 通过在命令框中输入 npm -v来判断node是否安装，如果没安装访问此网站 https://nodejs.org/zh-cn/安装淘宝镜像 在命令框中输入此命令（cnpm是国内的镜像提供商，可以大大提高npm依赖下载的成功率）npm install -g cnpm --registry=https://registry.npm.taobao.org通过 cnpm -v 来判断是否正常安装安装Hbuilder
2021-08-16 11:03:39
1591
原创 TypeError Cannot read property ‘protocol‘ of undefined
TypeError: Cannot read property ‘protocol‘ of undefined在写vue项目时爆出如下异常TypeError: Cannot read property ‘protocol‘ of undefined发生这个错误的具体具体原因是因为在main.js 中引用了axios，同时在其他的类中使用了axios的请求解决方案在main.js 中删除Vue.use(axios) 并添加下代码Vue.prototype.http = axios;...
2021-08-13 09:32:17
433
原创 vue 解决跨域问题
vue 解决跨域问题为什么会产生跨域问题出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port）在vue项目根目录下查找v
2021-08-10 16:48:54
705
原创 vue 整合 element-ui
vue 整合 element-ui是Hbuilder 创建 vue 项目 vue 2.0通过命令进入vue项目所在的文件夹输入如下命令. -S 表示会将此依赖存入package.jsoncnpm i element-ui -S检查json文件的dependencies中是否存在element-ui 以查看是否成功打开项目中的main.js 输入如下代码//导入组件库import ElementUI from 'element-ui'//导入组件相关样式import
2021-08-10 16:48:24
271
原创 Redis 笔记
Redis 笔记Redis 简介 Redis 是完全开源的，遵守BSD协议（五种开源协议之一），是一个高性能的key-value数据库。特点： 1. redis 支持数据的持久化，可以将内存中的数据保存在磁盘中，重启的时候可以再次加载进行使用。 2. redis 不仅仅支持简单的key-value类型的数据，同时还提供list ，set，zset ，hash等数据结构的存储。 3. redis支持数据的备份，即master-slave模式的数据备份redis 中的数据类型redis 支
2021-08-02 21:13:39
167
1
原创 SSM 快速搭建笔记
SSM 搭建笔记ssm 的组成部分 spring + spring mvc + mybatis本教程使用环境为 Java 8 ，idea 以及 maven开始教程：使用idea创建maven web 项目。注意⚠️一定要选择自己配置好的阿里云maven，否则会创建失败在控制台中看到 build success 视为创建成功 ， 如果创建失败请参考第一条，第一次创建是加载速度较慢请耐心等待。在创建完成后， 找到 pom.xml (项目依赖管理文件) 在dependenci
2021-07-28 14:58:27
618
1
原创 SpringBoot中使用模版引擎Thymeleaf语法
SpringBoot中使用模版引擎Thymeleaf语法 以前前端交给我们的页面时 html 然后我们需要转换成jsp页面来实现页面的组装 ，当我们将框架换成springboot 时，springboot推荐我们使用模版引擎 如：Thymeleaf、freemarker等。第一步我们要在项目中导入jar包：<dependency> <groupId>org.springframework.boot</groupId> <arti
2021-07-27 17:01:44
243
原创 spring boot 详解
spring boot 详解概念： spring boot 是由pivotal团队提供的全新框架，属于spring旗下的一个项目，其设计目的是用来简化新spring应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置， 它使用“习惯优于配置”的理念，从而使开发人员不再需要定义样板化的配置。使用spring boot很容易创建一个独立运行的spring 项目，并且可以不使用spring 配置或者使用很少的配置。结构和使用 ： spring boot 和普通Javase项目相似，
2021-07-25 20:20:37
167
原创 spring mvc 数据校验
spring mvc 数据校验spring 4.0 拥有自己的数据校验框架，同时支持JSR 303 标准的校验框架。spring 在进行数据绑定时， 可同时调用校验框架完成数据校验工作，在spring mvc 中可以直接通过注解驱动的方式来进行数据校验。spring 的 localValidatorFactoryBean既实现了spring的validator接口，也实现了JSR 303的validator 接口， 只要在spring 容器中定义一个 localValidatorFacto
2021-07-21 22:25:19
142
转载 设计模式六大原则之--开闭原则（OCP）
http://blog.csdn.net/yuanlong_zheng/article/details/7443585
2021-07-11 22:22:10
81
原创 Linux 笔记
Linux 笔记切换用户 su 【用户名】 然后输入对应用户的密码；ls 查看当前文件夹下的所有文件及文件夹ll 查看所有文件的详细信息cd 【要切换的目录路径】 切换目录mkdir 【要创建的目录名称】 创建目录systemctl stop firewalld.service 关闭防火墙rm -rf 【指定的文件或文件夹】 删除指定的文件或文件夹 rm -rf /*固定centos7 ip地址cd /etc/sysconfig/network-scripts/ ## 切换
2021-07-05 16:41:06
102
原创 解决Ubuntu系统 apt-get update 执行太慢的问题
解决Ubuntu系统 apt-get update 执行太慢的问题备份源列表文件sudo cp /etc/apt/sources.list /etc/apt/sources.list.bak修改源列表替换 /etc/apt/srouces.list 内容为：# deb cdrom:[Ubuntu 16.04 LTS _Xenial Xerus_ - Release amd64 (20160420.1)]/ xenial main restricteddeb-src http://arc
2021-01-24 17:04:54
206
原创 elk + Kafka 日志分析
ELK + Kafka 日志分析Kafka 日志接收 + 异步处理Logstash 获取日志 + 发送日志Elasticsearch 存储日志 + 分析日志Kibana 查询展示创建容器的命令docker run -d --name kgc_kafka -p 9092:9092 --network kgc_net --network-alias kafka kgc/kafkadocker run -d --name kgc_elasticsearch -p 9200:9200 --netw
2020-12-31 16:31:04
178
原创 ubuntu 系统配置注意事项
ubuntu 系统配置注意事项固定虚拟机IP地址在VM工具栏上点击“编辑”选项 找到“虚拟网络编辑器” 点击“ 更改设置 ” 获取权限确定子网的IP地址 ， 点击VMnet8 然后点击NAT 设置，设置网关网关的IP地址和子网的IP地址前三位相同，最后以为改成 2 ， 点击保存 （ 如果执行此操作时你的虚拟机在开启状态，那需要重启一下虚拟机）开启并进入到虚拟机中，点击右上角的网络连接按钮 找到编辑选项 并选择当前网络编辑他。找到IPV4 ，更改连接选项（Manual）配置Address
2020-12-27 16:56:51
263
原创 Windows 安装redis服务教程
Windows 安装redis服务教程下载 Redis-x64-3.2.100.zip 和 RedisDesktopManager.zip 文件到电脑上（将文件存放在英文路径下并解压缩）打开cmd 通过cd 命令进入Redis-x64-3.2.100文件夹下面执行此命令 redis-server.exe --service-install redis.windows.conf --loglevel verbose打开任务管理器， 在服务中查找Redis 这个服务并启动打开 RedisDeskto
2020-11-26 15:48:13
169
原创 docker Hello World 命令
docker Hello World 命令1. 在虚拟机中创建一个文件夹 名字为 dockertest 的文件夹 并进入mkdir dockertestcd dockertest2. 创建Dockerfilevim Dockerfile2.1 内容为FROM tomcatMAINTAINER HanCOPY index.html /usr/local/tomcat/webapps/ROOTEXPOSE 8080 tcp3.创建index.html<html>
2020-11-26 15:47:45
137
原创 webpack 项目创建流程
webpack 项目创建流程1 创建项目文件夹 ， 起一个名字 （项目名称）2.通过CMD进入项目文件夹，执行cnpm init 或者 npm init3. 一路回车，回车结束后查看是否有 package.json 文件4. 执行 cnpm install webpack --save-dev 或者 npm install webpack --save-dev5. 创建文件夹 src（源文件夹） 。 dist （输出文件夹）6. webpack src/index.js --ou
2020-08-14 08:49:52
225
原创 Vuex 搭建过程 以及项目结构
Vuex 搭建过程 以及项目结构概念：Vuex是专为Vue.js应用程序开发的状态管理模式（提供了可公用的参数），主要采用的是集中式存储管理应用的所有组件状态 （响应式）主要的应用场景 多个视图依赖于同一状态 来自不同视图的行为需要变更同一状态state 数据仓库，驱动应用的数据源mutations 提供修改数据仓库的方法 （同步）getters 提供获取仓库内容的方法actions 提供了异步操作，基于mutations来进行操作如果要在项目中使用Vuex的话，在当前目录下
2020-08-14 08:48:46
165
原创 vue 脚手架搭建过程
vue 脚手架搭建过程检查 vue -V 判断当前设备时候有vue环境 ， 如果没有就执行 cnpm install -g @vue/cli再次检查 vue -V 看是否创建成功创建vue 项目的途径有 vue ui (vue 自己的图形界面化的工具) ， 第二个是 vue create 【项目名】在使用命令创建时会问你一下问题， 一路回车默认创建即可创建完成后，会提示你进入相应的项目目录 ， 执行 npm run serve 启动项目，等待启动完成后，你就可以看到
2020-08-14 08:48:01
200
原创 快速上手Git （命令大全）
Git 命令大全查看git配置 git config -l当git安装完成后执行$ git config --global user.name "Your Name"$ git config --global user.email "[email protected]"mkdir 【文件名的名字】 创建文件夹 (linux 命令)通过cd 【文件夹的名字】命令进入到刚刚创建好文件夹 ，执行 git init 来初始化git仓库如果执行 ls -ah 查看是否
2020-05-31 15:35:49
287
原创 Promise 对象 适用vue-resource，axios
Promise 对象Promise 的含义Promise 是异步编程的一种解决方案，比传统的解决方案 《回调函数和事件》 更合理更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了用法，原生提供了Promise对象。所谓Promise, 简单是就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作） 的结果。 从语法上来讲，Promise是一个对象，从它可以获取异步操作的信息。Promise 提供了统一的API，各种异步操作都可以用同样的方法进行处理。promise的两个
2020-05-20 08:18:09
224
原创 ES6 Generator 函数的语法 yield表达式
Generator 函数的语法基本介绍Genertator 函数是ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同。Generator 函数有多种理解的角度，语法上， 首先可以把它理解成，Genterator函数是一个状态机，封装了多个内部状态。执行Generator 函数会返回一个遍历器对象， 也就是说， Genertator 函数除了状态机，还是一个遍历器对象生成函数，返回的遍历器对象，可以依次遍历Generator函数内部的每一个状态。形式上，Generator函数是一个普通
2020-05-20 08:17:29
557
原创 Class的基本语法
Class的基本语法JavaScript语言中，生成实例对象的传统方法是通过构造函数。function Point(x, y) { this.x = x; this.y = y;}Point.prototype.toString = function () { return '(' + this.x + ', ' + this.y + ')';};var p = new Point(1, 2);上面这种写法跟传统的面向对象语言差异很大。ES6 提供了更将近传统语言的写法，引
2020-05-20 08:16:35
309
原创 certificate common name “***” doesn’t match requested host name 解决方案
certificate common name “sourceforge.net” doesn’t match requested host name “downloads.sourceforge.net”. 解决方案 在使用wget命令时可能会遇到这样的问题，我们可以使用 corl -O -L “你想下载路径” 这样就可以解决这个问题了...
2019-11-09 22:08:51
3951
原创 Centos 6.4 实现maven 私服的搭建 nexus Java配置
1.在动手之前请确保你的服务器已经连上了网络，并且你的系统版本是6.4（其他版本可能有兼容性问题）接下来你还要准备下面截图中的东西2.上面的东西准备妥当以后我们来干活吧！第一个事情是要查看你的虚拟机是否有Java环境...
2019-08-31 21:54:55
227
原创 spriong boot项目打包给其他项目引用
在项目中不能使用原有的项目构建插件，这样的构建工具会生成带有一个Boot-INF的文件夹所以我们要使用普通的maven插件来打包，用下面这个
2019-04-25 11:14:08
273
原创 五分钟搞定UML类图
UML类图 平时阅读一些远吗分析类文章或是设计应用架构时没少与UML类图打交道。实际上，UML类图中最常用到的元素五分钟就能掌握，下面赶紧来一起认识一下它吧：一、类的属性的表示方式在UML类图中，类使用包含类名、属性(field) 和方法(method) 且带有分割线的矩形来表示，比如下图表示一个Employee类，它包含name,age和emai...
2019-04-15 15:45:59
299
原创 spring boot配置视图解析器，解决spring boot在启动时起不起来的问题
今天准备学习spring boot 配置视图解析器，sprng boot 的版本是2.1.4.RELEASE但是出现了一个这样的问题死活起不起来，百度了半天也没结果，在这里记录一下，这里应该是spring boot 的问题，需要把spring boot 的版本换成低版本的就可以了...
2019-04-14 12:03:23
1347
转载 Linux yum 安装 MySql
转载：https://blog.csdn.net/jerome_s/article/details/52883234yum 安装MySQL1. 检查安装情况 查看有没有安装过： yum...
2019-04-11 17:18:49
129
空空如也
idea里配置数据库，地址问题
2021-05-23
TA创建的收藏夹 TA关注的收藏夹
TA关注的人