vxe-table 如何实现分组列头折叠列功能
实现 vxe-table 分组列头折叠列功能非常简单，只需改变列的 visible 就可以实现 https://vxetable.cn 通过修改列的 visible 属性来精确控制列的显示隐藏 <template> <div> <vxe-table border height="400" :data ...
二、HTML文档结构详解
目录2.1 html基础入门2.1.1 标签、元素与属性2.1.2 基础语法2.1.3 文档模式2.2 文档核心骨架2.2.1 DOCTYPE声明与作用2.2.2 <html>根元素与lang属性2.2.3 <head>头部2.2.4 <body>主体2.2.5 注释与代码可读性2.2 头部head ...
极速安装体验openClaw
OpenClaw 极速安装与全流程避坑指南：从零到完美运行 OpenClaw 凭借其强大的 AI 自动化能力最近非常火爆。但在 Windows 环境下安装，如果不注意细节，很容易在“第一步”就卡死。本文总结了一套从底层环境搭建到后台服务运行的极速流程，适合所有想体验 OpenClaw 的朋友。 ...
Vue 表单避坑：为什么 v-model 绑定对象属性会偷偷修改父组件数据？
写在开头 点赞 + 收藏 学会 场景引入 在 Vue 项目里，表单组件几乎无处不在。为了提高复用性，我们常常会把一堆输入框封装成一个“大表单组件”，然后通过 v-model 直接绑定一个对象给外部组件： <!-- App.vue --> <script setup> impo ...
uni-app使用瓦片实现离线地图的两种方案
写在开头 点赞 + 收藏 学会 最近接到一个安卓App的活儿，虽然功能上不算复杂，但因为原本没怎么做过安卓端，所以也是"摸着石头过河"。简单写一下踩过的坑和淌的水吧~ uni-app实现离线地图主要用 leafletjs 实现，但是因为在安卓端运行，存在渲染问题，所以还要用上 ...
探索JavaScript的秘密令牌：独一无二的`Symbol`数据类型
写在开头 点赞 + 收藏 学会 引言 在JavaScript的广阔世界中，数据类型构成了其最基础的语法元素。随着ES6的发布，这个大家庭迎来了两位新成员：BigInt和Symbol。如果说BigInt是为了解决大数运算的精度问题，那么Symbol的诞生，则像是一把为对象属性开 ...
Vue 3 组件通信的 4 种正确姿势
写在开头 点赞 + 收藏 学会 上个月，我们重构一个老项目，发现一个“祖传组件”： 父组件传 props 给子组件 子组件再传给孙子 孙子改了个状态，通过 $emit 一层层往上抛 中间任意一层改名，整条链就断了…… 同事苦笑：“这哪是组件通信，这是传话游戏。” 其实，Vue ...
【医疗项目实战】借助LightningChart Python，打造高性能医疗数据可视化应用
在现代医疗与健康管理场景中，临床监护与健康数据分析离不开直观、实时且高速的数据可视化能力。本篇文章将介绍如何利用 LightningChart Python 高性能图表库，实现一个面向患者多参数健康指标的实时监控与分析应用，为医疗数据可视化提供一套完整方案。 ...
打破同源枷锁：深入理解 postMessage 跨域通信机制
作为前端开发，你一定遇到过这样的场景：主站嵌入了第三方支付的 iframe，需要同步用户登录状态；或者通过 window.open 打开的子窗口，要向父页面传递操作结果。此时，浏览器的“同源策略”就像一道无形的墙，直接阻断了页面间的直接交互。而 postMessage 正是为打破这道枷锁而生的 HT ...
推荐node工具fnm下载到使用（用windows系统做的演示）
一、认识fnm 展开看介绍（给不熟悉fnm的小伙伴看的） fnm 是高性能 Node.js 版本管理器，支持 Windows、macOS、Linux； 比nvm启动更快、内存占用更低可一键安装/切换多版本 Node.js； 且能读取.nvmrc或.node-version文件实现项目目录自动切换版本 ...
[vue3入门]HTML Learn Data Day 7
学习真的是一件很累的事情，更何况有这么多杂七杂八的事情 唉唉，莎了我吧 原文章地址：https://www.cnblogs.com/Reisentyan/p/19656869 Vue3 构建 Vue3 每一次构建新项目时，都会从 npm 上拉取模板。 在 VS Code 中按： CTRL + ~ 打 ...
display: contents 详解
写在开头 点赞 + 收藏 学会 display: contents 是一个相对较新的 CSS 属性值，它会让元素自身不生成任何盒子，但它的子元素和伪元素仍然正常生成。简单说：元素本身从渲染树中消失，但它的孩子还在。 基本概念 工作原理 <div class="parent"> ...
一文读懂：CommonJS 和 ES Module 的本质区别
写在开头 点赞 + 收藏 学会 面试官：你能说说 CommonJS 和 ES Module 的区别吗？ 我：……（脑子里只剩下 require 和 import） 说实话，这个问题你一定见过，而且99% 的前端都背过标准答案。 但真要往深了问一句： 为什么 ESM 可以 Tr ...
数组转树与树转数组
写在开头 点赞 + 收藏 学会 扁平数组转树形结构 (Array To Tree) 核心痛点 处理“数组转树”最直观的思路是使用递归配合双重循环：遍历数组中的每一项，再次遍历数组寻找其子节点。 这种做法的时间复杂度为 O(n2)O(n2)当数据量 nn较小时（如几十条菜单）， ...
HTML5 自定义属性 data-*：别再把数据塞进 class 里了！
写在开头 点赞 + 收藏 学会 前言：由于“无处安放”而引发的混乱 在 HTML5 普及之前，前端开发者为了在 DOM 元素上绑定一些数据（比如用户 ID、商品价格、状态码），可谓是八仙过海，各显神通： 隐藏域流派：到处塞 <input type="hidden" value ...
vue 表格 vxe-table 实现复制单元格时自动带表头
vue 表格 vxe-table 实现复制单元格时自动带表头，由于业务需求需要实现用户复制单元格粘贴到 excel 时，不知道对应是哪一列，要求需要在粘贴时自动带上表头，可以通过自带的 isCopyHeader 来启用 https://vxetable.cn 通过 clip-config.isCop ...
如何使用 vue vxe-table 甘特图 vxe-gantt 渲染显示多行任务，预计完成日期和实际完成日期多条任务条，可以自定义任务条颜色，拖拽调整日期等
如何使用 vue vxe-table 甘特图 vxe-gantt 渲染显示多行任务，预计完成日期和实际完成日期多条任务条，可以自定义任务条颜色，拖拽调整日期等 https://gantt.vxeui.com 使用树结构渲染子任务和隐藏树节点按钮来实现一行拆分多条任务条，每条任务条还可以通过css变量 ...
自建Umami访问统计服务并通过分享链接进行博客公开统计
前言 我想展示umami数据，但是自托管的貌似没有api，经过探索发现可以通过分享链接拿到数据 我的blogblog.dorimu.cn-umami-share-stats 抓包分析 发现分析界面 https://charity.dorimu.cn/share/xxx 获取数据分两步： GET /a ...
从快照到时间序列：一次实时行情系统的结构演进与架构取舍
从快照到时间序列：一次实时行情系统的结构演进与架构取舍 在多数前端行情系统中，Ticker 快照接口足以支撑列表展示：最新价、涨跌幅、成交量定时刷新即可。 但当系统开始引入 K 线图表后，前端架构会发生一次实质性的结构变化。 这篇文章不讨论某个具体 API 如何调用，而是围绕一次真实的结构升级过程， ...
为什么 SVG 能在现代前端中胜出？
写在开头 点赞 + 收藏 学会 如果你关注前端图标的发展，会发现一个现象： 过去前端图标主要有三种方案： PNG 小图（配合雪碧图） Iconfont SVG 到了今天，大部分中大型项目都把图标系统全面迁移到 SVG。 无论 React/Vue 项目、新框架（Next/Rem ...