vue对接海康摄像头-H5player
写在开头 点赞 + 收藏 学会 1.在public中放入js 视口大小 init() { // 设置播放容器的宽高并监听窗口大小变化 window.addEventListener("resize", () => { this.player.JS_Resize(); }); ...
我在微信小程序里手搓人脸识别功能，结果被“右转头”和“手遮脸”教育了
写在开头 点赞 + 收藏 学会 最近在小程序里做了一套人脸检测拍照引导，目标很明确：用户进入相机后，必须满足“正脸、距离合适、居中、无遮挡”之后，才能拍照进入后续测肤流程。 一开始以为只是调个相机组件，后来发现真正麻烦的是：微信小程序给你的不是完整原生相机能力，而是一套沙盒里 ...
Vue3 大屏适配组件（Scale / Rem 双方案一键切换）
写在开头 点赞 + 收藏 学会 一键切换「整体 Scale 缩放」「Rem 等分适配」 窗口自动监听 resize 适配设计稿 1920*1080 Vue3 全局直接引入用 一、新建组件 ScreenAdapter.vue <template> <div class="scr ...
vue甘特图实现一行显示多个子任务
在项目管理中，我们经常需要将一组子任务聚合到父级任务行中展示，以便直观地看到整个任务组的完整时间跨度。vxe-gantt 通过 子任务视图（Subview） 机制，可以将任意层级的子任务渲染到父级任务行内，实现“一行显示多个子任务”的效果。本文介绍两种方案：单进度条（聚合展示）和双进度条（计划 vs ...
vxe-table 渲染器教程一：实现金额输入控件
在开发后台管理系统时，表格中的金额字段往往需要特殊的展示和编辑方式，例如右对齐、保留两位小数、带货币符号前缀等。vxe-table 的自定义渲染器（Renderer） 机制，允许我们将任何 Vue 组件嵌入到表格单元格中，实现高度定制化的交互体验。 一、什么是渲染器？ 渲染器是 vxe-table ...
你点的“刷新”是假刷新？前端路由的瞒天过海术
写在开头 点赞 + 收藏 学会 为什么单页应用切换页面时，浏览器没有真正刷新？地址栏变了，页面却没白一下？今天我们来拆穿前端路由的“魔术”——它根本没去服务器要新页面，而是自己偷偷换了内容。看完这篇，你也能实现一个自己的前端路由。 前言 你有没有注意过，现在很多网站（比如知乎 ...
vxe-table 导出自定义插槽模板内容
在实际业务中，表格列经常需要使用插槽（Slot）来自定义渲染复杂内容，例如多行信息、图标、按钮等。然而，vxe-table 的默认导出功能只能导出单元格的原始数据（即 field 绑定的字段值），无法识别插槽中的 HTML 结构。为了解决这个问题，vxe-table 提供了 export-metho ...
20K+ Star 开源神器！一款可自托管的书签管理工具！
karakeep —— 一款可自托管的书签应用（支持链接、笔记和图片），具备基于人工智能的自动标签功能和全文搜索功能。 ...
盘点几款前端VUE低代码平台，看看有没有用得上的
低代码开发在经历了前几年的概念炒作后，如今已进入“落地检验期”。各家平台都在拼命堆功能、拼场景，但真正用起来，你会发现很多产品要么太“玩具”只适合做原型，要么太“重型”离开原厂支持就玩不转。作为一位在信息化部门摸爬滚打多年的技术选型负责人，我最近半年密集调研了市面上主流的一众低代码平台，上手实测后心 ...
盘点到头秃？看看别人家的行政/IT是如何用“扫码”搞定上千台设备的
针对传统固定资产盘点“对账难、效率低”的痛点，本文结合 CIYO 资产系统，深度拆解从底账梳理、任务新建、移动端扫码到进度掌控、异常核销的 5 大标准化盘点步骤，帮助企业构建数字化对账闭环，实现轻松高效的“账实合一”。 ...
Threejs实现 3D 看房效果
写在开头 点赞 + 收藏 学会 要实现一个 3D 看房效果，可以使用 Three.js 创建一个虚拟的 3D 场景，并通过加载全景图片或 3D 模型来模拟房间的外观。以下是一个完整的实现方案，结合代码逐步讲解如何实现这一功能。 实现步骤 创建基础场景和相机 使用 Three. ...
无服务器oj部署
这是一个由cloudflare workers实现前后端，github actions提供评测的0成本OJ系统。（其实需要一个域名） demo地址 项目地址 部署 你需要什么 1.一个cloudflare账号 2.一个github（注册教程自行搜寻） 3.本地电脑nodejs环境（可以使用中文镜像站 ...
vue表格 vxe-table 实现商品分组列头与数据的类别合并
在商品管理、订单报表等业务场景中，我们常常需要展示多层级分类（如一级分类 → 二级分类 → 三级分类），并希望将相同分类的数据行纵向合并，让表格结构更清晰、数据层级一目了然。vxe-table 提供了灵活的列头分组（children）和单元格合并（mergeCells）机制，可以轻松实现这一效果。 ...
vue 甘特图 vxe-gantt 设置视图每周的起始天
在实际项目管理中，不同团队或地区对“一周的开始”有不同的习惯——国内通常以周一为起始，而部分欧美国家以周日为起始。vxe-gantt 通过 scales 中 week 类型的 startDay 参数，允许你灵活自定义每周的起始天，让甘特图的时间轴更贴合业务习惯。 核心配置：startDay 参数 在 ...
vue 甘特图 vxe-gantt 小时视图设置日期轴每间隔 3 个小时
当任务时间跨度集中在数小时甚至分钟级别时，默认的时间轴粒度可能无法清晰展示任务细节。vxe-gantt 的小时视图（hour）结合 step 参数，可以灵活控制时间轴的显示密度，让短期任务的进度展示更紧凑、更直观。 核心配置 通过 taskViewConfig.scales 配置时间轴层级，将底层单 ...
vue 甘特图 vxe-gantt 实现日期轴跨度间隔，让时间轴密度更合理
在甘特图的实际应用中，任务数据的时间跨度往往差异很大——有些任务跨数月，有些仅数天。默认的时间轴可能会因为单元格过密（如逐日显示）导致视觉拥挤，或过疏（如逐月显示）导致细节丢失。vxe-gantt 通过 scales 配置项中的 step 属性，允许你自定义日期轴的单位跨度，从而灵活控制时间轴的显示 ...
纯前端生成海报下载方案
写在开头 点赞 + 收藏 学会 Vue 实战：纯前端生成带中心 Logo 二维码的分享海报 在日常的 Web 业务中，经常会遇到“点击分享，生成一张包含用户信息、业务数据以及专属二维码的海报图”的需求。为了节省服务端资源，我们通常会采用纯前端的方案来完成海报的绘制与下载。 本 ...
`Array(100).map(() => 1)` 为什么全为空？
写在开头 点赞 + 收藏 学会 问题场景 群里有位同学在刷 LeetCode，想初始化一个长度为 100 的全 1 数组： const arr = Array(100).map(() => 1) console.log(arr.length) // 100 console.l ...
