自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(37)
  • 收藏
  • 关注

原创 table组件中表格列无内容高度继承问题

需求是表格在线编辑,使用的表格组件遇到一些内容为空的td,点击事件无法触发到,因为元素高度为0;想出一种解决方案,但是较为麻烦,就是给所有的td都固定添加一个容器,样式固定控制,但是在遇到一些超标的需求就无法实现,搜索到的第二种:就是在给td元素上添加一个属性height:1px;然后子元素高度都是100%;具体为什么不知道,但是出奇的好用

2024-09-04 16:23:18 107

原创 前端做文件导出怎么在浏览器网络请求中不显示

XHR请求是一种在浏览器中发送HTTP请求的技术,它允许客户端(浏览器)通过JavaScript代码向服务器发送请求并获取服务器返回的数据,而无需刷新整个页面。然而,浏览器网络请求中显示的是所有发出的HTTP请求及其响应,包括文件导出的请求,这是浏览器正常工作的机制,因此无法直接让文件导出的请求在浏览器网络请求中不显示。总之,虽然无法直接让文件导出的请求在浏览器网络请求中不显示,但可以通过上述措施来减少其可见性或提高其安全性。然而,需要注意的是,这些方法都有其局限性和潜在的风险,因此在实施时需要谨慎考虑。

2024-08-28 10:08:04 328

原创 微信小程序开发中,如果页面跳转没有反应

尝试将跳转逻辑放在其他适当的位置,如用户点击事件或页面加载完成后的延时函数中。在微信小程序开发中,如果页面跳转没有反应,可能是由多种原因导致的。等非关闭当前页面的跳转方法都受到页面栈大小的限制(默认为10个页面)。虽然页面跳转通常不受网络影响,但确保你的网络连接正常,特别是当页面跳转涉及到网络请求时。确保你的微信开发者工具是最新版本,有时候旧版本的开发者工具可能存在一些bug。确保你使用的跳转路径(URL)是正确的。来关闭所有页面并跳转到新页面,或者检查并优化页面栈的使用。例如,如果你的页面路径在。

2024-08-09 17:53:41 699

原创 在 Vue 3 + Vite + TypeScript 项目中,如果你在开发阶段运行没有问题,但在打包时遇到异常

在 Vue 3 + Vite + TypeScript 项目中,如果你在开发阶段运行没有问题,但在打包时遇到异常,这通常是因为开发环境和生产环境之间存在一些差异,比如代码优化、打包插件的行为、环境变量等。通过这些方法,你可以在开发阶段就尽可能多地捕获和修复问题,从而减少打包时的异常和错误。

2024-08-06 10:26:06 344 1

原创 输入框输入一个字符就会失去焦点的问题

但是遇到了另外一个:tabs自定义label,要求能够双击label无感修改属性,都是泪啊,自信过头了,没测试,样式改了好大会,使用的时候遇到这个问题呜呜呜呜,第二时间想到是不是name和要改的属性有关系,审查代码,嚯~~还真是,开开心心的选择了用索引加黑猫警长作为name,准备就绪,调试,双击,聚焦,输入。。。气的我一拍桌子,旁边同事痛叫了一声~你拍我手了卧槽!!!。。。。。。

2024-04-03 16:47:27 404

原创 vue2 和vue3 响应式原理的对比

原理很简单,当用户使用这些方法查找元素时,先去响应式对象中查找,如果没找到,则再去原始值中查找。Vue3 对数组实现代理时,用于代理普通对象的大部分代码可以继续使用,但由于对数组的操作与对普通对象的操作存在很多的不同,那么也需要对这些不同的操作实现正确的响应式联系或触发响应。Object.defineProperty 也可以实现对数组的监听的,但因为性能的原因 Vue2 放弃了这种方案,改由重写数组原型对象上的 7 个能操作数组内容的变更的方法,从而实现对数组的响应式监听。

2024-03-19 09:09:46 418 1

原创 Go语言的常用内置包

