自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(33)
  • 问答 (1)
  • 收藏
  • 关注

原创 electron 升级 v22 遇到问题

由于 23以上不在支持win 7 8 8.1。node-sass 的版本太高需要降级。所以我选择安装 v22.3.24。以下是我开发中遇到的问题。Electron 漏洞。

2023-10-10 17:25:35 809

原创 element plus table 拖拽

element plus table 拖拽。

2023-09-27 09:04:55 215

原创 mzjh 项目鉴权

src下 新建directives 文件夹。将后端的数据转成数组 并报错保存。

2023-07-17 10:59:17 386

原创 21、22、23、53、80、123、161、1433、3306、3389 端口的用途或协议

80 端口:HTTP(HyperText Transfer Protocol)端口,用于 Web 服务器和客户端之间的通信,常用于网页浏览。3389 端口:RDP(Remote Desktop Protocol)远程桌面协议端口,用于远程登录和管理 Windows 操作系统。23 端口:TELNET(Telecommunication Network)远程登录协议端口,用于远程登录和管理服务器。22 端口:SSH(Secure Shell)远程登录协议端口,用于远程登录和管理服务器。

2023-05-12 15:58:06 8743

原创 DNS 协议介绍

如果 DNS 服务器能够找到对应的 IP 地址,它会将该 IP 地址返回给浏览器,然后浏览器就可以使用该 IP 地址与对应的服务器进行通信。它是互联网中最为重要的基础设施之一,负责将人类可读的域名转换为计算机可读的 IP 地址,从而使得互联网上的设备能够相互通信和交流。可靠性:TCP 是一种可靠的协议,它使用数据确认和重传机制来确保数据的可靠传输,以便于应用程序接收到数据时能够正确无误。传输效率:由于 TCP 提供了可靠性保证,它的传输效率相对较低,因为它需要进行额外的数据确认、重传和错误检测等操作。

2023-05-12 15:50:45 1573

原创 微前端中的应用隔离是什么,一般是怎么实现的?

微前端中的应用隔离是指将不同的微前端应用程序隔离开来,以确保它们之间不会相互影响或干扰。这种隔离可以通过多种方式实现,以下是一些常见的方法iframe 隔离:将每个微前端应用程序嵌入到一个 iframe 中,以确保每个应用程序都在自己的沙箱环境中运行。Web Components 隔离:使用 Web Components 技术将每个微前端应用程序封装为一个自定义元素,以确保每个应用程序都在自己的命名空间中运行。

2023-05-12 15:46:39 1371

原创 webpack4和webpack5有什么区别

Webpack4和Webpack5是两个版本的Webpack,其中Webpack5是Webpack的最新版本。

2023-04-28 10:15:19 3716

原创 为什么要用虚拟 DOM?

虚拟DOM(Virtual DOM)是一种将应用程序的状态(state)与DOM分离的技术。它是一个JavaScript对象,它的结构类似于实际DOM元素的结构。使用虚拟DOM的目的是在减少DOM操作的数量的同时,提高应用程序的性能和响应速度。当应用程序的状态发生变化时,使用虚拟DOM可以计算出需要进行哪些DOM操作来更新UI界面,这样只需要更新必要的部分,而不是整个DOM树。这样可以减少浏览器重新渲染的次数,从而提高性能。

2023-04-26 08:27:31 1704

原创 请谈一下内存泄漏是什么,以及常见内容泄漏的原因和排查的方法

内存泄漏是指在程序中动态分配的内存空间未被及时释放,导致该内存空间无法再被程序使用,最终导致程序运行时消耗的内存越来越多,直到达到系统可用内存的上限而崩溃。内存泄漏是一种常见的程序错误,尤其在长时间运行的程序中容易出现。

2023-04-25 14:40:18 1086

原创 什么是Tree-shaking

Tree-shaking是一种用于优化JavaScript代码的技术,它可以在打包时自动去除未使用的代码。具体来说,它通过静态分析代码来判断哪些代码被使用,哪些代码没有被使用。然后,它可以将未使用的代码从打包后的代码中删除,以减少文件大小并优化性能。Tree-shaking是一种基于ES6模块系统的优化技术,这是因为ES6模块系统的静态特性使得代码的依赖关系在编译时就可以确定。因此,Tree-shaking可以在编译时进行静态分析,并删除未使用的代码。

2023-04-24 11:43:40 754 1

原创 WebSocket 中的心跳是为了解决什么问题?

