weixin_43746297的博客

原创 vue3 定时器-定义全局方法 vue+ts

$timer.setInterval(() => { // 需要定时循环的内容 // }, 时间);

原创 vue3 各种数据处理

findIndex()方法用于查找数组中满足条件的第一个元素的索引值。该方法会遍历数组，对每个元素执行回调函数，直到找到使回调函数返回true的元素，然后立即返回该元素的索引。如果遍历完整个数组都没有找到符合条件的元素，则返回-1。用途：想要通过id数组来取得数据源中对应数据。可直接获取指定值，或者获取其对象。用途：获取此数组中共有几个名字。

原创 vue3 导出excel

需求：导出自带格式的excel表格。1.自定义二维数组格式 导出。

原创 vue3 报错

问题1.v-model cannot be used on a prop, because local prop bindings are not writable.v-model改为:modelValue。

原创 vue3 element-plus+sortablejs 行拖拽

【代码】vue3 element-plus+sortablejs 行拖拽。

原创 vue3 组件传参

/ 暴露变量 defineExpose({ openDialogReceivingUni, });当父组件想要执行子组件方法的时候需要暴漏变量。子取值：props.checkedCities。

原创 vue3 element-plus el-time-picker控制只显示时 分，并且控制可选的开始结束时间

控制只显示时分秒 HH:mm:ss。控制只显示时分 HH:mm。

原创 vue3 当页面显示了 p/span/div 标签 想要转换成正常文字

vue3 使用 :deep(span) 其他方式也可以这里不做描述。返回值有标签出现时，使用v-html 解决。注意：转换后 样式不继承 需要 深度添加。解决：v-html 显示。

原创 vue3 div 点击右键旁边出现弹窗 可做编辑删除 新增操作

【代码】vue3 div 点击右键旁边出现弹窗 可做编辑删除 新增操作。

原创 mongodb 安装配置

解压包安装：https://pan.baidu.com/s/1Er56twK9UfxoExuCPlJjhg 提取码: 26aj。（修改端口号 :在cmd 中执行: mongod --dbpath 路径 --port 端口号。路径： C:\Program Files\MongoDB\Server\3.6\bin。mongod --config "mongodb.conf路径" --install。接下来在bin目录同级创建mongod.conf文件，这个文件一定要创建否则找不到会报错。

原创 vue3 onMounted 使用方法和注意事项

仅在组件首次挂载时触发，不会在更新阶段重复调用‌。中执行异步操作（如数据请求），确保组件已完全渲染。按代码顺序依次执行，支持定义多个钩子函数‌。中注册了事件监听或定时器，需在。

原创 vue3 dayis 动态获取指定日期

【代码】vue3 dayis 动态获取指定日期。

原创 element-plus 下拉框 去掉右侧下拉图标 可搜索 可新增

【代码】element-plus 下拉框 去掉右侧下拉图标 可搜索 可新增。

原创 vue3 数组嵌套多层进行搜索 取搜索的子集

问题：树形结构数据 想要根据搜索功能获取所搜到的子集数据。

原创 vue3 前端 分页 element-plus +vite

【代码】vue3 前端 分页 element-plus +vite。

原创 获取excel表格实际数据列数 / 所有列的列名

【代码】获取excel表格实际数据列数 / 所有列的列名。

原创 vue3+vite项目 使用xlsx-style-vite 导出自定义单元格/边框颜色/背景色

vue3+vite+typescript 前端导出自定义样式

原创 两个日期比较大小

1:取到两个日期分别命名为：dataStart 和 dataEndvar Start = 开始时间var End = 结束时间2:将取到的日期转化为数组形式展示var dataStartStr = Start.split('-');var dataEndStr = End.split('-');3:把数组转换成“中国标准时间”var dataStartTime = new date(dataStatrStr[0],dataStartStr[1]-1,dataStartStr..

原创 table鼠标经过修改样式

鼠标经过修改tr背景色<tr onmouseover="tdMOver(this)" onmouseout="tdMOut(this)">......</tr>...function tdMOver(obj) { $(obj)[0].style.background= '#89cfc8'}function tdMOut(obj) { $(obj)[0].style.background= '#ffffff'}鼠移入tr时修改tr下面 某个td的背景

原创 bootstrap-datepicker

//只选择年份$('.datepicker').datepicker({ format: 'yyyy', language: "zh-CN", autoclose:true, startView: 2, minViewMode: 2, maxViewMode: 2});//只选择月份 可选择年$('.datepicker').datepicker({ format: 'yyyy-mm', language: "zh-CN", autoclo..

原创 深拷贝和浅拷贝

浅拷贝：当B复制了A，修改A时B也跟着变化了深拷贝：当C复制了A，修改A时C没有变化function deepClone (obj) { let objClone = Array.isArray(obj) ? [] : {} if (obj && typeof obj === 'object') { for (key in obj) { if (obj.hasOwnProperty(key)) { // 判断 obj 是否是对象,如果是，递归复制

原创 webstorm 左侧栏显示 npm

找到package 文件，右键 选择 Show npm Scripts

原创 JQ 弹窗 父页面/子页面 传值 取值

父页面传值：<select name="aaaa" id="aaaa"><option value="a" selected>a</option><option value="b">b</option><option value="c">c</option></select>弹窗/子页面取值：//aaaa 父页面输入...

原创 Array() 方法

1.concat()let array1=[1,2,3,4]let array2=[5,6,7,8]console.log(array1.concat(array2)) //[1,2,3,4,5,6,7,8]2.fill()用一个固定值填充一个数组中从起始索引到终止索引内的全部元素。不包括终止索引。let array1=[1,2,3,4]console.log(array1.fill(8,1,3)) //[1,8,8,4]//array1.fill(固定值，开始...

原创 TypeScript接口 interface

interface IPerson { firstName:string, lastName:string, sayHi: ()=>string}var customer:IPerson = { firstName:"Tom", lastName:"Hanks", sayHi: ():string =>{return "Hi there"}}console.log(customer)var employee:IPerson = { firstName.

原创 强制结束端口号

1. netstat -ano |findstr "端口" /// LISTENING 88282. tasklist|findstr "8828"///java.exe 8828 RDP-Tcp#44 3 161,664 K3. taskkill /f /t /im java.exe

原创 Select下拉框onchange事件

οnchange="change(this.options[this.options.selectedIndex].value)"使用：<select name="action" οnchange="change(this.options[this.options.selectedIndex].value)"> <option value="a">a</option> <option value="b">b</opt.

原创 对象和数组相互转换

对象转换数组，数组两两拆分let data = { app1: '444', app2: '444', app3: '444', app4: '444', app5: '444', app6: '444', app7: '444', app8: '444', app9: '444', app10: '444' } function allPrpos() { let newdata = [] let newdatalength = [] fo.

原创 获取URL中参数值

使用正则表达式匹配functiongetQueryString(name) {varreg =newRegExp("(^|&)"+ name +"=([^&]*)(&|$)","i");varr = window.location.search.substr(1).match(reg);if(r !=null)returnunescape(r[2]);returnnull;}console.log(11,getQuer...

原创 TypeScript 函数

函数的使用：function f(){ //声明函数console.log(111);}f() //调用函数无参调用：有参调用：形参：出现在函数定义中，在整个函数体内都可以使用，离开该函数则不能使用。实参：出现在主调函数中。...

原创 TypeScript 数组

数组新建：let aaa:string[]=[]let eee:string[]=['aaa','bbb','ccc']let www:number[]=[111,22,333]let qqq:boolean[]=[true,false,true]console.log(aaa);console.log(eee);console.log(www);console.log(qqq);

原创 Typescript 条件语句

if...else...if(true){conlose.log('执行')}else{conlose.log('不执行')}//执行三元运算符 ...?..:..let aa=truelet bb=falseaa?'11':'22' //11bb?'11':'22' //22循环语句for (初始化语句:判断条件;计数器更新) {循环体...}例：for(let i:number=0;i<10;i...

原创 TypeScript 运算符

1.算术运算符算术运算符包含:加(+)、减(-)、乘(*)、除(1)。 算术运算符:进行算术运算时使用的符号,用于两个数值之间的计算。console.1oq(1 +2)//加 3console.log (2 -1)//减1console.log (2 *3)//乘6console.1og(4 /2)//除2注意: +号,不仅可以用于加法计算,还能实现字符串拼接。console. log('你是’+ '谁‘ )...

原创 TS 变量 数据类型

变量的声明声明变量并指定类型：例 let age:number;let是Ts的关键字,用来声明变量。age是程序员自己定义的变量名称。: numbex用来指定变量age为数值类型。注意分号是可选的,可省略。

原创 TypeScript 报错

安装 npm install -g ts-node 后执行 ts-node hello.ts报错：解决：npm install -D tslib @types/node重新执行：ts-node hello.ts

原创 TypeScript 入门

(注：开发工具 webstorm 运行代码工具 node.js typescript 基础知识用node.js来运行)安装 typescript 工具包 在编辑器终端执行命令：npm install -g typescript创建第一个 ts 文件在文件夹中创建code文件，选择编辑器打开此文件在编辑器中新建hello.ts文件在终端中执行 tsc hello.ts 会生成一个hello.js 文件node hello.js 运行...

原创 webstorm unversioned files 出现很多文件

原创 table 合并单元格

<!DOCTYPE html><!--<script type="text/javascript" src="../../js/common.js"></script>--><html><head> <meta charset="UTF-8"> <title></title></head><!--<body onload="autoRowSpa...

原创 react 报错

1.npm install --save @ant-design/icons2.修改："antd": "^3.26.14",运行 npm install,再运行npm start可解决

原创 react 安装 scss

第一步：安装 sass-loader node-sassnpm install node-sass@4.14.1 sass-loader如果报错：Error: Node Sass version 5.0.0 is incompatible with ^4.0.0.先删除sass： npm uninstall node-sass重新执行： npm install node-sass@4.14.1npminstall第二步：配置webpack.config.js文...