zhurenjin的博客

原创 iframe数据传输问题，以及dispatchEvent用法

iframe页面嵌套数据问题：引入该博主的技术观点，感谢链接地址 https://juejin.cn/post/7069972084654342174https://developer.mozilla.org/zh-CN/docs/Web/API/Window/postMessagehttps://blog.csdn.net/monkindey/article/details/23659387window.parent.postMessage({data:{ status:200 }}, "http://

原创 VUE依赖注入？

Symbol是一种唯一且不可变的数据类型，每个Symbol值都是唯一的，不会与其他任何值相等，包括其他Symbol值。这使得Symbol非常适合用作对象属性的标识符，以确保不会发生属性名冲突。在计算机编程中，Symbol是一种基本数据类型，是在ECMAScript 6 (ES6) 中引入的新特性。它是一种原始数据类型，与数字、字符串、布尔值等类似。这样可以确保所提供状态的声明和变更操作都内聚在同一个组件内，使其更容易维护。当提供 / 注入响应式的数据时，

原创 JS递归函数的封装，根据ID查询父元素

JS树形结构递归查找元素

原创 vxe-table表格新增节点

做前端的朋友可以参考下：也可结合实际需求查看相应的官方文档。

原创 vscode常用操作

vscode跳转node_modules下文件，没有切换定位到左侧菜单目录的问题。2，搜索node-modules。3，设置选中字体颜色。

原创 git基本操作

第二条命令 git reset --hard origin/ 将会重置本地仓库，并使用远程仓库中指定分支的代码替换本地仓库中对应分支的代码。注意，该命令会删除本地未提交的所有改动和文件，慎重使用。第一条命令 git fetch --all 将会从远程仓库获取最新的代码和分支信息，但不会进行合并。这样，您就可以放弃本地的改动，重新拉取远程最新的代码，并进行开发和部署。需要使用过git的操作，才可以掌握，或者先自己看下git文档吧；其中 为您需要拉取的分支名称，例如：master。

原创 react记录部署

react

原创 mybaties查询！！！你就说灵不灵活吧

【代码】mybaties查询！！！你就说灵不灵活吧。

原创 radis的使用

转发来自：

原创 maven聚合，继承等方式

需要install安装到本地仓库，或者私服，方可使用自己封装项目。编译，测试，打包，安装，发布。

原创 AOP容器面向切面编程(动态代理)

aop面向切面编程动态代理方式进行面向特定的方法进行编程统计方法的执行耗时，要执行的是哪个方法的执行耗时呢？c@Around("execution(* com.zhurenjin.mybaties.*.*(..))") // 切入点表达式pointCut,proceedingJoinPoint：可以被aop控制的切点，可以获取当前调用的方法；@Around:环绕通知，此注解标注的通知方法在目标方法前、后都被执行@Before:前置通知，此注解标注的通知方法在目标方法前被执行。

原创 spring-boot开启事务

事务：.@Transactional作用：就是在当前这个方法执行开始之前来开启事务，方法执行完毕之后提交事务。如果在这个方法执行的过程当中出现了异常，就会进行事务的回滚操作当前方法交给spring进行事务管理当前类中所有的方法都交由spring进行事务管理接口下所有的实现类当中所有的方法都交给spring 进行事务管理默认情况下，只有出现RuntimeException(运行时异常)才会回滚事务。

原创 全局异常抛出

return AjaxResult.error("全局异常信息");

原创 HandlerInterceptor 拦截器，生成dongtai token

【代码】HandlerInterceptor 拦截器，生成dongtai token。

原创 HandlerInterceptor和Filter

实现的接口不同，通过调度员去实现这个接口：

原创 阿里云对象存储OSS批量上传，单个上传，批量删除，单个删除！

【代码】阿里云对象存储OSS批量上传，单个上传，批量删除，单个删除！

原创 阿里云实现部分OSS，对象存储

关键代码，流的形式存进。

原创 UUID会不会重复？概率多大？

例如，有资料提到，每秒生成10亿个UUID，经过100年，产生重复的概率大约是50%。然而，这种概率在实际应用中可以忽略不计。此外，UUID的生成算法确保了每个UUID都有极大可能性是唯一的，因此在绝大多数情况下，可以认为UUID是绝对唯一的。虽然理论上，随着UUID数量的增加，重复的概率也会增加，但这个概率仍然极低。UUID的设计是为了在全球范围内生成唯一标识符。

原创 mybatis请求查询参数PageHelper

mybatis请求查询参数PageHelper

原创 mybatis的pageHelper,报错，问题出在这里com.github.pagehelper.Page is in unnamed module of loader ‘app‘

mybatis的pageHelper,报错，问题出在这里com.github.pagehelper.Page is in unnamed module of loader 'app'，原本使用的版本是1.4.2，改成1.4.6后就好了

原创 第一个java-spring-boot的应用程序启动成功

