首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前栈不止
站好了
创建于2025-05-27
订阅专栏
“前栈不止”聚焦前端技术的深度与广度,涵盖框架实战、性能优化、工程化、可视化等热门话题。不止步于“前端”,更探索架构思维与全栈融合,致力于打造有深度、有趣味的技术分享阵地。
等 43 人订阅
共47篇文章
创建于2025-05-27
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
打造高性能二维图纸渲染引擎系列(三):高性能 CAD 文本渲染背后的隐藏工程
这篇文章介绍了在 cad-viewer 中实现高性能 CAD 文本渲染的关键技术:通过字体与字形缓存、Web Worker 并行处理和渐进式渲染,大幅提升加载与交互速度并降低内存占用。
打造高性能二维图纸渲染引擎系列(二):创建结构化和可扩展的渲染场景
本文介绍了如何将复杂的 CAD 图纸转化为高性能、可渲染的场景。通过合理组织 Batch 分组、既保留 CAD 语义,又最大限度减少 Draw Calls,实现复杂图纸在 Web 中的流畅渲染。
打造高性能二维图纸渲染引擎系列(一):Batched Geometry 助你轻松渲染百万实体
本文介绍如何在 Web 上高性能渲染 CAD 图纸,重点讲解 Batch Geometry 的设计与实现,通过减少绘制调用和优化 CPU → GPU 数据传输,实现流畅交互体验。
在浏览器中不依赖于后端解析和查看AutoCAD DWG文件
在浏览器中直接解析DWG文件,这个以前是一个老大难问题。核心原因是:在浏览器端没有一个可用的DWG文件解析器。现在,有了libredwg-web后一切都迎刃而解。
如何在浏览器中渲染AutoCAD DWG文件
到目前为止在开源社区中还没有一个可以在浏览器中直接渲染DWG文件的开源项目。本文将介绍如何实现在浏览器中直接渲染AutoCAD DWG文件,后续我将会创建相应的开源项目供大家使用。
使用libredwg-web来查看AutoCAD DWG数据库内容
查看AutoCAD DWG数据库的内容,不妨试试 libredwg-web,它无需任何依赖,支持将DWG数据库转为JSON,便于浏览器中查看和分析。
使用libredwg-web将AutoCAD DWG文件转化为SVG
对于一些简单的DWG文件,有没有什么轻量化的办法将其转化为SVG进行显示呢?答案是:使用libredwg-web可以做到。而且,这种方案具不依赖于后端、不依赖于任何其它第三方package。
AutoCAD SHX字体查看器
在没有安装AutoCAD的情况下,可以使用 @mlightcad/shx-parser 查看SHX字体。它是一个用于解析 AutoCAD SHX字体的TypeScript库。
实测告诉你:Web Worker 传输大字符串,哪种方法才不掉坑?
这篇文章通过基准测试对比了 Web Worker 中传递大字符串的两种方式:直接传递与使用 ArrayBuffer。结果显示,利用可转移对象的零拷贝传输效率更高,能显著降低 CPU 与内存开销。
CAD-Viewer:面向未来的高性能纯浏览器 DWG/DXF 查看器
CAD-Viewer是一款高性能、纯前端运行的DWG/DXF查看器,无需安装、无需服务器、支持离线使用。基于WebAssembly与WebGL构建,适合隐私敏感、低维护或定制化CAD向浏览器全面迁移。
前端直接打开 AutoCAD DWG/DXF 文件的 Vue 3 组件来了
MlCadViewer 是基于 Vue 3 的纯前端高性能 CAD 组件,可直接在浏览器查看与编辑 DWG/DXF 文件,无需后端支持,提供可定制 UI、高性能渲染、多语言与主题切换等功能。
减少 Vue 应用白屏时间的经验总结
本文总结了在前端项目日益庞大的背景下,如何有效减少 Vue 应用加载时的白屏时间。涵盖了预渲染、骨架屏、资源懒加载、分包优化等多种策略,并结合 Vite 插件和第三方组件提供了详细的实现示例.
解锁 JavaScript 模块的秘密:ES6模块内部结构详解
本文深入解析了 ES6 模块的加载机制,介绍了 import.meta、模块作用域与静态结构等关键特性,帮助开发者全面理解现代 JavaScript 模块系统的实现原理与实际用法。
理解 devDependencies:它们真的不会被打包进生产代码吗?
本文探讨了 devDependencies 实际可能被打包进前端构建产物的问题。通过一个 Vite 项目示例,指出打包工具并不依据依赖类型区分是否打包,而是根据代码引用决定产物内容。
TypeScript 和构建工具(Vite、Webpack等)中构建目标详解
本文深入解析了构建目标在 JavaScript 和 TypeScript 中的作用,比较了构建目标的差异,说明了tsconfig.json与构建工具中构建目标设置的关系,并且介绍了如何实现兼容性支持。
如何在 Web Worker 中高效传输大批量数据(>10MB)
本文详解了在 Web Worker 中高效传输大于 10MB 的数据的最佳实践,重点介绍了 Transferable Objects(如 ArrayBuffer)的使用方式,避免性能瓶颈。
JavaScript 闭包在 V8 引擎中实现机制与优化策略
本文深入解析了闭包的概念及其在 V8 引擎中的实现机制,重点介绍了变量在栈与上下文(Context)中的查找过程,以及 Chrome 中如何查看闭包的调试信息。
JavaScript 中 sliced string 导致内存无法释放的隐患
JavaScript 中字符串切片(sliced string)可能会无意中保留整个原始长字符串,导致内存无法释放。本文介绍其成因、识别方式与优化方法。
前端 importmap 使用场景与实战详解
本文介绍了前端importmap的作用与使用场景,包括模块路径别名、CDN加载、构建时external注入、微前端共享依赖等,结合实际示例说明其原理和优势,适用于零构建开发、环境隔离与模块共享等场景。
Vite 构建库与构建应用的差异与最佳实践
本文深入对比了 Vite 在构建库与构建应用时的差异,并提供了详细的配置示例与最佳实践,涵盖构建命令、输出结构、类型声明、资源管理与部署策略等内容。
下一页