自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前端本地搭建gninx环境

【代码】前端本地搭建gninx环境。

2024-04-10 10:58:04 295 1

原创 qiankun 主子应用使用同一地址同一端口配置

Unceugnt Error: application "xxxx' died in status LOADING_SOURCE_CODE: [qiankun]: You need to export lifecycle functionsin xxxx entry

2024-04-10 10:49:42 409

原创 elementUI组件库样式修改整理

element-ui样式修改

2024-03-20 16:01:34 623

原创 node运行 js报错 SyntaxError: Cannot use import statement outside a module

2、在根目录下创建 .babelrc文件。使用import的js文件就需要改成以下命令。3、nodejs正常运行命令。

2024-01-12 14:55:56 638

原创 node-sass离线安装

执行结果https://github.com/sass/node-sass/releasespath 路径指向拷贝的具体位置,win盘要带上盘符,比如:“D:\tools\win32-x64-72_binding.node”五、node_moudules\node-sass中看看有没有,vendor文件夹,没有就新建一个,目录参考:vendor\win32-x64-72,最后把下载的node-sass离线包复制一份进来

2023-10-24 13:39:45 820

原创 Vue动态组件 component :is的使用

Vue动态组件 component :is的使用。

2023-10-12 10:42:46 1453

原创 vue el-upload 以formData传递二进制文件

el-upload 以formData传递二进制文件

2023-10-11 09:27:17 1042

原创 vue mixins的使用

【代码】vue mixins的使用。

2023-07-24 15:35:45 340

原创 代码写法优化,async/await try/catch/finally

async/await try/catch/finally 代码优化

2023-07-22 11:50:41 409

原创 vue动态缓存,keep-alive,vuex

keep-alive

2023-06-07 13:30:01 344

原创 el-form, 时间选择器,不管选择什么时间范围,值一直是当月一号

修改前修改后。

2023-04-11 13:59:52 227 1

原创 前端导入导出json文件

前端导入导出

2023-03-01 14:27:27 278

原创 前端复制文字

【代码】前端复制文字。

2023-02-10 14:55:32 184

原创 前端下载文件流

【代码】前端下载文件流。

2023-02-10 09:59:04 186

原创 vuepress引入依赖、md文件中调用自定义组件

vuepress引入依赖、md文件中调用自定义组件

2023-01-13 13:40:26 1385

原创 饼图自定义formatter、及默认选中

echarts 自定义formatter

2023-01-05 16:43:52 938

原创 vue组件库搭建报错问题(vue-loader报错、gulp打包css报错,包含组件库打包文件webpack及gulp)

vue-loader、webpackgulp

2022-12-19 11:44:13 1063

原创 发布组件库到npm

发布组件到npm

2022-12-19 11:41:29 111

原创 git命令:git 修改commit信息、远程仓库覆盖本地

git命令

2022-11-16 14:38:51 463

原创 element-UI 表格列表的单选及全选,及分页跨页多选

分页表格数据选择,跨页多选

2022-10-28 14:10:28 3962

原创 树形结构查找某一节点的对应字段

【代码】树形结构查找某一节点的对应字段。

2022-10-12 10:07:28 1120

原创 js 常用日期计算(element-UI 日期计算)

日期计算

2022-10-08 17:52:56 462

原创 tdesign-starter-cli 的安装及项目初始化

tdesign-starter-cli

2022-08-29 16:29:51 1112

原创 avue-crud 组件,form中实现树形下拉框联动输入框数据,省市区字典联动

avue-crud组件\字典联动

2022-08-25 14:56:01 3521 6

原创 avue 字典联动 cascader、cascaderItem

cascader:[‘city1’, ‘city2’] 发现只能联动city1。修改为 cascaderItem:[‘city1’,‘city2’]就可以了。

2022-08-24 18:31:39 1813 2

原创 uniapp使用微信小程序插件 miniprogram-thirdparty-plugin

在小程序平台需要先申请插件的使用uniapp中使用1、manifest. json文件打开源码视图在" mp-weixin"模块下添加引用/*小程序特有相关*/"mp-weixin":{ "plugins": { "miniprogram-thirdparty-plugin": { "version": "0.1.2", "provider": "wxb8b928431b8c56d8" } }}2、使用方式和官网一样在uniapp中记得添加条件

2022-06-15 16:01:52 2427 3

原创 element-ui cascader级联下拉框有值,form检验为空

问题现象:级联下拉框选择显示正常 ,但是一直检验为空,填写其他的输入框值之后又可以正常检验通过, props 和model以及rules都检查过了都没问题原因:暂未查明解决方法:在change事件中判断一下当前选中值,有的话给form赋值,没有的话赋个空值,具体也不太清楚原因,反正这么弄就好了😂// change事件// this.$set(表单值也就是model,对应项的名称,值)// 比如下图代码给this.formData.name1赋值changeF(params){ if(pa

2022-06-09 15:21:14 834

原创 国密算法微信小程序引入报错,Error: module “xxx/xxx/src/sm2/jsbn.js“ is not defined

尝试过多种方式之后发现最简单的处理方式1、手动安装个jsbnnpm install --save jsbn2、然后将jsbn文件夹中的index.js 改名为jsbn.js,放到sm2文件夹中3、修改sm2的index.js将引入地址指向这个文件就好了const {BigInteger} = require('./jsbn')4、运行OK奇怪的是,不知道为啥uniapp项目中引用在打包成小程序就不会出现这个问题,可能是因为编译了吧,uniapp还是比较强大的...

