前端

css实现开关组件效果,滑块组件效果。自己实现小程序滑块开关组件

[TOC]效果如下 切换的时候会有动态的效果 代码如下,纯HTML+CSS样式里边的注释都写得比较清晰了,需要自定义效...

前端 2024-06-05 浏览(92 作者( 剑轩 )

css开关按钮样式

代码如下,可以直接运行: <!DOCTYPE html> <html lang="en"> <head> &l...

前端 2024-06-05 浏览(123 作者( 风清月 )

uni-app 开发微信小程序显示图标

uni-app 开发微信小程序图标显示其实和直接显示图标其实是一样的,如下直接用一个image即可 <image :src=&quo...

前端 2024-06-01 浏览(121 作者( TeachingNote )

uni-app app,小程序 时间轴样式,时间轴效果。

虽然可以用一些时间轴组件比如,timeline,但是有时候还是自己写点样式定制性好一点,不需要像组件那么通用。[TO...

前端 2024-05-31 浏览(104 作者( 剑轩 )

ElementUI Table 动态表头,动态数据,动态列

表格显示的列不确定的时候就需要使用动态的方式,而不是预先绑定好。 [TOC]前端的实现数据源对于前端来说数据源...

前端 2024-05-13 浏览(473 作者( 剑轩 )

vue 实现全局配置

方法一1: 在静态资源里边加一个config.js 里边写一点配置,如: window.peizhi = { title: '过程管理平...

前端 2024-05-06 浏览(225 作者( 忆点点 )

vue3 ts 方法传参,any使用

1: dataListToAppend.forEach((element: any) => { state.tasksPlanList.push(element) }); 2: con...

前端 2024-04-29 浏览(271 作者( TeachingNote )

element plus tree 获取选中节点的父节点

通过 treeRef.value.getNode(data) 获取到当前节点的实例,随后通过 node.parent 获取到父节点。 代码如下: c...

前端 2024-04-28 浏览(440 作者( TeachingNote )

input type file 限制上传图片和视频。限制上传的类型,多文件上传等

input type file 限制上传图片和视频<input type="file" id="fileInput" multiple accep...

前端 2024-04-22 浏览(316 作者( 忆点点 )

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

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

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

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

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

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

怎么用js去更换验证码

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

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

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

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

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

vue3 使用 nextTick

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

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

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

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

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

颜色渐变,颜色搭配

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

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

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

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

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

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

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

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

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

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

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

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

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

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

HTML 标题

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

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

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

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

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

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

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

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

vue 组件引入,组件引用

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

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

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

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

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

vue 循环,v-for

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

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

vue启动报错Error: error:0308010C:digital envelope routines::unsupported

这个是因为node.js升级造成的问题,可以使用这样的方法解决 "scripts": { "serve": &...

前端 2024-01-15 浏览(184 作者( 剑轩 )

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

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

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

vue 绑定 拼接字符串

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

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

vue element 页面切换如何无刷新

使用keep-alive就行了 如果所有页面都保持页面缓存就直接在app.vue中设置中加上keep-alive就行了在app.vue中设...

前端 2023-12-21 浏览(221 作者( 剑轩 )

js产生0到100随机整数

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

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

Vue 3入门介绍

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

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

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

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

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

vue3 显示本地asserts图片

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

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

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

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

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

vue3 子组件调用父组件方法

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

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

uni-app实现图片预览

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

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

reactTS项目配置@别名

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

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

js 设置cookie与域

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

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

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

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

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

element plus 表格 table分页状态或者条件类型切换下实现勾选记录

实现这种切换的时候勾选的复选框状态保持,如果是分页其实实现思路也一样。 实现思路:有一个缓存,存储的是...

前端 2023-09-01 浏览(199 作者( 剑轩 )

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

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

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

vue3+vite读取环境变量

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

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

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

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

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

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

[TOC]Element Plus 带提交内容的删除确认框 ElMessageBox.prompt('是否确认删除数据,涉及到的数据将会被...

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

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

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

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

element plus table 表格 获取选中的行

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

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

ts 报错 xxx.value is possibly null

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

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

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

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

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

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

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

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

最近天气

好句分享

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

技术交流