weixin_43746297的博客

原创 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文...

原创 react 首页

src新建目录 组件和页面 index.js更换初始页面 （可改可不改 ） index.js代码import './index.css';function Login() { return ( <div className="App"> <header className="App-header"> <p> Edit <code>src/App.js</code&gt...

原创 react 入门

Gitee 创建库：有gitee密钥跳过：1.如何生成ssh公钥你可以按如下命令来生成 sshkey:ssh-keygen -t rsa -C "xxxxx@xxxxx.com" # Generating public/private rsa key pair...# 三次回车即可生成 ssh key查看你的 public key，并把他添加到码云（Gitee.com） SSH key添加地址:https://gitee.com/profile/sshk..

原创 Angular入门

Gitee创建库：有gitee密钥跳过：1.如何生成ssh公钥你可以按如下命令来生成 sshkey:ssh-keygen -t rsa -C "xxxxx@xxxxx.com" # Generating public/private rsa key pair...# 三次回车即可生成 ssh key查看你的 public key，并把他添加到码云（Gitee.com） SSH key添加地址:https://gitee.com/profile/sshkeys)

原创 angular 目录结构分析

首层目录：node_modules 第三方依赖包存放目录e2e 端到端的测试目录 用来做自动测试的src 应用源代码目录 .angular-cli.json Angular命令行工具的配置文件。后期可能会去修改它，引一些其他的第三方的包 比如jquery等karma.conf.js karma是单元测试的执行器，karma.conf.js是karma的配置文件package...

原创 Vue table固定两头内容滚动中间内容

表格中间添加滚动条<template> <div class="breadContent"> <div class="breadcrumb"> <span class="crumbs" @click="$router.push('/materialControlManagement/content')">HOME</span> ＞ <span class="crumbs" @click="$ro...

原创 element 多表头table表

页面使用：<div class="my-table"> <my-table v-if="tableShow" :col="col" :data="data"></my-table></div>引入组件：import MyTable from "../../../../components/Table/MyTable";声明组件：export default { components: {MyTable}, dat..