weixin_43859458-CSDN博客

原创 monaco-editor去掉原本提示添加自定义提示

先去掉编辑器原本的提示monaco.languages.typescript.javascriptDefaults.setCompilerOptions({target:moncao.languages.typescript.ScriptTarget.ES6,allowNonTsExtensions:true,lib:[]})添加自己需要的提示声明文件monaco.languages.typescript.javascriptDefaults.addExtralib(声明文件内容的字符串)

2021-04-15 17:00:33 2453

原创 js获取html的内容包括css和图片

js获取html的内容包括css和图片 function handleImg(){ let imgArr=document.getElementsByTagName("img"); return Promise.all([...imgArr].map((item,index)=>{ return getImgSrc(item.src).then(data=>{ imgArr[index].src=data }) }

2020-09-23 17:55:17 448

原创 javascipt数组递归赋值返回新数组

当需要给一个数组的内层子元素赋予新值且索引是动态变化的，可以使用递归把索引一层层传递下去直到索引数组中没有值时再进行复制，然后一层层返回，最后返回这个数组更新后的值例如：function changeArr(data,indexArr,newVal){ let result=JSON.parse(JSON.stringify(data)); if(indexArr.length>0){ if(indexArr.length==1){ result[indexAr

2020-06-15 17:55:39 718

原创 vue项目自定义模式mode使用默认production模式的webpack配置(鱼目混珠版)

vue配置测试环境和正式环境，使用相同的webpack配置和不同的环境变量（瞒天过海）

2022-07-25 19:33:35 721 1

原创 vue的element--ui的tree组件分页加载

自己改造了一个element-ui的树形控件实现分页加载的功能github:github地址npm:npm地址有需求分页加载的可以使用，其他的没有必要用load函数内部resolve函数的第二个参数为总条数用于分页回调，如果不传第二个参数默认为第一个数据的数量为总条数，之后不会触发加载回调，在node中含有currenPage，此字段是根据加载回调的次数递增生成...

2022-06-15 10:54:23 964 1

原创 css设置元素宽度不生效

当某个元素设置宽度为百分比或者多少px时，设置的样式并没有生效，但是显示启用状态，那么需要设置此元素的父元素overflow:hidden,当然仅供参考

2022-05-16 15:26:37 3058

原创 swiper在使用时初始化完成后没有激活项（slide没有设置active）

此时需要设置observer和observeParents为true去解决！

2021-12-21 17:55:13 603

原创 2021-06-08

jsx/tsx中使用插槽和keepAlive作用域插槽需要return出去一个东西不然就是undefined如图：如果我不return出这个组件就会声明页不渲染

2021-06-08 10:33:47 61

原创 vue组件报错超出最大堆栈Maximum stack exceeded

情况1：组件内容的递归函数没有结束条件情况2：路由拦截出错情况3：vue组件的name属性如果没有显示指定则为组件的名称，也会造成递归死循环，例如（组件名称为form，name属性没有指定,引入的子组件为Form，这样也会造成栈溢出）...

2021-03-31 16:35:19 4136

原创 Vue received a Component which was made a reactive object.this can lead to unnecessary performance o

当使用内置组件compoent时is传入组件需要把引入的组件对象使用markRaw函数修改为不响应的原始值

2021-03-24 11:03:53 7031 2

原创使用require请求路径为变量时

当使用require去请求资源时，如果路径为变量则需要使用反引号去拼接（此处拼接必须包含字符串才可以成功），不能直接使用变量，需要变量和一个非空字符串用反引号拼接let url="www.baidu"let result=require(`${url}.com`)//这是正确的//错误示例//require(`${url}`)//require(`${url}`+'')//require(url)...

2021-03-23 15:58:08 3919 3

原创 vue实现iframe

vue中如何实现类似iframe引入自己项目的页面首先把路由组件定义的routes引入，然后才可以完成，懒得写代码了，只能拍照了！!]

2021-01-22 18:02:03 791

原创 ANOMALY: meaningless REX prefix used

这个是系统更新然后命令行爆出的错误：ANOMALY: meaningless REX prefix used解决办法：将电脑上的加密的安全软件卸载了重新安装就好了

2021-01-22 17:53:23 10653 1

原创 js获取字符串所占宽度

我是使用canvas和检测字符两种方式，原因是我们有邮件系统java浏览器插件不支持canvas，这里只是介绍一下如何用canvas来获取字符串的宽度 let con=document.createElement("canvas").getContext("2d"); con.font="bold 16px -apple-system";//自己需要的字体什么的 //生成宽度查询函数 let strlen=(str)=>{

2020-11-24 17:49:11 2348

原创 element-ui的表格实现无限滚动效果

自定义指令 directives: { tableInfiniteScroll: { bind(el, binding) { let tbody = el.querySelector(".el-table__body-wrapper"); el.tableInfiniteScrollFn = function () { if (this.scrollHeight - this.scrollTop - this.client == 0)

2020-11-24 17:40:36 4029

原创 vscode配置golang的扩展提示报错

vscode配置golang的扩展提示报错可能是把 GO111MODULE设置为on了，改为auto我的好了go env -w GO111MODULE=auto

2020-10-29 21:21:53 742

原创 VueRouter动态获取目录名设置base字段

let pn=location.pathname.split("");let index=[];pn.forEach((item,ind)=>{ if(item== "/"){ index.push(ind) }})if(index.length==1){ return "/"}else{ return pn.slice(0,index[1]+1).join("");}

2020-09-25 10:42:39 1812

原创 js把数组转成树形结构的对象

js把数组转成树形结构的对象"use strict";let industry_list = [ { "parent_ind" : "女装", "name" : "连衣裙" }, { "name": "女装" }, { "parent_ind" : "女装", "name" : "半身裙" }, { "parent_ind" : "女装", "name

2020-05-29 22:09:44 1476

原创 flex布局让两个div等高并且内容垂直居中

flex布局让两个div等高并且内容垂直居中<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>

2020-05-25 22:57:52 3083

原创 vue渲染缓慢我遇到的情况解决

情况说明：我自己把elementui的form组件重新封装了，里面加了很多类型，比如表格，代码编辑器等等，当我的表格中有许多其他form组件，如：input框，下拉框等，页面的渲染速度很慢我的解决办法：当渲染表格的时候添加一个编辑按钮，渲染时渲染成文本，需要编辑时点编辑按钮再渲染成form组件...

2020-03-25 09:51:28 4660 1

原创 vue中iframe高度自适应-指令

vue中iframe高度自适应```javascript<template> <div class="home"> <iframe src="" :height="iframeH" width="100%" frameborder="0" v-resize="res"></iframe> </div></te...

2020-03-25 09:44:14 1900 4

weixin_43859458的博客