减少无效流量:由于 WebSocket 连接是长时间保持的,如果没有心跳机制,连接双方会不停地发送和接收数据包,这会导致大量的无效流量和带宽浪费。通过心跳机制,可以及时发现连接是否已经断开,并采取相应的措施。需要注意的是,在发送心跳包时,我们需要先检查 WebSocket 连接的状态是否为 OPEN,因为如果连接已经关闭或发生错误,我们就不应该再发送心跳包了。提高连接的可靠性:通过心跳机制可以及时检测连接是否已经断开,这可以减少因连接断开而导致的数据传输中断和数据丢失的情况,从而提高连接的可靠性。

2023-04-23 08:40:21 2298

原创 Vue 和 JQuery 的区别在哪?为什么放弃 JQuery 用 vue?

Vue 的生态系统相对更加统一和一致,Vue Router 和 Vuex 都是 Vue 官方提供的插件,使用起来更加方便和稳定。相比之下,Vue 的声明式编程方式更加适合构建复杂的 Web 应用程序,可以提高代码的可维护性和可扩展性。Vue 使用基于 HTML 的模板语法,可以直接在 HTML 中编写 Vue 组件的模板,使得编写和维护模板更加容易。Vue 的使用方式是基于组件的声明式编程,将页面拆分成多个组件,每个组件负责自己的业务逻辑和用户界面。

2023-04-21 15:43:11 1118 2

原创 短轮询、长轮询、SSE 和 WebSocket 间的区别

短轮询:短轮询是一种客户端与服务器之间的通讯方式,客户端定期向服务器发送请求,以检查是否有新消息。如果没有新消息,服务器会返回一个空响应。这种方法的缺点是客户端发送的请求频率较高,这可能导致网络拥塞和服务器负载过高。长轮询:长轮询是一种改进的轮询方式,其中客户端发送一个请求并保持连接打开,直到服务器有新消息可用或连接超时。这种方法减少了不必要的请求,但仍然需要发送大量的 HTTP 请求。SSE:SSE(Server-Sent Events)是一种单向通信协议,其中服务器可以将消息推送到客户端。

2023-04-21 15:13:03 1551

原创 事件捕获和事件冒泡有什么区别

例如,当用户点击一个按钮时,该按钮的点击事件会被触发,但在触发该按钮的点击事件之前,事件会先从文档根节点开始向下捕获,可能触发该按钮的祖先元素、父元素的点击事件。当用户点击按钮时,事件会先在子元素上触发,然后事件会向上冒泡到父元素,最终触发父元素的点击事件处理函数。事件冒泡是指当一个元素上的事件被触发后,该事件会从该元素开始向上冒泡,依次触发父元素的相同事件,直到冒泡到文档根节点为止。例如,当用户点击一个按钮时,该按钮的点击事件会被触发,然后该事件会向上冒泡,可能触发该按钮的父元素、祖先元素的点击事件。

2023-04-21 11:48:11 1131

原创 关于vue-cli无法的记录

npm config set prefix "D:\Develop\nodejs\node_global"npm config set cache "D:\Develop\nodejs\node_cache"查看你node.js的包是否下载在其他的地方 设置一下npm install -g @vue/cli然后执行

2021-06-30 11:36:24 61

原创 ios 移动端拍照 旋转问题

