自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Refused to load the stylesheet问题解决方案

今天项目部署的过程中遇到一个安全策略问题的报错,大概意思就是处于安全考虑,不允许src外链其他不安全的静态文件。解决这种问题的一个思路大概就是找到index.html文件先看下是否存在。如果index.html中没有就去看下ngix配置。将nginx中的这个代码注释掉。

2024-06-03 10:55:26 355 2

原创 Expected ‘this‘ to be used by class method “xxx“

如果你的vue3项目开发中出现ts报错Expected 'this' to be used by class method "xxx",只需要在ts文件的头部添加以下注释可以绕过eslint对this验证问题。

2023-10-17 17:33:26 754

原创 Ts常见报错解决方案

ts错误处理

2023-10-16 11:14:43 1296

原创 动态修改vxe-table表头border

今天在开发公司的透视表的过程中,遇到很多坑特此记录一下,样式更改这一块除了通过header-cell-style等方法已经无法满足样式修改的问题,最终选择通过通过js操作dom实现样式的更改。2.vxe-table在vue中不支持直接document.getElementsByClassName获取元素,我们使用。1.主要注意在onMounted中调用方法,通过watch检测数据变化在nextick中进行操作。来访问 VXE-Table 的根元素。

2023-09-12 16:51:15 769

原创 对象多级对象数组同级合并子节点

/ 递归处理子节点。// 递归合并子节点函数。

2023-09-07 11:33:23 145

原创 Argument of type {****} is not assignable to parameter of type ‘never‘.ts(2345)

在日常开发中配置eslint+Typescript之后,会出先各种校验报错提示,今天在开发过程中遇到ts2345报错,出错场景发生在数组push一个Object对象报错。其实就是obj.chilren这个数组这里push报错,解决方案就是将children声明过程中加上as any。

2023-09-01 10:17:20 1366

原创 VmWare vCenter Server漏洞修复方案

vCenter Server 释放后重用漏洞(CVE-2023-20893)vCenter Server 越界写入漏洞(CVE-2023-20894)vCenter Server 越界读取漏洞(CVE-2023-20895)vCenter Server 越界读取漏洞(CVE-2023-20896)vCenter Server 堆溢出漏洞(CVE-2023-20892)Apache Tomcat版本:>=11.0.0-M6。Apache Tomcat 版本:11.0.0-M5。以上五个漏洞受影响版本。

2023-07-12 19:00:11 901

原创 git使用流程规范

之前用习惯了svn,git好久没用了,简单总结一下://首先拉取代码git clone 项目代码地址git init//然后创建自己的本地分支,进行代码开发git branch 分支名//开发完毕后git statusgit add .git commit -m "提交日志"git pullgit push...

2022-05-17 17:01:07 347

原创 Element中cascader任意分级可选

今天在研发过程中,需要实现一个组织架构分级的功能,当时看了一下Element官网有一个el-cascader的组件,然后就直接用了,但是在测试过程中,发现除了最后一层可以选择,前面的几层确不能单独选择,找了半天,发现有一个属性:on-change-select<el-cascader v-model="organizationForm.parentId" :options="organization" :props="basicProps" :show-all-level

2022-03-30 10:22:11 689

原创 NVM安装

1.Releases · coreybutler/nvm-windows · GitHub去这里下载安装包nvm-setup.zip2.解压缩,设置安装路径和nodejs路径,注意不要有空格,中文之类的安装完成后,用管理员身份打开cmd(可解决nvm use报错exit status 1:XXX)运行nvm -vnvm install 8.3.0nvm install 12.16.1nvm listnvm use 8.3.0node -vnvm use 12.16.1.

2021-12-24 17:36:51 663

原创 Element中table使用v-show不生效,使用v-if生效

今天同事在开发中遇到一个问题,就是使用table中的type控制表格中两列,其中一列显示另一列则隐藏,同时位置有所改变,在切换tab中,发现一个bug就是tab切换到第二次的时候,显示是对的但是位置发生了变化。当时我感觉频繁操作建议让他改成v-show,结果发现没生效,主要是因为table中的td,diplay:table-cell,权限高于display:none,导致v-show失效。后面只能改成v-if,考虑到dom操作过程中,无法识别相同dom标签,导致重复使用td,需要对标签添加ke

