前端

input type file 文件选择框设置为多选,获取选择的多图

html <input ref="inputImgFile" type="file" multiple="true" accept=&quot...

前端 2024-04-15 浏览(31 作者( TeachingNote )

禅道如何查看自己已经解决过的bug

地盘(首页)—>仪表盘—>右下角我的贡献里边有个解决的Bug数

前端 2024-04-15 浏览(31 作者( TeachingNote )

怎么用js去更换验证码

html: <div style="display:none;text-align: center;margin-top: 20px;" id="captchaDiv&qu...

前端 2024-04-10 浏览(24 作者( TeachingNote )

vue3 element plus dialog 弹窗滚动条默认在顶部

<el-dialog v-model="DialogVisible" :destroy-on-close="true"> <el-table :...

前端 2024-04-02 浏览(83 作者( 忆点点 )

vue3 使用 nextTick

在Vue3中,nextTick的使用方式与Vue2有所不同。在Vue2中,我们通常使用this.$nextTick()来调用nextTick API,而...

前端 2024-04-02 浏览(88 作者( 忆点点 )

vue 运行dev与打包build错误digital envelope routines::unsupported

原因是:当 nodejs 升级到17+版本以后,开始支持 OpenSSL 3.0,而 OpenSSL 3.0 对各种摘要算法做了更严格的限制...

前端 2024-03-27 浏览(96 作者( 忆点点 )

颜色渐变,颜色搭配

[TOC]先看看一组echarts里边的颜色渐变搭配itemStyle: { normal: { colo...

前端 2024-03-18 浏览(143 作者( 只若初见 )

echarts饼图通过grid设置位置不生效。饼图设置位置

grid 记得是平面直角坐标系的意思,而仪表盘、饼图这种,是通过设置中心点位置的方式定位的。所以仪表盘、饼图这...

前端 2024-03-18 浏览(207 作者( 只若初见 )

echarts 图表颜色设置,饼图颜色渐变

[TOC]echarts 图表颜色设置在外层加一个color数组就行了 color:["#1890FF","#91CB74",&quo...

前端 2024-03-16 浏览(246 作者( TeachingNote )

uni-app中使用uCharts图表,微信小程序使用图表,饼图,柱状图,折线图等

官方文档:https://www.ucharts.cn/v2/#/guide/index 插件使用,可以直接导入uni-app项目中https://ext.dclou...

前端 2024-03-14 浏览(230 作者( 只若初见 )

js获取最近一周,最近两周,最近一月,最近三月等时间范围。 element ui 时间日期范围组件设置默认值

最近一周const end = new Date(); const start = new Date(); start.setTime(start.getTime() - 3600 * 1000 *...

前端 2024-03-14 浏览(226 作者( TeachingNote )

HTML 标题

HTML 标题HTML 标题(Heading)是通过<h1> - <h6> 标签来定义的。实例<h1>这是一个标题</h...

前端 2024-03-09 浏览(127 作者( 默认昵称 )

element ui table 表格获取 行号,列数

方法一:页面 <el-table-column prop="courseName" label="测试获取行号" align="...

前端 2024-03-05 浏览(304 作者( 小可爱 )

element ui 表单 表单元素在竖着布局的基础上横向布局横向显示,一行显示多个

效果如下主要是这一排的:(tip:截图里边右边没有对齐,应该是这里截图的时候调试后的造成的,实际情况是对齐的...

前端 2024-03-04 浏览(250 作者( TeachingNote )

vue 组件引入,组件引用

第一步引用组件绝对路径和相对路径都可以,下面是两种常用的引入方式 import SendStudentMessage from '@/v...

前端 2024-03-04 浏览(198 作者( TeachingNote )

uniapp文档在线浏览,pdf,excel,word等

示例代码uni.downloadFile({ url: 'https://example.com/somefile.pdf', success: function (res)...

前端 2024-01-24 浏览(771 作者( TeachingNote )

vue 循环,v-for

记录一下备忘 <view v-for="(item,index) in dataList" :key="index"> {{item....

前端 2024-01-17 浏览(394 作者( 忆点点 )

vue 菜单选中,菜单切换,直接浏览器输入地址菜单选中,路由切换的时候菜单选中,点击的时候菜单选中

页面<div id="usersubmenu" class="menuwapper"> <div class="menuitem&q...

前端 2024-01-11 浏览(414 作者( TeachingNote )

vue 绑定 拼接字符串

vue 绑定 拼接字符串方法1: <iframe ref="iframe" v-loading.fullscreen.lock="fullscreen...

前端 2024-01-02 浏览(460 作者( TeachingNote )

js产生0到100随机整数

可以使用JavaScript的Math.random()函数来生成0到1之间的随机小数。然后将这个小数乘以100并取整得到所需范围内...

前端 2023-12-20 浏览(540 作者( TeachingNote )

Vue 3入门介绍

一、Vue 3简介Vue.js是一个流行的JavaScript框架,用于构建用户界面。Vue 3是Vue.js的最新版本,它引入了许多新...

前端 2023-12-14 浏览(475 作者( TeachingNote )

js数组对象,数组集合。js集合数组找位置找下标。查找数组中某个对象的位置。数组根据下标删除

[TOC]手写 for 循环let arr = [{ name: 'jin', code: 1 }, { name: 'chang', ...

前端 2023-11-21 浏览(585 作者( TeachingNote )

vue3 显示本地asserts图片

[TOC]方法一,先import在使用vue3中这样显示 import chatHealth from '@/assets/chat-health.png' &lt...

前端 2023-11-13 浏览(822 作者( 小可爱 )

element plus el-date-picker 时间格式设置,时间范围的默认值,获取当周,当月等。设置默认值为上个星期的,上个月的,一个星期的,一个月的。后台接收时间范围参数

[TOC]vue3 下 element plus下的基础使用非常简单直接给那个v-model给默认值就行了: <el-date-picker v-mode...

前端 2023-10-08 浏览(1744 作者( 只若初见 )

vue3 子组件调用父组件方法

[TOC]带有setup()的组合API - context.emit父组件组件 <my-childe ref="RefChilde" @closePopup=...

前端 2023-09-20 浏览(2305 作者( 忆点点 )

uni-app实现图片预览

基本用法:在uniapp中,我们可以使用uni.previewImage()API对图片进行预览,具体使用方法如下: uni.previewIma...

前端 2023-09-18 浏览(1507 作者( 忆点点 )

reactTS项目配置@别名

在tsconfig.json中配置路径别名:打开项目根目录下的tsconfig.json文件。在compilerOptions字段下添加以下两个属...

前端 2023-09-18 浏览(980 作者( 人生若只如初见 )

js 设置cookie与域

代码如下: document.cookie="key=value;domain=.cqzuxia.com" 还可以设置path=/;expires=等

前端 2023-09-13 浏览(1041 作者( 忆点点 )

react 安装 create-react-app脚手架 搭建项目

安装脚手架 npm install -g create-react-app查看是否安装成功create-react-app -V创建项目create-react-app dem...

前端 2023-09-07 浏览(840 作者( 人生若只如初见 )

element plus与element ui 多选表格判断某行是否选中

element plus 多选表格判断每行是否选中@select="selectRow" const selectRow = (selection: any, ...

前端 2023-09-01 浏览(1753 作者( 小见 )

vue3+vite读取环境变量

在.env.development与.env.production中配置注意要使用VITE开头比如:VITE_IS_SHOW_MENU = true 读取: import...

前端 2023-08-24 浏览(1334 作者( 忆点点 )

vue3 ref转化成 HTMLElement。vue3通过ref获取dom节点

vue3其实是可以直接利用ref获取dom节点的,代码如下<template> <div class="app-container&q...

前端 2023-08-23 浏览(1580 作者( 只若初见 )

Element Plus 带提交内容的删除确认框

代码如下: ElMessageBox.prompt('是否确认删除数据,涉及到的数据将会被物理删除,如果确定,清输入:...

前端 2023-08-22 浏览(1255 作者( 只若初见 )

element plus 日期选择器 限制日期范围。限制只能选择当前月份之后的月份

element plus 日期选择器 可以用disabledDate来限制日期范围。例如限制只能选择当前月份以及之后的月份。 <...

前端 2023-08-21 浏览(1933 作者( 只若初见 )

element plus table 表格 获取选中的行

官网的表格文档就有,直接一个方法就搞定了,看官网表格的文档中的方法介绍就有了 使用getSelectionRows方法即...

前端 2023-08-21 浏览(2691 作者( 只若初见 )

ts 报错 xxx.value is possibly null

直接去 tsconfig.json 中把strictNullChecks配置修改为false即可 "strictNullChecks":false

前端 2023-08-21 浏览(1007 作者( 只若初见 )

vue 防止事件冒泡,阻止事件冒泡

代码如下: <div class="parent-name" @click.stop="clickname"></div>

前端 2023-08-21 浏览(845 作者( 只若初见 )

day.js 获取上月,当月,下月。day.js 获取年月日。获取一周、上周、本月、上月、本季度、上季度时间段。时间格式化

官网:https://dayjs.fenxianglu.cn/Element-plus中可以直接使用: import { dayjs } from 'element-plus&#...

前端 2023-08-21 浏览(3439 作者( 只若初见 )

element el-date-picker 选择器时间 传后台解析不一致问题

el-date-picker 选择时间之后 是一个ISO 8601 标准的UTC时间格式 在 .NET 中,DateTime 的默认行为是将时间解析...

前端 2023-08-21 浏览(1371 作者( 人生若只如初见 )

js 搜索,筛选。 find与filter方法,lamdba查询方法,类似.net中的where与FirstOrDefault方法

find()方法,用于找出第一个符合条件的数组成员,类似.net中FirstOrDefault方法。filter()方法使用指定的函数测试...

前端 2023-08-19 浏览(869 作者( 只若初见 )

vue3 简单的页面基础模板

代码如下,创建页面的时候方便复制 <template> <div class="app-container"> ...

前端 2023-08-19 浏览(1320 作者( 只若初见 )

type {} is missing the following properties......

注意一下ts中的类型检查,类型不确定时使用可以使用any,unknown等类型来处理,或者使用类型断言。 比如一个json...

前端 2023-08-19 浏览(1735 作者( 忆点点 )

vue3 ts 类型never 上不存在属性

这样解决就行了: const state = reactive({ taskList: [] as any[], // 如果是对象集合这样写 detail: n...

前端 2023-08-18 浏览(1904 作者( 忆点点 )

element ui el-tag 样式 , 其他颜色,紫色搭配

代码如下: <el-tag style="color:rgb(224, 101, 224);border-color: rgb(242, 209, 229);background-c...

前端 2023-08-15 浏览(1246 作者( 忆点点 )

vue3中父子组件传值,传参。vue3 defineProps 传参默认值。方法调用

1、父向子 在子组件上自定义一个属性,属性名随意 ,属性值是你要传的参数。 <template> <div clas...

前端 2023-08-05 浏览(1580 作者( 忆点点 )

npm install 怎么加版本 ,怎么接版本

比如下载5.0.0这样即可: npm install --save copy-webpack-plugin@5.0.0

前端 2023-08-02 浏览(1184 作者( 忆点点 )

element ui 日期控件 el-date-picker 宽度自适应,宽度100%

element ui的el-date-picker默认宽度不是100%,只在控件设置width=100%也不行,还要修改控件里边的样式,具体实现...

前端 2023-07-23 浏览(4465 作者( 小可爱 )

vue修改element ui card表头样式

直接给一个样式就可以了哇,不用深入组件内部去修改,比如这里给一个headerdeepcolor样式: <el-card class=...

前端 2023-07-22 浏览(2214 作者( 小可爱 )

vue3父组件调用子组件方法。vue3父子组件方法调用

vue3父组件调用子组件的方法是通过expose和ref来实现的,我们可以通过expose来控制父组件可以访问子组件那些的方...

前端 2023-07-22 浏览(1947 作者( 小可爱 )

Three js 着色器材质 shader

Three js 着色器材质 shader[TOC] 什么是 GLSL?GLSL 代表 openGL Shading Language,它是着色器程序的特定...

前端 2023-07-20 浏览(3486 作者( 尘叶心繁 )

最近天气

好句分享

在情感关系里沟通是最重要的,喜欢开心要告诉对方,讨厌生气也要让对方明白,这样双方才能把握好分寸让彼此都能轻松自在,所以爱绝不是只为满足自己的需求任性妄为,爱的基础是尊重,没有这个就只是打着爱的幌子相互伤害。因为有你满心欢喜,也因为有你满是遗憾。

技术交流