- 博客(82)
- 收藏
- 关注
原创 element-plus树形数据与懒加载 点击下拉图标旁边的文字展开树形结构
【代码】element-plus树形数据与懒加载 点击下拉图标旁边的文字展开树形结构。
2024-04-15 16:46:56 72
原创 element-plus table 表格空数据时横向滚动条不触发问题
看看你的表格上是否有 estimated-row-height 这个属性。有这个属性 table 行高发生变化了 无数据时滚动条就不显示。
2024-03-06 15:46:19 452
转载 element-plus 树形数据点击某一个单元格展开数据
官网中表格通过点击红框中箭头来决定数据是否展开,由于红框太小,不易于操作,为此,以下将介绍如何通过点击日期属性列中的数据来决定子节点数据是否展开。在table标签中添加
2024-03-06 15:35:17 111
原创 vue3+element-plus内容过多时使用省略号显示,鼠标移入时 tooltip显示所有内容
vue3+element-plus内容过多时使用省略号显示,鼠标移入时 tooltip显示所有内容。超过三行用省略号显示,鼠标移入显示内容。
2024-01-03 16:22:24 861
原创 three.js实战模拟VR全景视图
里面有很多免费的资源,可以直接下载,每个资源里面都提供6个不同方位的图片,我们通过threejs稍微处理一下,就能实现以下3D效果的场景了。// 创建动画刷新机制 请求再次执行渲染函数render,渲染下一帧。// 创建轨道控制器,使鼠标前后左右上下方位移动。// 创建一个能看场景的相机。// 设置要渲染的场景大小。// 在页面元素上画出元素。// 给场景设置纹理贴图。// 把相机添加到场景中。// 设置相机看的方向。// 最后一步渲染场景。// 设置相机的位置。
2023-12-21 10:22:36 1161
原创 jq 数组去重返回剩下的数据
filter() 方法用于把Array中的某些元素过滤掉,然后返回剩下的未被过滤掉的元素。filter()创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。(1)filter() 不会对空数组进行检测;(2)filter() 不会改变原始数组。
2023-08-24 11:39:02 89
原创 jq 删除数组 findIndex
当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置,之后的值不会再调用执行函数。findIndex() 方法返回传入一个测试条件(函数)符合条件的数组第一个元素位置。如果没有符合条件的元素返回 -1。
2023-08-24 11:32:23 177
原创 vue3+element-plus实现日历组件农历显示且带列表数据
https://gitee.com/mirrors/calendar-js.git 这个js可以去下载,里面涉及的有点多。日历表头转换为周开头如下。
2023-07-07 10:28:57 3993 3
原创 table 设置每列等宽table-layout: fixed;后 td设置宽度无效
table 设置table-layout:fixed; td 宽度失效
2022-08-24 14:11:50 782
原创 npm安装依赖报错npm ERR code ENOTFOUND npm ERR errno ENOTFOUND
npm安装依赖报错今天在学习webpack的时候,在使用npm install的时候,报出以下错误当时以为是npm的配置出问题了,因为npm太久没使用,找了好多方法终于找到了,哭泣。。。。解决方法:1、执行:npm config get proxynpm config get https-proxy如果返回值不为null,继续执行:(要确保两个返回值都是null才可以,否则就要执行下面的代码)npm config set proxy nullnpm config set https-p
2022-05-26 16:41:20 3110
原创 仿地图上拉下滑抽屉盒
展开里面的内容可进行滚动,当里面的内容共滚动到顶部时进行收缩。项目目前较紧急,还有很多地方需要完善,暂时记录下。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title></title&g.
2022-05-17 14:41:27 240
原创 css3 animation 动画从下往上显示,从上往下隐藏
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"> <title></title> <style> .
2022-05-16 15:00:41 4284
原创 Google浏览器记住密码,自动填充后去除背景色,input内容填入样式变黑问题
google浏览器记住密码之后,账号密码框自动填充到input当中,输入框的背景色为白色,color为黑色,目标是去除这些自动填充之后的默认样式。 input:-webkit-autofill { -webkit-text-fill-color: #ededed !important; -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; background-color:tra
2022-03-30 09:33:51 1039
原创 HTML 识别 json数组中string 里的 \t\n 并成功换行
只要在结果所在的 div 的 css 设置:white-space: pre-line;然后页面就能成功识别 \t\n 并整齐的显示结果了。
2022-03-11 11:25:22 1128
原创 css3 2种画图标识效果
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> /* 标识 1 */ .tips-block-group { position: relative; margin: 20px; border: 1px solid #eee; } .tips-blo.
2021-11-24 15:03:58 115
原创 单个标签向上逐个滚动效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=u.
2021-11-18 14:53:05 93
转载 转载:阮一峰的网络日志 —— Flex 布局教程:语法篇
网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。Flex 布局将成为未来布局的首选方案。本文介绍它的语法,下一篇文章给出常见布局的 Flex 写法。网
2021-11-09 14:33:00 878
原创 jquery.watermark.js 在网页中添加水印,打印时水印背景不见了,办法来了
如果不加下面的重点内容,打印预览的就没有水印,水印会被压在底下,当然可以手动选择背景,但是这样水印就没有意义了。**重点来了/* 谷歌浏览器 /-webkit-print-color-adjust: exact;print-color-adjust: exact;/ 火狐浏览器 */color-adjust: exact;**页面css@charset "utf-8";/* html { background: #fcfcfc;} */.data-table { prin.
2021-11-09 12:04:10 4574 3
原创 echarts 柱形图自动循环滚动
<!-- THIS EXAMPLE WAS DOWNLOADED FROM https://echarts.apache.org/examples/zh/editor.html?c=bar-gradient--><!DOCTYPE html><html style="height: 100%"> <head> <meta charset="utf-8"> </head> <b.
2021-10-21 09:50:35 3669 4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人