os 包提供了不依赖平台的操作系统函数接口,设计像 Unix 风格,但错误处理是 go 风格,当 os 包使用时,如果失败后返回错误类型而不是错误数量。net/http 包提供 HTTP 相关服务,主要包括 http 请求、响应和 URL 的解析,以及基本的 http 客户端和扩展的 http 服务。它主要的任务是对 os 包这样的原始的 I/O 进行封装,增加一些其他相关,使其具有抽象功能用在公共的接口上。bufio 包通过对 io 包的封装,提供了数据缓冲功能,能够一定程度减少大块数据读写带来的开销。

2023-09-06 16:47:07 159

原创 node版本管理工具-nvm

不同的项目可能需要不同版本的 node.js 和 npm(node 包管理器),例如,最近我需要开发的项目一个基于12.22.7版本的node,一个则基于16.X以上的版本,为了切换方便,我便学习安装了nvm。检查环境变量,将node相关的配置都删掉,环境变量打开方式:右键我的电脑->属性->高级->环境变量-> 用户变量的Path删除->系统变量的NODE_PATH里的node删掉。删除node的安装目录,默认是C:\Program Files\nodejs,也可能在其他盘,这取决于安装时的选择。

2023-07-19 10:21:08 1302

原创 JS拍照截图处理

拍照拍照片

2023-06-25 09:59:34 301

转载 vue页面内嵌iframe使用postMessage进行数据交互(postMessage跨域通信)

是html5引入的API,它允许来自不同源的脚本采用异步方式进行有效的通信,可以实现跨文本文档,多窗口,跨域消息传递.多用于窗口间数据通信,这也使它成为跨域通信的一种有效的解决方案.vue父页面(嵌入iframe的页面)在vue中要使用iframe上的postMessage,首先应该获取到iframe实例,有以下几种方式width:100%;margin:0;border:0;将iframe的window窗体存储至data对象中会出现跨域报错。

2023-05-04 10:06:20 559 1

转载 vue页面嵌套iframe页面传值、调用、首次传值获取不到、有缓存数据问题

infodata.ter_user_name : ""// 客户姓名。//通过.contentWindow.postMessage(data,"*")向iframe子组件传值。// 'dest': infodata.user_mobile, // 手机号+0。'dest': "13455955635", // 手机号+0。'stationId': '69999', // 写死。'loginId': '17999', // 坐席工号。//获取iframe元素。// 监听用户关闭对话框,执行签出操作。

2023-05-04 09:56:16 2082

转载 Node.js文件操作1.1 读取文件1.2 写入文件1.3 修改文件1.4 删除文件2

所以这里田辛老师提示大家尽可能使用系统库来操作文件系统,包括拼装路径操作,常见的,例如使用path.join()方法来生成跨平台的文件路径,使用os.EOL来获取跨平台的换行符,使用fs.constants来设置跨平台的文件权限等。目录1.Node.js文件操作1.1 读取文件1.2 写入文件1.3 修改文件1.4 删除文件2.注意事项3.总结Node.js是一个神奇的东西,它可以让JavaScript在服务器端运行,让我们的很多前端程序员也能在后端大展身手了!如果写入文件时发生错误,将抛出错误。

2023-04-18 17:14:55 114

转载 vue中单个阻断和全局阻断请求

index.vue--->在请求接口时,除了传递参数,再传递一个this过去。---> API接口处,引入axios,定义CancelToken,写new CancelToken。

2023-03-22 15:41:53 695

转载 vue json数据格式化编辑插件

现有一个vue项目,需要一个json编辑器,能够格式化json数据,同时也支持编辑功能。

2023-02-28 14:45:00 8336

原创 vue$set新增属性传到子组件无法及时获取

一直到中午吃完饭,冷静下来,来慢慢思考,为什么会获取不到呢,渲染到页面是能渲染的。会不会是异步数据的问题呢,很大可能,然后就用了定时器,可是数据量很大,还是循环渲染的。// 如果提供了超时时间且组件加载也超时了,// 则使用加载失败时使用的组件。// 需要加载的组件 (这个 `import` 函数会返回一个 `Promise` 对象。检查中打印对象中显示有,但是,就是获取不到,created,又或者watch,都无法解决。今天上午发现的问题,根据需求新增的给数据添加属性,不展示,只是用作子组件的请求参数。

