Web前端入门第 90 问：JavaScript 也能无中生有的创建音频
网页播放音乐这个常识应该都知道，毕竟百度 MP3 搜索可是风靡一时！ 但使用浏览器无中生有的创建音频，在 HTML5 规范落地之前可是一片空白。 AudioContext 的体量与 Canvas 差不了多少，一个针对图形图像，一个用于音频，两者结合起来就把 flash 给拉下了神坛~~ 本文源之于一 ...
vxe-table 实现根据单元格渲染的内容自动渲染成统计图、折线图、拼图等图表
vxe-table 实现根据单元格渲染的内容自动渲染成统计图、折线图、拼图等图表 效果 代码 <template> <div> <vxe-grid v-bind="gridOptions" @menu-click="menuClickEvent"> </vxe-grid> </div> </temp ...
JavaScript 中的 map、parseInt 与 NaN：一场关于类型转换与函数调用的深度解析
写在开头 点赞 + 收藏 学会 引言：一个看似简单的陷阱 在 JavaScript 的日常开发中，我们常常会遇到这样一段“经典”代码： console.log([1, 2, 3].map(parseInt)); // 输出：[1, NaN, NaN] 乍看之下，这段代码似乎应 ...
vxe-table 如何实现右键菜单异步权限控制
vxe-table 如何实现右键菜单异步权限控制，根据后端返回是数据结果来判断按钮选项是否禁用及是否显示。 使用 visibleMethod 在菜单显示时，可以精确到每一列每一行的显示隐藏与禁用控制，非常灵活，不过是同步还是异步都支持 查看官网：https://vxetable.cn gitbub： ...
Rachoon：基于 TypeScript 和 PostgreSQL 的自部署发票管理系统
Rachoon 是开源发票管理系统，支持发票生成、客户管理和付款跟踪。基于 TypeScript 和 PostgreSQL 开发，通过 Docker 快速部署。数据存储在自己服务器，适合自由职业者和小团队使用，无订阅费用。 ...
JavaScript性能优化：我从50ms降到5ms的7个关键技巧
写在开头 点赞 + 收藏 学会 引言 在现代Web开发中，性能优化是一个永恒的话题。随着前端应用的复杂度不断提升，JavaScript的执行效率直接影响用户体验。我曾面临一个关键功能的性能瓶颈——初始实现需要50ms完成的任务，通过一系列优化手段成功降至5ms。本文将分享这7 ...
精美的vue流程设计器
一、vue-dawn-flow介绍 vue-dawn-flow是一款功能强大的开源流程设计器，专为 Vue.js 生态打造，完美兼容 Vue 2 和 Vue 3 框架。并且能很好的兼容vue前端所有框架。 1.1插件功能 提供了一个可视化的流程设计器，你可以在设计器中拖拽组件，连接组件，设置组件属性 ...
精美的Vue可视化流程设计器
一、前言 该流程设计器（vue-dawn-flow）兼容任何vue前端框架，如element ui 、element plus 、Ant Design Vue、Naive UI等。 开箱即用，完全开源。 该流程设计器提供了api、属性、事件、方法等适用功能。 二、使用方式 选择1 npm i vu ...
20251107
每次写类的时候都会觉得发明面向对象的人真是个天才。 今天晚上又稍微写了点，增加了碰撞伤害，现在玩家碰到怪物会回扣怪物.at血量并进入一秒的无敌状态，并且自身颜色变为白色，也是第一次体会到异步的方便之处吧。 更新后代码如下： 1 <!DOCTYPE html> 2 <html lang="en"> 3 ...
前端工程化中Less第三方库中@Import的“~”和“@”用法
在前端工程化开发中经常会用到less第三方css库，其中@import指令中的~符号和@符号用于指定模块化路径，常见于Webpack等构建工具中。下面介绍使用方法： 路径解析规则： ~符号：表示模块请求，构建工具会将其解析为node_modules目录或配置的别名路径 。 @符号：通常指向项目源 ...
DHTMLX Gantt 9.1 的核心目标——在保持稳定性能的基础上，带来更智能的时间刻度优化、更灵活的任务渲染、更高效的实时协作能力及更完善的资源管理功能。
DHTMLX Gantt 9.1 的核心目标——在保持稳定性能的基础上，带来更智能的时间刻度优化、更灵活的任务渲染、更高效的实时协作能力及更完善的资源管理功能。 ...
vxe-table 复制单元格时如何自定义内容，自定义复制的文本内容
vxe-table 复制单元格时如何自定义内容，自定义复制的文本内容 默认情况下是复制对应 field 字段值，当需要对特定字段进行格式化或自定义时，就可以通过 copyMethod、pasteMethod 配置可以精确控制复制粘贴的所有行为以及自定义复制粘贴的逻辑控制。比如需要控制某个单元格复制后 ...
前端开发就业课程：10个企业级项目+3000课时完整学习路线
Web前端全栈开发就业班课程，涵盖HTML5、CSS3、JavaScript、Vue.js、React、小程序开发等核心技术栈。课程包含移动Web开发、Vue.js面经项目、Uni-APP优医项目、React.js美团案例、智慧园区项目等10+企业级实战项目。学员将掌握响应式布局、组件化开发、状态管... ...
弃用 html2canvas！快 93 倍的截图神器
写在开头 点赞 + 收藏 学会 在前端开发中，网页截图是个常用功能。从前，html2canvas 是大家的常客，但随着网页越来越复杂，它的性能问题也逐渐暴露，速度慢、占资源，用户体验不尽如人意。 好在，现在有了 SnapDOM，一款性能超棒、还原度超高的截图新秀，能完美替代 ...
vxe-table 如何自定义排序图标按钮，自定义排序
vxe-table 如何自定义排序图标按钮，自定义排序 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 使用表头排序按 ...
移动端h5适配方案
写在开头 点赞 + 收藏 学会 em + PostCSS插件 使用PostCSS插件将项目中的px单位自动转换为rem，搭配JS动态设置根字体大小（监听window.resize）。 vite配置 import { defineConfig } from 'vite' imp ...
CSS尺寸、盒子模型、定位、浮动与布局（Flex/Grid）
本文档系统介绍CSS核心布局知识，涵盖尺寸单位（px、em、rem、fr）及其使用原则；标准与怪异盒模型区别及box-sizing属性应用；position定位（static、relative、absolute、fixed、sticky）的特性与参考系；float浮动规则、布局影响及清除方法；以及F... ...
【金融行业案例】借助DHTMLX打造高效银行排班与管理系统
近日，DHTMLX 再次与北美软件开发商 Point Enterprises Inc. 展开深入交流，了解其基于 DHTMLX Suite 与 Scheduler 的银行员工排班系统 StaffPro® 的最新成果。该系统通过灵活的组件组合与定制化开发，实现了跨网点员工调度、现金订购、数据分析及多维... ...
vxe-table 树形表格显示连接线的方式
vxe-table 树形表格显示连接线的方式 完整连接线 通过 tree-config.showLine 来启用是否显示连接线 <template> <div> <vxe-grid v-bind="gridOptions"></vxe-grid> </div> </template> <script ...
如何使用 vxe-table 展开行实现展开子表父子表格
如何使用 vxe-table 展开行实现展开子表父子表格 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table <templ ...