刷新
使用 nuxi info 查看 Nuxt 项目详细信息

博主头像 title: 使用 nuxi info 查看 Nuxt 项目详细信息 date: 2024/9/5 updated: 2024/9/5 author: cmdragon excerpt: 摘要:文章介绍了nuxi info命令的使用方法,这是一个Nuxt.js命令行工具,用于查看当前或指定Nuxt项 ...

element-plus中的el-table组件tooltip显示错位

问题描述: element-plus组件库中的el-table组件有一个show-overflow-tooltip属性,设置为true时如果表格中数据过长就会显示一个浮动窗口就像这样 而有时这个小浮窗会有错位的问题 像是这样,会导致靠上的列浮窗直接越界不显示 问题原因 table 下的 toolti ...

前端使用xlsx模板导出表格

博主头像 前言 前端导出表格有很多种方案,但是表格样式一旦复杂了,那么就得用代码写excel的样式,还是比较麻烦的。每次样式不一样,就得重新写,这时使用表格模板的优势就体现出来了,想导出不同样式的表格直接修改表格模板即可。 方案 我找了两种方案: 1、使用xlsx-template,利用模板语法在xlsx中占 ...

牛逼!Vue3.5的useTemplateRef让ref操作DOM更加丝滑

博主头像 前言 vue3中想要访问DOM和子组件可以使用ref进行模版引用,但是这个ref有一些让人迷惑的地方。比如定义的ref变量到底是一个响应式数据还是DOM元素?还有template中ref属性的值明明是一个字符串,比如ref="inputEl",怎么就和script中同名的inputEl变量绑到一块了 ...

使用 nuxi generate 进行预渲染和部署

博主头像 title: 使用 nuxi generate 进行预渲染和部署 date: 2024/9/4 updated: 2024/9/4 author: cmdragon excerpt: 通过 nuxi generate 命令,你可以轻松地将 Nuxt 应用程序预渲染为静态 HTML 文件,并将其部署到 ...

堆排序

博主头像 定义 堆是一棵完全二叉树。分为大顶堆和小顶堆 大顶推:所有节点都大于等于它的两个子节点 小顶堆:所有节点都小于等于它的两个子节点 伪代码 推排序步骤,以升序排列为例,用大顶堆。(降序排列,用小顶堆) 构建大顶推 把堆顶元素和堆尾元素交换,此时堆尾元素是最大的,堆的大小减一 堆顶元素下沉到指定位置 重 ...

探索 Nuxt Devtools:功能全面指南

博主头像 title: 探索 Nuxt Devtools:功能全面指南 date: 2024/9/3 updated: 2024/9/3 author: cmdragon excerpt: 摘要:本文介绍了Nuxt Devtools的功能和使用方法,包括自动安装、手动安装和各项主要功能,如页面、组件、构建分析 ...

笔记 | Angular 实现 keep-alive (路由复用)

博主头像 Angular 的路由复用策略(RouteReuseStrategy)是一种用于优化路由跳转性能和提高用户体验的机制。通过实现RouteReuseStrategy接口,后可以自定义路由的复用行为,避免不必要的组件销毁和重建,同时保持组件的状态。 以下是对Angular路由复用策略的详细介绍: 一、基 ...

ECharts实现雷达图详解

博主头像 ECharts 是一款由百度开源的数据可视化工具,它提供了丰富的图表类型,如折线图、柱状图、饼图、散点图、雷达图、地图、K线图、热力图、仪表盘等,以及丰富的交互功能。ECharts 组件的核心功能实现原理主要包括以下几个方面: 数据驱动: ECharts 采用数据驱动的设计理念,图表的生成和更新都是 ...

【LaTex、markdown】常用语法写出漂亮的blog

博主头像 @目录markdown加粗斜体设置标题级别设置目录删除线无序列表有序列表分割线代办引用高亮标记字体颜色代码块图片链接表格公式表达行中公式独行公式LaTex初步文章骨干换行与换页figure(基本是图片)表格公式公式字体颜色左右居中figure引用文献引用 markdown 加粗 **加粗样式** 格 ...

jQuery入门(六)jQuery实现瀑布分页

博主头像 一、瀑布流分页案例分析 1.1) 功能分析: 鼠标下拉,加载分页数据(10条) ,如下图: 1.2) 如何确定当前显示的数据已经浏览完毕? 公式:(滚动条距底部的距离 + 滚动条上下滚动的距离 + 当前窗口的高度) >= 当前文档的高度 举例: - 当前文档高度:存储10条数据,100px。 - 滚 ...

使用 nuxi clean 命令清理 Nuxt 项目

博主头像 title: 使用 nuxi clean 命令清理 Nuxt 项目 date: 2024/9/1 updated: 2024/9/1 author: cmdragon excerpt: nuxi clean 命令是管理和维护 Nuxt 项目的重要工具,它帮助你快速清理生成的文件和缓存,确保开发环境的 ...

[js] 页面可见性API 监测用户切屏

博主头像 Page Visibility API 可帮助检测用户切换页面,适用于考试或网课系统。本文介绍了 visibilitychange 事件和 document.visibilityState 的状态,并提供了基本的防作弊实现方法,如定期检查页面可见性和监听视频播放状态。 ...

给Hexo博客安排上Github Action自动化部署

博主头像 我不是换hexo了吗,一直是使用Spck Editor写文章,每次写好文章都要push一次,非常麻烦,最近在群友那了解到有Github Action自动化部署,可以写好文章自动部署到github pages,而且github的编辑器也是非常好用的,写好提交就能自动发送,–怎么有点像SSR了–,于是我 ...

<1234···50>