前端开发
最新文章
开源工具「印迹TrailPrint3D」可将GPX徒步轨迹与真实地形高程数据结合，一键生成可3D打印的多色分件模型。只需导入轨迹、框选范围、调整参数，即可导出山体、轨迹线、底座三个STL文件，适合拥有多色FDM打印机的用户制作实体纪念品。
设计了一个Vue自定义指令v-money-input，用于金额输入框优化。支持14位整数加2位小数限制、自动千位分隔符、根据字符长度动态调整字体大小（48px至22px），并兼容粘贴操作。失焦时格式化并补齐小数位，聚焦时去除分隔符以便修改，提交时返回纯数字字符串。
alien-signals是驱动Vue3 6响应式引擎的1KBTypeScript库，采用Push-Pull混合算法，通过双向链表和全局版本号优化依赖追踪与脏值检测，实现性能飞跃：比Vue3 4快约4倍，比3 5快约1 8倍，computed场景吞吐量提升30倍以上。该库框架无关，可独立用于React等环境。
Vue3Teleport在子组件patch阶段同步解析目标，早于父容器DOM插入完成导致报错。Vue3 5+提供了defer属性，将查找时机推迟到本轮渲染队列刷完后，既保留相对父容器定位语义又避免警告，是官方推荐解法。
基于Vue3与Cesium开发的可视化控制面板，通过矩阵运算实时调节3DTiles模型的离地面高度、XYZ轴旋转角度及经纬度偏移，实现所见即所得的参数调整，解决了3DTiles无法直接修改位置与旋转属性的痛点。
基于Vue3开发的纯浏览器端PDF工具站，集成20余项功能，生产环境遇到8个关键问题：pdf-lib大文件内存崩溃、WebWorker通信开销、批量处理进度条虚假、SPASEO收录不全、canonical指向错误、Cloudflare重定向异常、技术文章阅读量低、免费推广渠道有限。通过分片加载、TransferableObjects、分阶段进度条、Playw
通过配置vxe-table的treeConfig与treeNode属性，即可实现产品分类与子产品的树形关联。父级行展示类别，子级行显示SKU、价格等明细，支持多级嵌套，有效解决层级数据扁平化显示难题，提升表格可读性。
vxe-table通过配置aggregateConfig实现按产品大类分组，聚合行可展开 收起，利用spanMethod合并单元格，使分组行显示自定义内容（如分组名、首产品编号及提交时间），普通行保持完整列信息。
vxe-table展开行功能通过配置expandConfig、定义type:expand列及slots插槽，实现主从表关联展示。以产品列表带订单明细、SKU级产品明细带订单明细两个场景为例，展示子表格嵌入主行下方的实现方式，提升数据展示灵活性与直观性。
Vue&ViteConf2026将于7月18日在上海举办，届时尤雨溪将现场发表主题演讲。会议设十余个演讲，已确认十一位嘉宾和十个题目，将深入探讨工具链优化、跨端方案、AI集成、小程序工程化等前沿技术方向，看点十足，不容错过。
TinyRobot的SuggestionPills组件为AI对话界面提供紧凑的胶囊按钮建议选项，支持横向排列、溢出时展开或滚动模式，可自定义文本与图标，具备自动滚动、点击外部收起及与下拉菜单组合使用的能力。
TinyRobot的TrContainer组件为AI对话应用提供开箱即用的容器方案，解决定位布局、全屏切换与响应式适配难题。支持显示隐藏控制、全屏模式、自定义标题与操作区，底部输入区稳定固定，并通过丰富CSS变量灵活定制样式。
TinyRobotSuggestionPopover组件用于AI对话界面，通过弹出框集中呈现建议选项，支持点击或手动触发、分组数据、自定义列表项渲染，内置加载和空状态，并自动适配移动端，实现引导式交互与上下文帮助。
TinyRobotAI对话组件库包含Bubble、Sender等核心组件，支持气泡渲染、流式输出、消息分组、输入扩展、主题切换，提供丰富CSS变量与可扩展渲染器系统，助力快速构建高度自定义的聊天界面，且易于集成与多端适配，支持多种预设样式与灵活扩展接口。
基于设备类型管理中“关联因子”弹窗的组件重构实践，探讨通用勾选与业务编辑的分层策略。通过插槽白名单透传、响应式实测验证，在模糊需求中先实现再迭代，最终实现职责清晰的薄封装。