全网最细使用Vite搭建一个组件库
先使用vite 搭建基础版本脚手架这里不做讲解、由于vite初始化什么都没有安装、我采用了自己改造过的脚手架 详情见 内置 基本上可以满足团队日常开发需求。 😅言归正传、生成目录大概是这样的 一系列的修改操作 1. 修改 为 ，删除 目录 2. 修改 把所有和 相关的别名路径修改为 、修改目录为 、 3. 删除不需要用到的文件夹 ... 4. 修改index.html中 标签中 路径为 5. 下新建文件夹 后续用来存放样式 修改后的目...
用 JavaScript 画一颗【随机树】
用 JavaScript 画一棵树？ 产品说要让前端用 JavaScript 画一棵树出来，但是这难道不能直接让 UI 给一张图片吗？ 后来一问才知道，产品要的是一颗 随机树 ，也就是树的 茂盛程度、长度、枝干粗细 都是随机的，那这确实没办法叫 UI 给图，毕竟 UI 不可能给我 10000 张树的图片吧？ 所以第一时间想到的就是 Canvas ，用它来画这棵 随机树（文末有完整代码） Canvas 画一颗随机树 接下来使用 Canva...
从零到一使用 turborepo + pnpm 搭建企业级 Monorepo 项目
单纯使用 pnpm 就能实现 Monorepo 项目我们都知道，因为它原生支持 workspace，但是它也依然存在一些缺点，例如： 1. 任务运行策略：虽然 pnpm 支持工作空间间的依赖管理和一些任务的并行执行，但是它并不那么灵活或高效地处理跨包的构建、测试和发布任务比如增量构建和任务缓存，可以显著提高大型 Monorepo 的开发和持续集成的效率。 2. 自定义构建和发布流程：pnpm 在自定义构建流程、测试流程和发布流程方面的能...
Chrome 中的自动播放政策
新行为 您可能已经 ，网络浏览器正改用更严格的自动播放政策，以改善用户体验，尽可能减少用户安装广告拦截器的激励措施，并减少在昂贵和/或受限的网络上消耗的流量。这些变更旨在让用户更好地控制播放，并让发布商有合理的使用情形。 Chrome 的自动播放政策很简单： 始终允许静音自动播放。 在下列情况下，允许有声自动播放： 用户与网域进行了互动（点击、点按等）。 在桌面设备上，用户的 阈值已经超过，这意味着用户之前播放过有声视频。 用户已在移动...
Chrome 中的自动播放政策
改善了用户体验，尽可能减少用户安装广告拦截器的激励措施，并减少了数据消耗 Chrome 的自动播放政策已于 2018 年 4 月变更 接下来我将向您介绍原因以及这对有声视频播放的影响提前剧透：用户一定会喜欢的！ 在 和 上发现带有“自动播放”标签的互联网表情包。 新行为 您可能已经 ，网络浏览器正改用更严格的自动播放政策，以改善用户体验，尽可能减少用户安装广告拦截器的激励措施，并减少在昂贵和/或受限的网络上消耗的流量。这些变更旨在让用户...
Electron无法获取设备ID了
在桌面应用开发中，常常需要获取设备唯一 ID 来表示当前客户端的唯一性。一般的设备 ID 需要满足两个条件： 1. 基于硬件和系统配置生成，确保设备的唯一性。 2. 只要不重装系统，设备 ID 多次获取都是唯一的。 是一个常用的 Node.js 模块，它能够在 Electron 中获取机器的唯一标识。 我们的产品就是使用该模块，用法也很简单： 但是昨天出现了问题，排查结果是多台设备获取的 ID 竟然是一样的，造成了一些设备的数据被篡改，...
three 高性能镜头编辑器
在做 可视化项目的过程中，如果涉及到镜头编辑的话免不了来回改，那这次就来实现一个高性能镜头编辑器，能方便地编辑镜头轨迹并导出数据。移动端 图可能有卡顿，建议用电脑浏览，内容较多，建议收藏后查看 资源 这个编辑器用到了官方的案例： 调试场景用到了下面官方案例里的泳池场景： 开头录屏使用的场景用到了 SketchUp 作者 amogusstrikesback2 的场景： 涉及技术 Renderer CatmullRomCurve3 Gene...
Vite前端部署：版本更新，即刻知晓
作者简介：大家好，我是文艺理科生Owen，某车企前端开发，负责AIGC+RAG项目 目前在卷的技术方向：工程化系列，主要偏向最佳实践 希望可以在评论区交流互动，感谢支持 最近测试和用户频繁反馈，说经常会出现页面点不动了。然后每次都回复，刚发完版，刷新下就好了。但时间长了，就被怀疑是能力问题，因为其他项目为什么不这样呢？ 先做一些准备工作，复盘一下当时的场景： 运行 在本地快速新建一个项目 进入项目目录中，运行 安装依赖，安装成功后启动项...
亲手实现一个图片标注工具
本文为稀土掘金技术社区首发签约文章，30 天内禁止转载，30 天后未获授权禁止转载，侵权必究！ 业务中涉及图片的制作和审核功能，审核人员需要在图片中进行标注，并说明存在的问题，标注过程中需要支持放大缩小，移动等交互，将业务剥离，这个需求，可以定义为实现一个图片标注功能。 实现这个功能并不容易，其涉及的前端知识点众多，本文带领大家从零到一，亲手实现一个，支持缩放，移动，编辑的图片标注功能，文字描述是抽象的，眼见为实，实现效果如下所示： 技...