这段时间开发时发现 ios14 会自动判断图片得方向 ios13及一下 不会 所以需要我们代码去判断首先需要引入exif-jsnpm install exif-js --save photoChange(el) { this.$vux.loading.show({ text: '图片上传中' }) var file = el.target.files[0];//name: "dangqi1.png" || type: "image/png" var..

2021-05-10 11:57:53 214

原创 vue 微信h5首页左滑退出 方法

因为微信需要授权 授权要跳转code页面 此时浏览器其实就有两个历史记录页面 如果手势左滑 会返回上一个页面 可能是空白的 也可能自动刷新 就变成两个一样的页面网上的方案都是function pushHistory() { var state = { title: "title", url: "" }; window.history.pushState(state, "title", "");}window.addEventListener("popsta.

2021-05-08 11:48:24 1912

原创 vue项目 ios 微信内置浏览器 H5页面授权后 有返回按钮问题

ios 微信的内置浏览器 会出现返回键 点击的时候是不触发window.addEventListener("popstate",this.isBack,false)这个方法的所以下面讲下我的处理方法:微信 需要授权 而授权得时候 需要跳转到 code页面 使用location.replacenext({ path: store.state.token.after_login_go, replace: true});router.replace('/'...

2021-05-08 11:32:06 3578 2

原创 讨论软件开发过程rup及齐应用

RUP中的软件过程的四个阶段初始阶段: 为系统建立业务模型并确定项目的边界 细化阶段: 建立工程计划和合理的体系结构 构建阶段: 建造系统 移交阶段: 把系统提供给最终用户在每个阶段的结尾执行一次评估,以确定这个阶段的目标是否已经满足。如果评估结果令人满意的话,可以允许项目进入下一个阶段。RUP的基本特性一,用例驱动: 也就尽量以用例来描述用户的可描述需求。(这样一来可以更好理解用户需求,二来用户可以通过用例确认需求,)用例描述需求也较为清晰。 但一些依赖项可能无法在用...

2020-09-23 15:57:11 360

原创 cookie localStorage sessionStorage 三者区别 整理

存储大小:cookie 4K storage 5M有效期:cookie 拥有有效期 storage 永久存储cookie 会发送到服务器端 存储在内存中 storage 只存储在浏览器端路径:cookie 有路径限制 storage 只存储在域名下API: cookie 没有特定的APIstorage有对应的APIlocalStorage: 本地永久存储sessio...

2020-03-22 10:52:59 132

原创 canvas 签名

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <meta name="viewport" content=" height = device-hei...

2020-03-15 17:06:01 119

原创 js 实现弹幕效果

效果图注入灵魂<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=id, initial-scale=1.0"> <title>Documen...

2020-03-15 08:54:40 494

原创 flappy bird js 源码

素材注入灵魂<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title...

2020-03-14 16:40:00 415

原创 vue源码解析学习(一)

在new Vue() 之后,vue会调用进行初始化,初始化生命周期,事件,props,methods,data, computed,watch等它是通过object.defineProperty 设置 setter 和 getter 用来实现 响应式 和 依赖收集compile() 生成更新函数(渲染)分享一本书籍...

2019-11-14 09:49:37 234

原创 mpvue项目中基于flyio的拦截

在请求拦截器中执行异步任务下面我们看一个例子:由于安全原因,我们需要所有的请求都需要在header中设置一个csrfToken,如果csrfToken不存在时,我们需要先请求一个csrfToken,然后再发起网络请求,由于请求csrfToken是异步的,所以我们需要在拦截器中执行异步请求,代码如下:不知道为什么 官方文档的tokenFly 和 newFly 不统一一下 其实就是一个东西 容...

2019-07-16 15:37:15 210

原创 springboot 链接mysql的一些自己遇到的问题

Loading class `com.mysql.jdbc.Driver'. This is deprecated. The new driver class is `com.mysql.cj.jdbc.Driver'. The driver is automatically registered via the SPI and manual loading of the driver clas...

2019-04-14 13:26:32 233

原创 mpvue 不支持过滤器的解决方法

在mpvue中 不可以在template中 使用methods中的方法 {{ 方法() }}以上方法不支持解决方法: 在接收到数据的时候 就修改所需要的值

2019-04-08 09:52:45 4092

翻译 Type of the default value for ‘data’ prop must be a function

prop: { type: Array default: []}在eslint会报错修改为以下两种方式props: { data: { type: Array, default: function () { return [] } }}props: { data: { type: Array, default: ...

2018-07-31 12:00:50 1189

原创 新版vue-cli 没有dev-server.js

新版本的vue中webpack.dev.conf.js 代替了之前的dev-server再此之前需添加 axios 

2018-07-30 17:36:02 790

原创 springMVC生成word

关于这个 我也爬了不少的坑 下面进行总结和分享百度一堆的怎么java生成word 用的都是  freemarker当然我也是抄他们的代码 然后进行了修改首先怎么生成ftl在word里面(最好一次写完 不要复制粘贴)按照这个样式填写好 并且这些 ${} 内的单词要和你的 entity或者model 保持一致下面就将word另存为 xml转为xml后 用搜索的方式 查看你所有的 ${xxx} 有没有连...

2018-03-23 20:11:36 1333

原创 关于bootstrap table 获取隐藏列

例如 数据库的id我们并不想让使用者发现 但在删除操作时我们又需要将id发送到后端 此时就需要隐藏某一列使用下方属性 将该列隐藏visible: false之后使用转义符将该行信息获取到\''+row.stage_assess_id+'\'贴上完整代码 1.该方法适用于数据较少的情况下columns: [ [ { ...

2018-03-23 19:51:47 5493

原创 关于bootstrap table 固定列宽

首先为table 设置 style="table-layout: fixed;" &lt;table id="assessStage" data-height="467" data-mobile-responsive="true" style="table-layout: fixed;"&gt; &lt;/table&gt;然后在下方column

2018-03-23 19:38:20 44875 1

原创 关于layDate5.0.9版本 开始时间和结束时间的修改

新版的layer时间控件 如果使用两个input框来设置开始时间和结束时间 没办法设置min,max;在网上找了很多代码 但是用了代码后会出现一个bug : 选择了开始时间和结束时间 分别点击清空 此时 开始时间无法再次选择贴上修改后的代码var startDate = laydate.render({ elem: '#start' //,btns: ['confirm'] ...

2018-03-23 19:26:03 2099 2

空空如也

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

TA关注的人

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