2023-02-16 15:32:11 194

原创 vue3中使用tsx

相信react的伙伴对于jsx/tsx都不陌生吧,现在在vue3中也可以使用jsx/tsx语法拉。

2022-12-23 14:57:45 919

原创 Vue3+TS中使用M

/ 由于必须要拓展ComponentCustomProperties类型才能获得类型提示。通过emit派发, on 方法添加事件,off 方法移除,clear 清空所有。全局总线,vue 入口文件 main.js 中。我是A我是B监听所有事件( on("*") )//TypeScript注册。//Vue3挂载全局API。清空所有监听(clear)A组件派发(emit)移除监听事件(off)

2022-12-23 10:11:48 250

原创 transition组件

tranistion

2022-12-22 10:25:05 1540

原创 js判断是否是是pc端还是移动端还是ipad,移动端中android和uos

亲测

2022-12-07 16:48:33 1131

转载 我看过最详尽、最透彻讲解移动端页面开发的好文章

下面的链接是大神的博客,是我看过最详尽、最透彻讲解移动端页面开发的好文章

2022-11-01 10:16:55 79

转载 echarts中tooltip自动循环

echarts中tooltip自动轮播

2022-09-20 17:21:02 1225

转载 vue中树状组织架构插件

vue树状组织架构插件

2022-08-31 09:58:23 4262 1

转载 Vue复制内容到剪贴板 — vue-clipboard2

npm — vue-clipboard2使用没有特定按钮在元素上绑定触发事件,方法中获取对象, 通过 复制点击特定元素点击元素触发复制,将copy内绑定的属性的值添加到剪贴板

2022-07-20 10:10:17 986

转载 TCP三次握手和四次挥手

TCP三次握手四次挥手

2022-07-07 11:24:45 135

转载 【无标题】vue3新手上路

Vue3项目完整开发流程秋玄语道关注42022.01.06 15:19:11字数 850阅读 2,677一、开发流程思维导图开发流程思维导图二、前期准备1、安装Nodejs1)nodejs下载地址,下载并安装2)确认已安装了node.js,可在cmd中输入( node -v和npm -v),如显示出版号,说明安装成功2、搭建Vue项目(vue-cli和vite,2选1)1)搭建第一个vue-cli项目npm install -g @vue/c

2022-04-27 09:33:56 222

转载 js判断日期合法性

functioncheck(date){ return(newDate(date).getDate()==date.substring(date.length-2)); } //参数date可以格式化为xx-xx-xx或xxxx-xx-xx或用/分割 附:通常来说,javascript验证日期的有效性可以通过正则判断但正则表达式无法精准验证日期的有效性,你无法通过正则表达式判断出1900-02-29是非法日期而2000-02-29是合法日期,...

2022-04-22 16:50:01 3410

转载 浏览器缓存(一):强缓存 MEMORY CACHE 和 DISK CACHE

日志2020年05月9日WUWEIWEI发表回复关于memory cache 和disk cache随便浏览一个网站:首次打开,或者开启浏览器的 Disable Cache(浏览器的Network下, 与Preserve log同级别),在size 一栏会显示资源大小。在关闭Disable Cache 的情况下,然后再次刷新页面,发现size 一栏 显示(memory cache) 或者(disk cache)图片对应的是 memory cachecss等资源是di...

2022-03-23 14:19:46 3850

转载 vue中lodash使用

一、安装cnpm i lodash -S二、方法一1、引入import _ from 'lodash'Vue.prototype._ = _2、使用this._.debounce(this.handleClick,1000,false)二、方法二1、引入let _ = require('lodash')2、使用_.debounce(this.handleClick,1000,false)三、vue单文件组件中使用里

2022-03-16 14:04:16 1387

原创 vue项目运行完毕怎么在localhost:8080/路径后面拼上参数

