读《WebGL 编程指南》，相关笔记，持续记录
• 在个人计算机上使用最广泛的两种三维图形渲染技术是 Direct3D 和 OpenGL。Direct3D 是微软 DirectX 技术的一部分，是一套由微软控制的编程接口（API），主要用在 Windows 平台；而 OpenGL 由于其开放和免费的特性，在多种平台上都有广泛地使用：它可以在 Macintosh 或 Linux 系统的计算机、智能手机、平板电脑、家用游戏机（如 PlayStati
基于 ant-design-vue 和 Vue 3 封装的功能强大的表格组件
基于 ant-design-vue 和 Vue 3 的功能强大的表格组件，支持列自定义、排序、本地化存储、行选择等特性。 当前组件继承了Ant-Design-Vue Table组件的所有列属性和方法，并在此基础上进行扩展。 演示地址：https://table.nicen.cn Github：https://github.com/friend-nicen/table 🚀 基于 ant-design
Electron 使用方法，从入门到精通
官方文档：https://www.electronjs.org/zh/docs 在 Electron 中，主进程和渲染进程之间可以通过 IPC（Inter-Process Communication，进程间通信） 来传递数据。Electron 提供了 ipcMain 和 ipcRenderer 模块来实现这种通信。 主进程通过 webContents.send 方法向渲染进程发送消息： const
一款基于Uniapp打造的智能外呼APP
Github：https://github.com/friend-nicen/unicall 项目内包含前端以及APP的完整代码，无后端代码。| H5页面演示版（Web环境无法调用APP功能，体验具体功能请自行编译APP） 用uniapp开发的外呼系统，接电话、管客户、看数据一套搞定。自带通话统计和录音功能，中小企业直接能用，二次开发也很方便！ H5内包含完整的接口Mock，可直接编译成可用的生成
EdgeIt.JS 自动提取透明图片的图像轮廓，并进行描边
基于Canvas的智能图片描边处理库，自动提取透明图片的图像轮廓，并进行描边 | 在线演示 | 在线文档 智能边缘检测算法 抗锯齿描边渲染 零依赖，纯原生实现 npm install edgeit.js # 或 yarn add edgeit.js const processor = new EdgeIt({ strokeColor: \'#ff3b30\', // 描边颜色 strokeWidth:
如何通过DIY.JS快速构建出一个DIY手机壳、T恤的应用？
DIY.JS 是一款基于原生 Canvas 开发的业务级图形库，专注于为商品定制提供强大的图形交互功能，帮助开发者轻松实现商品的个性化设计，适用于 T 恤、手机壳、抱枕等多种商品的定制场景。 DIY.JS 自带许多安装即用的功能，开发者无需从零开始构建，能够快速集成到项目中并投入使用。 Github：https://github.com/friend-nicen/diy.js 使用 npm 安装
DIY.JS – Canvas 图形库，为个性化定制而生
DIY.JS 是一款基于原生 Canvas 开发的业务级图形库，专注于为商品定制提供强大的图形交互功能，帮助开发者轻松实现商品的个性化设计，适用于 T 恤、手机壳、抱枕等多种商品的定制场景。 DIY.JS 自带许多安装即用的功能，开发者无需从零开始构建，能够快速集成到项目中并投入使用。 Github：https://github.com/friend-nicen/diy.js 文档: https:
计算机图形学的相关笔记，持续记录
在图形学中，向量和点是最基本的概念。向量表示方向和长度，而点表示位置。 UV坐标（UV Coordinates）是计算机图形学中用于描述纹理映射（Texture Mapping）的坐标系统。它专门用于指定纹理图像（Texture Image）上的像素如何映射到三维模型或二维图形的表面上。 “UV”中的“U”和“V”是坐标轴的名称，类似于笛卡尔坐标系中的“X”和“Y”。不过，UV坐标是专门为纹理映射
一次循环引用导致的内存泄漏分析，重新认识JavaScript
内存泄漏的事情遇到的也不少，但是感觉问题蛮大，这是第一次。🤦♂️🤦♂️🤦♂️ 前段时间自己开发了一个基于Canvas的专用于DIY的图形编辑器：https://douyin.nicen.cn/m.html 兢兢业业写了许久（目前300多次提交），从零开始，完成了许多以前没敢想的功能。 自以为快要小成了，今天突然想着分析一下内存。好家伙！这一波分析下来，发现了大问题，😂😂😂。 回顾了一下自己的
Three.js 基础知识，Three.js 学习笔记
Three.js 相关教程：http://www.webgl3d.cn/ Three.js 是一个基于 WebGL 的 JavaScript 库，它允许你在浏览器中创建和显示3D图形。 在Three.js中通常涉及以下几个基本组件： 场景（Scene）：场景是所有对象、灯光和相机的容器。它是3D世界中所有可见元素的集合。 相机（Camera）：相机定义了观察场景的视角。Three.js中最常用的相
DIY.JS 开发文档， 一款专用于DIY定制的Canvas图形库
DIY.JS是一款专用于DIY定制的Canvas图形库，兼容h5、微信小程序、抖音小程序、淘宝小程序 Github：https://github.com/friend-nicen/diy.js DIY的可操作区域由两部分组成（两个层叠的Canvas对象）： 背景图层：用于物品模型绘制，比如衣服、手机壳 DIY图层：用于素材绘制，以及定义对应物品的可DIY区域 DIY区域指的是在指定物品上，用户可以
一款可以DIY衣服、手机壳、抱枕等任意二维图像的Web程序
之前写过一个DIY手机壳的小程序：https://nicen.cn/5618.html 上线了一段时间之后，发现有类似需求的人还不少，所以想着在空闲的时候做了一个升级版 相较于小程序版本，这一版功能更多、更完善，选择web端也是考虑到它对各种业务场景的兼容更强，开发也更方便。 以下是几个配置好的支持DIY的物品： T恤：https://douyin.nicen.cn/m.html?project=
如何在Vue中实现单个组件的动态重新加载？
单个组件动态重新加载，指的是让某个已经渲染的组件，自动销毁然后开始一个新的生命周期。 大部分情况下，一个需求会很多种实现方法，而接下来要说明的方法，也是众多解决方法之一。 到目前为止，遇到过两个需要实现这种功能的需求： 1. 后台管理系统中，对页面的功能区域（导航栏、侧边栏之外的区域）进行局部刷新 简单一点的功能页面，或许只需要重新加载接口，触发一下数据更新就够了，但是某些复杂的页面通过更新数据来
Fabric.js 学习笔记，快速上手
Fabric.js官网：http://fabricjs.com/ Fabric.js自定义构建：http://fabricjs.com/build/ Fabric.js 是一个强大的、灵活的 HTML5 画布库。 在 Fabric.js 中，preserveObjectStacking 属性是一个布尔值，用于控制当对象被修改（例如移动、旋转、缩放等）时，它们在堆栈中的位置是否保持不变。 设置 pr
Vite如何自动导入指定目录内的静态资源文件，并生成导出模块？
上一次详细学习Vite的文档的时候还是Vite2.x，现在Vite已经到了Vite5，在此期间已经有了很多新的变化和特性，刚好今天抽空重新学习一下。 Vite 不再支持 Node.js 14 / 16 / 17 / 19，因为它们已经到了 EOL。现在需要 Node.js 18 / 20+。 查看Vite预设的各种开发模板：https://github.com/vitejs/vite/tree/m