2021-10-29 16:28:09 5477

原创 基于Element中table实现多行复选并自定义标题

如上图后三列同时需要修改表格标题,之前的type=“selection"无法满足当前需求,查了一下官方文档,提供了一个render-header函数,直接用jsx语法就好。<template> <div> <el-table :data="tableData" border stripe> <el-table-column prop="name" lab..

2021-10-27 10:53:23 1106

原创 nginx重新启动

cd /usr/local/nginx/sbin./nginx -s reload

2021-09-17 11:32:50 151

原创 浅谈includes、indexOf方法

includes()方法返回结果为true或者falseindexOf()方法返回-1或者元素所在数组下标索引对于简单数据类型,值存在的话includes返回的就是true,indexOf返回的则是所在数组的下标let arr=[0,2,null]console.log(arr.indexOf(2)) //返回1(2所在arr下标索引)console.log(arr.includes(2)) //返回true对于复杂数据类型 let student = { name: '张三'

2021-09-16 15:14:31 324

原创 浅谈数组复杂数据去重

今天在开发过程中实现顶部菜单和底部菜单关联的功能,发现重复点击顶部菜单时候导致界面视图菜单重复展示,于是想到数组去重解决这一Bug.目前最简洁的写法就是用ES6的set去重let tabList=[{"name":"系统监控","path":"/monitor"},{"name":"银行信息","path":"/bankinfo"},{"name":"银行信息","path":"/bankinfo"}]function unique(arr){ return Array.from(ne

2021-09-15 18:16:07 308

原创 vue3.0配置less并使用全局变量

1.在项目中安装依赖npm i less less-loader -s -D2.在项目中安装配置依赖npm i style-resources-loader vue-cli-plugin-style-resources-loader -s -D3.写全局less4.在vue.config.js中配置webpackconst path = require('path')module.exports = { pluginOptions: { 'style-re.

2021-09-02 09:33:50 1791

原创 父容器不能自适应撑高

今天在开发中遇到一个问题,发现父容器也就是图中绿色的部分没有被白色的子容器撑开,遇到这种情况就去找下子元素是不是把高度写死了,建议把height变成min-height处理。

2021-08-13 11:19:58 124

原创 flex:0 1 auto

flex:第一个参数表示flex-grow,用于设置元素占据剩余的空间,默认为0,表示不占据剩余空间ex:<div class="container"> <div class="item1"></div> <div class="item2"></div> <div class="item3"></div></div><style> .container{

2021-07-26 16:21:53 198

原创 axios.post请求使用小叙

今天在做项目过程使用axios请求一个接口报500,问了后端,后端说接口没问题,说我前端请求数据发过来的都是空数据,于是我用postman测了一下,发现确实没问题,后面对比了一下两个请求,发现是自己没有把json转换成formData const params ={ actionMode:1, appFileId:app.appFileId, appId:app.id, appPackageName

2021-07-15 14:47:45 509

原创 鼠标移入显示卡片信息,移出后展示原来的内容

今天在写项目的过程中,需要做一个鼠标移入之前展示如下效果鼠标移入之后展示之前采用@mouseover和@mouseout出现鼠标移入虽然展示内容详情,但是经过按钮的时候出现卡屏的bug,后面采用 <div class="card" v-if="appInfo.show" @mouseenter.stop="showStatus(appInfo)" @mouseleave.stop="h

2021-07-05 14:48:29 515

原创 Uncaught TypeError: Cannot redefine property: $url

今天项目中使用VueResource的时候,出现报错Uncaught TypeError: Cannot redefine property: $url,导致有些页面刷新一下,页面才得以展示,看了一下控制台报错信息为Uncaught TypeError: Cannot redefine property: $url之前代码:import Vue from 'vue'import VueResource from 'vue-resource'Vue.use(VueResource)这样写会导

2021-06-25 09:47:03 872

原创 图片下方文字防抖

举个例子如下图如果网络速度很慢,图片加载延迟没有显示出来会出现文字先在上方后被图片加载完挤到下方的情况,对此我们需要用padding-bottom:百分比的方式实现

2021-04-15 16:59:39 89

原创 VSCode配置SVN

先去官网下载svn,地址:https://tortoisesvn.net/downloads.html安装tortoiseSVN插件2.安装SVN插件3.查看项目提交记录4.直接鼠标右键更新或提交代码

2021-04-12 10:48:05 416

原创 断点上传之读取安装包信息

今天在开发断点上传功能的过程中,接到一个需求就是在上传的时候读取安装包的版本号和安装包名,因为后台接口要求是传一个formData的参数,同时要求对文件做一个截取,大小小于1M.总体思路就是先将文件进行切割,在这里我取的是1000kb,然后生成fileReader对象去读取,然后调用readAsBinaryString()方法,这里有一个地方需要注意就是在调用fileReader.result的时候需要在reader.onload的方法中才能获取,否则获取的数据是null,因为需要将结果作为参数去请求后

2021-04-08 22:03:11 112

原创 基于linux系统安装开发electron

基于上一篇博文搭建安装node之后,开始electron在linux环境下的搭建环境1.安装cnpmsudo npm install -g cnpm --registry=https://registry.npm.taobao.org安装完成之后要想全局用cnpm必须建立软连接sudo ln -s /usr/local/node/lib/node_modules/cnpm /usr/local/bin/cnpm安装cnpm成功2.如果npm安装速度可以的话,第一步可以忽.

2021-02-01 15:33:35 1376 3

原创 edge不支持replaceAll()方法

edge旧版浏览器对一些js方法不是很兼容,经常出现各种js报错,从而导致显示出问题。今天在做项目的时候,出现了edge不兼容replaceAll方法从而导致报错,最终页面数据无法正常回显。对此我们加了一个方法对此进行特殊处理,全局引入异常处理的jstry{ "".replaceAll('',"")}catch(e=>{ String.prototype.replaceAll=function(replaceStr,newStr){ return this.

2020-12-11 13:53:41 902

原创 富文本编辑器WangEditor清空内容

两种方法:1.this.$refs.md.wangEditor.txt.clear() //this.$refs.md为二次封装 2..this.$refs.md.wangEditor.txt.html('<p><br></p>')

2020-11-25 10:14:32 6172

原创 win10系统host文件修改

打开此电脑=>打开C盘=>顶部搜索框输入C:\Windows\System32\drivers\etc回车进入文件=>host

2020-11-25 09:02:31 184

原创 解决IE和edge图片上传问题

IE和Edge在解析执行new window.File会报错,从而导致函数无法继续执行。对于IE和Edge我们可以采用new Blob方法进行处理。const agent = window.navigator.userAgentconst isEdge = agent.indexOf('Edge') > -1let files = {}// 非Edge下上传if (!isEdge) { files = new window.File( [data],

2020-10-16 16:49:38 3086

转载 vue路由报错Avoided redundant navigation

今天在做项目时,测试环境路由正常,本地也是正常,到了过渡环境报错Avoided redundant navigation,大致意思就是避免冗余导航,可能是我要跳转的路由中包含共同的/user,查了几篇博客,由于多数人转载不注明出处,在这里如果原创作者看到请及时联系我,我将即使更新原创链接。解决方案:在router文件加下index.js或者router.js中添加如下代码import Vue from 'vue'import VueRouter from 'vue-router'//核心

2020-08-18 15:57:58 2780

原创 基于clipBoardJS实现复制

1..安装依赖npm install clipboard --save2.在项目中使用importClipboardJSfrom'clipboard'//放在要处理的method方法中this.$nextTick(()=>{this.detailerList.map((v,index)=>{constdom=this.$refs[`copy2${index}`][0].$el...

2020-08-13 09:49:26 239

原创 移动端分享链接给微信好友

近期做了一个分享微信好友的功能,对于微信公众号开发不熟悉的小白来说,可谓踩了很多坑。接下来直接进入正题,1.首先微信分享功能需要你具备一个企业微信服务号,进入微信公众号后台输入js接口的安全域名以及域名所对应的IP地址白名单(不配置会报invalid sigurature,微信官方没有这个,注意踩坑),还有记得把微信后台下载的文件让运维放到域名服务器的根目录下。2.网上很多import wx from "weixin-js-sdk"(正确做法是用require引入),不知道你们这些人是如何成功的,一

2020-08-10 11:38:00 955

原创 apply与call方法区别

apply方法和call方法个人认为主要用于两个方面:1.用于继承父类的属性和方法。2.常用语改变this的指向(除了以上还有bind)apply方法在使用过程中接受两个参数apply(Obj,Arrray),其中Obj用于改变this指向,第二个参数为数组calll方法接受两个参数分别为call(Obj,params1,params2.....),其中Obj用于改变this指向,后面为多个参数的列表function Person(name,age){ this.age=ag...

2020-07-09 10:54:44 216

原创 vs code配置git

修改settings.json文件{"git.path":"D:/ProgrameFiles/DevelopTools/Git/bin/git.exe","terminal.integrated.shell.windows":"D:/ProgrameFiles/DevelopTools/Git/bin/bash.exe"}...

2020-04-20 20:53:52 120

原创 vs code设置vue语法高亮显示

点击vs code侧边功能栏最下方图标,然后搜索Vetur下载这一个插件,下载完成后,点击reload,这时候编辑器会对Vue组件页面显示不同的颜色。

2019-01-11 14:09:07 5266

原创 初链主网Beta版上线的技术解读

首先祝贺初链成为全球首家实现无许可(Permissionless)环境下的混合共识公链。本次有哪些知识需要我们去了解呢,以下是Apple对本次主网在新加坡上线的技术解读:本次初链采用了双链结构,并已经在美国获得先行专利。1.采用双链机制作为社区人员,我们都知道初链采用的是PBFT(拜占庭容错算法)+POW(Proof of Work,工作量证明混合共识)。目的是为了分离交易确认和算力保护。双...

2018-10-25 21:25:49 428

原创 初链黄皮书解读

在官方给出的黄皮书中,主要介绍了区块链的一个大的背景,共识,智能合约,区块,状态和交易等进行了一系列介绍。以下是本人从黄皮书中学到的一些知识,作为新人,可能有许多地方理解的比较浅薄,还请大佬们及时指正,本人感激不尽。1.区块链是什么?区块链是一个共享的计算环境,可以运行多种共识机制,所有节点可以自由加入和退出特征:去中心化,交易透明性,自治性,不可篡改性2.初链采用PBFT(实用拜...

2018-10-18 20:13:17 345

原创 Truechain白皮书解读

作为区块链入门新人,简单发表一下个人读白皮书的一些浅薄见解,首先个人认为区块链前景应用十分广阔,可以建立良好的生态圈,比如保险行业的理赔业务,医疗行业的病人隐私,DNA钱包等,游戏公司不同游戏共享来打造更好的生态,提高用户的粘性。通过我们对前景有了一个很好的展望,个人觉得好的展望是良好的开端,这离不开背后强大团队的落地,同时也离不开社区每一位开发人员共同参与。首先个人谈一下什么是初链,我们可以...

2018-10-11 14:59:19 210

原创 Endnote常见错误

Endnote作为常用的文献管理工具,对于我们初学者来说,难免会遇到很多问题,首先最常见的就是服务器无法运行的错误,解决方案首先用管理员的身份运行程序,如果依旧无法使用,可能是你用的破解的启动程序,试用版的一般不会,你可以采用试用版再次以管理员的身份进行启动程序。第二在引用文献的时候,我们想用【1】这种形式,而我们使用过程中发现{作者,年份#1}类似这种形式,而且引用的文献也没有显示出来,解决...

2018-10-03 19:02:06 14768

原创 关于bower在cmd下可以正常使用,git bash命令下无法使用的解决方案

bower作为前端包资源管理工具,给我们项目带来很大方便,个人认为这个工具如同后台的maven,但是作为新人,在安装过程中出现了很多问题,首先我是在cmd中使用命令进行安装的,值得注意的是,bower的使用必须首先要安装nodejs,然后配置环境变量。接下来我在cmd窗口中使用npm -v命令发现已正确安装,接下来使用命令npm install bower -g 对bower工具进行安装,安装过程...

2018-09-28 16:11:19 785

空空如也

空空如也

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

TA关注的人

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