可以在app.vue的生命周期内,做个判断,看路径信息中是否有某参数,如果没有就使用window.location.href=""开始拼接。这样的话就能避免无线刷新的状态

2022-03-16 13:51:16 1330

转载 vue项目中更改elementui样式

一种是去掉scoped,给父级加class,然后改子样式第二种是 用vue穿透 :: v-deep .组件class名 ,!important 必须要加第三种内联以上三种足矣ElementUI是一款非常强大的前端UI组件库,它默认定义了很多美观的样式,但是我们在实际开发过程中不可避免地遇到需要修改ElementUI默认样式。下面总结了几种修改默认样式的方法。1. 新建全局样式表新建 global.css 文件,并在 main.js 中引入。 global.css 文件一般都放..

2022-03-16 12:50:45 8338

转载 vue中级性能优化方案(抄录)

vue终极性能优化方案(解决首页加载慢问题)发布时间: 2022-02-23 12:20:38来源: 互联网作者: 小jer栏目:JavaScript点击: 16目录前言1.路由懒加载2、打包文件中去掉map文件3、CDN引入第三方库4、gzip打包1、npmi-Dcompression-webpack-plugin2、在vue.config.js中配置3、在...目录前言 1.路由懒加载 2、打包文件中去掉map文件 3、CDN引入第三方库 4、gzip打包 1、npm...

2022-02-28 14:32:20 135

原创 表格用el-table实现,操作列的编辑按钮点击事件正常实现。现要为行加一点击事件,即row-click。加上后,发现点击操作列的编辑按钮时,会触发按钮本身事件,同时会触发行点击事件。第一版代码如下

编辑按钮的父元素是单元格,单元格父元素是行。所以编辑按钮在点击时,会产生“冒泡”。从而触发行点击事件。解决办法1.按钮是el-button标签,为点击事件加.native.stop ,即@click.native.stop=“handleClick(scope.row)”2.按钮通过render函数渲染实现,render函数中自带event事件,不用传参,不用写e,直接e.stopPropagation()就可以,当然,加上e也没毛病。on:{ click:e=>{ .

2022-02-17 09:58:27 1411

原创 vue中watch监听固定数据页面上改变了没检测到?

解决方法,改变数据需要一个事件,在事件里把监测的数据重新复制=> [...data]

2022-02-16 17:50:51 595

原创 vue数据更新视图不更新

1. Vue无法检测实例别创建时不存在于data中的property原因: 由于Vue会在初始化实例时对property执行getter/setter转化,所以property必须在data对象上存在才能让vue转换为响应式 // 问题 var vm = new Vue({ data: {}, template: '<div>{{item}}</div>' }) vm.item = 'hello world!!!'

2022-01-04 14:30:16 176

原创 数据请求回来,但是渲染不出?拦截器看一下

vue:methods中写一个方法,发起请求,请求成功,created中第一次调用在请求中的.then中就无法输出,打个456都不显示捣鼓了半天,始终找不到错,数据也请求回来了,就是无法使用,某大佬一分钟给我解决了,原来是在拦截器中判断的事code,而后端返回的事returnCode。。。...

2021-11-25 14:13:52 475

原创 http状态码大全

100 Continue 继续。客户端应继续其请求 101 Switching Protocols 切换协议。服务器根据客户端的请求切换协议。只能切换到更高级的协议,例如,切换到HTTP的新版本协议 2开头的状态码 200 OK 请求成功。一般用于GET与POST请求 201 Created 已创建。成功请求并创建了新的资源 202 Accepted 已接受。已经接受请求,但未处理完成 203 Non-Authorit

2021-11-12 17:14:14 36

原创 nvm安装node安装不上的问题

初始的nvm包,打开setting.txt文件。有得是两行,有的事四行,只要不是node和npm的就不要动,添加:node_mirror: http://npm.taobao.org/mirrors/node/npm_mirror: https://npm.taobao.org/mirrors/npm/如下:这样再下载就可以了。...

2021-11-12 14:03:21 1433

空空如也

空空如也

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

TA关注的人

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