原创 以下链接，有助于让你学习java基础知识，

需要坚持并且持之以恒。

原创 gpt-前端代码生成器

人工智能取代人

原创 git 基本操作使用

git

原创 富文本timce

VUE后台管理中使用富文本编辑器导入word 文档进行编辑

原创 echarts社区Gallery

主要是echart的一些操作界面

原创 前端解决一像素问题

前端解决一像素问题

原创 Websocket--- long loop--ajax轮询

Websocket--- long loop--ajax轮询,long poll 和 ajax轮询 的原理。1，首先是 ajax轮询 ，ajax轮询 的原理非常简单，让浏览器隔个几秒就发送一次请求，询问服务器是否有新信息。2，long poll 其实原理跟 ajax轮询 差不多，都是采用轮询的方式，不过采取的是阻塞模型（一直打电话，没收到就不挂电话），也就是说，客户端发起连接后，如果没消息，服务端就一直不返回Response给客户端。直到有消息才返回，返回完之后，客户端再次建立连接，周而复始。

原创 vue的diff 算法

1. 当数据发生变化时，vue是怎么更新节点的？要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起整个dom树的重绘和重排，有没有可能我们只更新我们修改的那一小块dom而不要更新整个dom呢？diff算法能够帮助我们。我们先根据真实DOM生成一颗virtual DOM，当virtual DOM某个节点的数据改变后会生成一个新的Vnode，然后Vnode和oldVnode作对比，发现有不一样的地方就直接修改在真实的DOM上，然后使oldVnode的值为V

原创 module.exports与exports，export与export default之间的关系和区别

module.exports与exports，export与export default之间的关系和区别

转载 定义［nextTick、事件循环］

详情清查收：---》实例理解nextTick的使用，并给出在页面渲染上的优化巧用https://www.cnblogs.com/hity-tt/p/6729118.html

原创 js消息任务队列

JS单线程、异步、同步概念多次出现“事件循环”这个名词，简单说明了事件循环的步骤，以便理解nextTick的运行时机，这篇文章将更为详细的分析下事件循环。在此之前需要了解JS单线程，及由此产生的同步执行环境和异步执行环境。　　众所周知，JS是单线程，虽然有webworker酱紫的多线程出现，但也是在主线程的控制下。webworker仅仅能进行计算任务，不能操作DOM，所以本质上还是单线程。　　单线程即任务是串行的，后一个任务需要等待前一个任务的执行，这就可能出现长时间的等待。但由于类似ajax网

原创 vscode编辑器，自己喜欢的颜色

"workbench.colorCustomizations": { //覆盖当前所选颜色主题的颜色 "editor.background": "#1b1b19", //编辑器背景色 "editor.selectionBackground": "#3514c554", //用户选中代码段的颜色 "editor.findMatchBackground": "#ff0000", //当前搜索匹配的颜色 "editor.findMatchHighlightBackground": "#fa0a01",.

原创 vue-cli中的webpack的config配置详细说明

vue-cli中的webpack的config配置详细说明打开我们的vue项目文件夹我们可以清楚的看到文件夹下的三个文件，“dev.env.js”，“index.js”，“prod.env.js”，我们先打开prod.env.js的文件，看里面的内容：‘use strict’module.exports = {NODE_ENV: ‘“production”’}prod.env.js的内容非常简单，仅仅是导出了一个对象，里面写明了执行环境是“production（生产环境）”；接下

原创 关于前端Vue的webpack的基本只用总结心得

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库

原创 关于slot、slot-scope的指令的一些操作记录

关于slot、slot-scope的指令的一些操作记录：从vue2.6.0开始，slot、slot-scope已经被废弃，推荐使用v-slot；slot-scope是作用域插槽,父组件中不能直接用子组件中定义的data数据。而slot-scope的出现就是解决了这样的问题子组件：<slot name="myslot" :data='list'></slot>父组件：<son> <template slot="myslot" slot-sco

原创 计算机网络之-嵌入式学习

网络作为嵌入式学习的必备知识，很多嵌入式学习者还没有真正的去系统的了解过网络这个知识，在学习网络这块的知识，整理了一些网络笔记，希望对大家的学习能有帮助，那下面就一起看看计算机网络的相关知识吧！本文较长，建议点赞收藏反复观看！本文将会从以下几个方面为大家系统的介绍计算机的网络：1、什么是计算机网络？2、网络的分类3、七层网络模型4、IP地址5、子网掩码6、TCP/IP协议7、三次握手四次挥手什么是计算机网络？计算机网络是指将地理位置不同的具有独立功能的多台计算机及其外部设备，通过通信线路

原创 关于node-sass和sass-loader安装上去的时候的时候报错的问题

这个依赖的版本太高的话，会导致this.getpotions.is not defined

原创 一张图片教你识别Vue的premission的权限管理，您细品\(^o^)/~

原创 VueX的store的简单使用心结

Vue的本地存储：