2022-05-31 11:02:05 1355 4

原创 uni.navigateTo 跳转至外部链接

使用的东西:跳转方法,url写相对地址:uni.navigateTo({url:'../test'})承载外部链接:<web-view :src="url" :progress="false"></web-view>参数过长会有问题,需要编码解码操作encodeURIComponent/decodeURIComponent代码示例index.vue文件中写了个按钮,methods中定义方法跳转<template> <button @click="

2022-05-24 17:02:35 1928

原创 vue子组件下拉框的值动态更新

数据已经修改了,下拉框的值还是空的监听数据变化,进行强制重新渲染就好了watch:{ handler(val){ this.dataList = deepClone(val) this.$forceUpdate() }, deep:true, immediate: true}

2022-04-19 11:04:42 1099

原创 记录一次vue报内存溢出的错,RangeError: Maximum call stack size exceeded at Function.isArray (‹anonymous>)

RangeError: Maximum call stack size exceededat Function.isArray (‹anonymous>)问题场景:父组件中computed定义了一个对象,以属性形式传递给子组件,对象内部使用了data里面的值,是动态改变的。当改变data里面的值的时候,就会报内存溢出,页面卡死。问题最终定位:子组件中使用props接收到父组件的值,使用了map循环,改变了父组件传过来的值,导致的内存溢出。解决方法:使用之前先对父组件传递过来的值进行深拷贝神奇

2022-04-19 09:22:38 1009

原创 vue路由,父子路由跳转,父页面隐藏

1. 路由配置子路由的path不要加/showfater用于显示隐藏父路由内容{ path:"/index", component:Index, name:"index", children:[ path:"child", component: Child, name:"child", meta:{ showfater: false } ], meta:{ showfater: true }}2. 父

2022-03-29 14:56:04 5245 3

原创 vue项目,使用qrcodejs2生成二维码

以下代码实现点击的时候通过传递URL来生成二维码,url可以是图片,文字,连接地址等如果是一次性生成,在mounted中调用即可如果是弹框类型,每次打开需要根据不同url重新生成的,需要在关闭弹框的时候先删除上一个二维码下载命令:npm i qrcodejs2 -S代码示例:// DOM<div id="expCode" ref="expCodeRef"></div>// 引入import QRCODE from "qrcodejs2"// ..

2022-03-22 14:41:05 3569 5

原创 客户端获取cookie中的某个字段,值为null

需要后端代码排查http-only,为true时客户端无法获取,为false时客户端,可通过document. cookie方式获取

2022-03-20 15:52:08 1385

原创 uniapp打包成h5页面

1、manifest.json中修改h5配置,运行的基础路径设置为 ./ 表示相对路径2、hbuilderx上方按钮,点击发行,选择“网站-pc web 或手机h5”,按流程操作,打包后的h5目录会显示在控制台中3、uniapp项目必须经过发行打包才可以部署在Nginx上4、客户端获取cookie的某个字段为null,需要后台排查http-only,为true时客户端无法获取,为false时客户端,可通过document. cookie方式获取...

2022-03-20 15:49:20 6743

原创 冒泡和默认事件的简单应用

1、冒泡阻止冒泡 e.stopPagation也可以用于事件委托,比如点击点击li弹出对应值,当li数量多的时候,就可以使用事件委托111let obj=document.getElementById(“demo”)obj.addEventListener(“click”, function(e){let e = e || window. eventif( e. target. nodeName. toLowercase() == “li”){alert( e.target.innerH

2021-12-14 15:30:07 798

原创 开发中三种编码方式的区别

escape unescape除ascll a-z0-9之外的内容进行编码encodeURI decodeURI用的最多只编码中文encodeURIComponent decodeURIComponent都编

2021-12-07 14:18:36 115

原创 关于vue slot,使用,传值,刷新等

1、子组件留插槽我是子组件,下面是留的插槽## 2、父组件填内容 这里的写的都是slot的内容 我是slot内容具名的slot,加上name即可我是填有名字的slot3、插槽传值子组件传值,属性形式传递row父组件接收通过props,获取对应的值{{props.row}}4、父组件刷新子组件4.1、父组件调用的时候给传递个属性值,比如timer需要刷新的时候,就改变timer的值,可使用时间戳timer= new Date().getT

2021-11-23 10:44:38 3166

原创 js 装箱、拆箱概念

1、概念装箱:把基本数据类型转化为对应的引用数据类型的操作var num = 123 // number类型var objNum = new Number(123) // object类型,就称为装箱console.log(typeof objNum) // object拆箱:将引用类型对象转换为对应的值类型对象使用 valueOf方法var objNum = new Number(123)console.log(type objNum.valueOf()) // number

2021-11-14 17:16:27 501

原创 开发中for循环的优化

1、减少运算for(var i=1;i<arr.length; i++)以上写法需要多次运算arr.length,它是一个变量,我们可以存起来for(var i=1,len=arr.length; i<len;i++)2、算法问题1 :1+2+3+3+…+100的值循环是很耗费性能的根据数据规律,(1+100)*100/2 也可算出即 (startNum + endNum)* endNum/2问题2:[1,6,9,2,8]返回 num1+num2=8的两个值的

2021-11-13 10:09:39 400

空空如也

空空如也

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

TA关注的人

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