前端开发
刷新
前端使用xlsx模板导出表格

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

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

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

堆排序

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

笔记 | 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。 - 滚 ...

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

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

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

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

[JS] ArrayBuffer、DataView和TypedArray

博主头像 本文介绍了 JavaScript 中 ArrayBuffer 和 TypedArray 的应用。ArrayBuffer 用于预分配内存，存储二进制数据，但需通过 DataView 或 TypedArray 视图来读写。TypedArray 是定型数组，用于高效处理特定数据类型。DataView 则提... ...

React 高德地图 进京证（二）

博主头像 上回书说到，躲开摄像头的基本功能实现了，但有三个核心问题： （1）速度慢 （2）距离远易失败 （3）地图限制 第一个问题：较为简单，把几千个摄像头按行政区划分好带上编号，在路线分段避让时按片儿计算，综合测试速度提升了50%。 //找到每段step途径的 let wayDistrictsCamera ...

JS脚本批量处理TS数据类型

博主头像 在TS开发中，经常会遇到后台数据字段比较多的情况，这时候需要一个个复制字段然后给他手动配置数据类型来完成我们的TS类型定义，相当麻烦。有什么快速的方法呢，我就目前遇到的两种情况分别写了JS脚本来处理后台数据，直接生成我们需要的数据格式。 脚本编写 1. 处理数据字典中的数据 一般数据字典表里的数据可 ...

Vite+Vue3 项目 华仔待办

博主头像 此“华仔”，不是彼“华仔”，你懂的！ 先来了个截图 紧跟着，实现步骤也来了 1. 安装 Node.js，终端运行 npm create vue@latest，项目名 vue-to-do，后面的选项全选 No； 2. cd vue-to-do 进入项目目录，npm install 安装依赖，npm r ...

从0到1：React项目中的Webpack配置实战

博主头像 公司项目一般都是使用集团封装好的脚手架，脚手架内部实现咱看不到也摸不着，好不容易组内推行新的UI框架，需要自行定义 webpack 配置，这可是个绝佳的好机会，我对配置过程进行了梳理，把商业项目的成熟配置小跑着送上。 初始化 首先新建一个空文件夹，执行 npm init 初始化生成 package. ...

[vue3] vue3 setup函数

博主头像 从语法上看，Composition API 提供了一个 setup 启动函数作为逻辑组织的入口，提供了响应式 API，提供了生命周期函数以及依赖注入的接口，通过调用函数来声明一个组件。 Options API 选项式 API 在 props、data、methods、computed 等选项中定义变 ...

<1···394041···50>