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、微信小程序、抖音小程序、淘宝小程序 DIY的可操作区域由两部分组成（两个层叠的Canvas对象）： 背景图层：用于物品模型绘制，比如衣服、手机壳 DIY图层：用于素材绘制，以及定义对应物品的可DIY区域 DIY区域指的是在指定物品上，用户可以进行个性化定制的区域。 DIY区域由Canvas的destination-in的混合模式进行
一款可以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
一款基于Vue3 + Vite + Ant Design Vue 开发的，简洁、方便的后台开发模板
一个基于vue3 + Vite + Ant Design Vue 开发的，简洁、方便的后台开发框架; 在线示例： admin.nicen.cn ，账号密码随意，无后台，纯前端mock。 Github：https://github.com/friend-nicen/vue-nice-admin Gitee：https://gitee.com/friend-nicen/vue-nice-admin 演
一款基于UNIAPP开发的手机壳DIY小程序（前端示例代码）
一款基于UNIAPP开发的手机壳DIY小程序（前端示例代码），兼容抖音和微信小程序，在线案例： Github：https://github.com/friend-nicen/DIY Gitee：https://gitee.com/friend-nicen/DIY 下载HBuilderX，导入项目 修改中的为你的小程序的 安装依赖 "" 运行到微信或抖音小程序（无后端代码，需要模拟接口） ├─.hb
Cloudflare Workers学习笔记，Cloudflare Workers 是什么？
开发文档：https://developers.cloudflare.com/workers/ Cloudflare Workers提供了一个serverless执行环境，无需配置或维护基础架构即可创建全新的应用程序或扩充现有的应用程序。 Wrangler是一个用于Cloudflare Workers功能开发、测试、部署的CLI工具 相关文档：https://developers.cloudfla
通过PM2来管理Node、PHP CLI等脚本应用进程，什么是PM2进程管理器？
PM2官网：https://pm2.keymetrics.io/docs PM2.js是一个Node.js应用程序的进程管理器，可以帮助开发人员在生产环境中管理和监控Node.js应用程序或其他程序的进程。它可以自动重启应用程序，监控应用程序的资源使用情况，以及提供实时日志记录和错误处理等功能。此外，PM2.js还可以通过集成的API和CLI工具来管理和监控多个Node.js应用程序。 对于nod
前端Server-Sent Events、EventSource接口相关知识点总结，什么是EventSource？
转自：http://www.ruanyifeng.com/blog/2017/05/server-sent_events.html 严格地说，HTTP 协议无法做到服务器主动推送信息。但是，有一种变通方法，就是服务器向客户端声明，接下来要发送的是流信息（streaming）。 也就是说，发送的不是一次性的数据包，而是一个数据流，会连续不断地发送过来。这时，客户端不会关闭连接，会一直等着服务器发过来
微信机器人Wechaty学习笔记，如何使用微信机器人Wechaty？
Wechaty，大名鼎鼎的微信机器人库：https://github.com/wechaty/wechaty、https://wechaty.js.org/ 中文文档：https://wechaty.gitbook.io/wechaty/v/zh/ Web Windows iPad 根据不同的Puppet Provider可以切换不同的协议实现，相关文档：https://github.com/we
- Typescript
- 友人a丶
- 2023-03-31
- 1185 热度
- 0评论
Web前端如何实现录像功能？如何将canvas录制为视频？WebRTC有哪些功能？
WebRTC功能相关的一些例子：https://webrtc.github.io/samples/ WebRTC相关的API：https://developer.mozilla.org/zh-CN/docs/Web/API/WebRTC_API MediaDevices.getUserMedia() 会提示用户给予使用媒体输入的许可，媒体输入会产生一个MediaStream，里面包含了请求的媒体类
Vite如何实现自动引入指定目录内的组件？
Vite 支持使用特殊的 函数从文件系统导入多个模块： const modules = import.meta.glob('./dir/*.js') 以上将会被转译为下面的样子： // vite 生成的代码 const modules = { './dir/foo.js': () => import('./dir/foo.js'), './dir/bar.js': () => impo
前后端分离状态下，如何搭建微信公众号网页的本地开发环境？
进行微信公众号网页开发的时候，微信平台一般有如下几个要求： 必须是https协议 通过验证的可信域名 开发过程中一般有如下几个需求： 本地开发，正常调用微信API，实时调试。 和正常浏览器一样的开发体验。 构建工具都自带了web服务器，但是对于配置https以及自定义域名不是很友好。所以一般通过反向代理来实现自定义域名以及https： 假设开发服务器地址为：http://192.168.2.3:8