基于 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
EdgeIt.JS 自动提取透明图片的图像轮廓，并进行描边
基于Canvas的智能图片描边处理库，自动提取透明图片的图像轮廓，并进行描边 | 在线演示 | 在线文档 智能边缘检测算法 抗锯齿描边渲染 零依赖，纯原生实现 npm install edgeit.js # 或 yarn add edgeit.js const processor = new EdgeIt({ strokeColor: \'#ff3b30\', // 描边颜色 strokeWidth:
DIY.JS – Canvas 图形库，为个性化定制而生
DIY.JS 是一款基于原生 Canvas 开发的业务级图形库，专注于为商品定制提供强大的图形交互功能，帮助开发者轻松实现商品的个性化设计，适用于 T 恤、手机壳、抱枕等多种商品的定制场景。 DIY.JS 自带许多安装即用的功能，开发者无需从零开始构建，能够快速集成到项目中并投入使用。 Github：https://github.com/friend-nicen/diy.js 文档: https:
一次循环引用导致的内存泄漏分析，重新认识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衣服、手机壳、抱枕等任意二维图像的Web程序
之前写过一个DIY手机壳的小程序：https://nicen.cn/5618.html 上线了一段时间之后，发现有类似需求的人还不少，所以想着在空闲的时候做了一个升级版 相较于小程序版本，这一版功能更多、更完善，选择web端也是考虑到它对各种业务场景的兼容更强，开发也更方便。 以下是几个配置好的支持DIY的物品： T恤：https://douyin.nicen.cn/m.html?project=
前端Server-Sent Events、EventSource接口相关知识点总结，什么是EventSource？
转自：http://www.ruanyifeng.com/blog/2017/05/server-sent_events.html 严格地说，HTTP 协议无法做到服务器主动推送信息。但是，有一种变通方法，就是服务器向客户端声明，接下来要发送的是流信息（streaming）。 也就是说，发送的不是一次性的数据包，而是一个数据流，会连续不断地发送过来。这时，客户端不会关闭连接，会一直等着服务器发过来
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，里面包含了请求的媒体类
前端事件总线（Event Bus）是什么？前端事件总线的简单介绍
参考文章：https://www.pipipi.net/questions/13598.html 事件总线是对发布-订阅模式的一种实现，它是一种集中式事件处理机制，允许不同的组件之间进行彼此通信而又不需要相互依赖，达到一种解耦的目的。 发布订阅模式定义对象间一种一对多的依赖关系，使得每当一个对象改变状态，则所有依赖于它的对象都会得到通知并被自动更新。 发布订阅模式主要有两个角色： 发布方（Publ
如何用JS实现在网页上通过鼠标移动批量选择元素的效果？
简单说就是类似电脑桌面，通过鼠标选择多个图标的那种效果。如下： 监测外部容器的mousedown、mousemove、mouseup事件来进行选择判断，大致dom结构如下： <div class=\"test\"> <!--鼠标移动时显示的选择框--> <div class=\"move\"></div> <!-- 待选项 --> <div
Stylelint该如何配置？Stylelint使用以及相关配置说明
官方网站：https://stylelint.io/ stylelin本体：https://www.npmjs.com/package/stylelint stylelint-config-standard 拓展配置：https://www.npmjs.com/package/stylelint-config-standard npm install --save-dev stylelint st
Eslint该如何配置？Eslint使用以及相关配置说明
Eslint在过往接触过的很多开源项目内都有它的身影，习惯一个人写代码了，总觉得它可有可无，但是归根结底，好处还是很多的。 可强制规范团队编码规范，让新旧组员编码习惯得到一致提升 可灵活定制团队编码风格，让预设规则符合新旧组员心理预期 增加项目代码的可维护性和可接入性，让新组员能快速适应项目的架构与需求 保障项目整体质量，可减少无用代码、重复代码、错误代码和漏洞代码的产生几率 中文官网：https
网页元素相交监测：Intersection Observer API
参考文档：https://developer.mozilla.org/zh-CN/docs/Web/API/Intersection_Observer_API Intersection Observer API 提供了一种异步检测目标元素与祖先元素或 viewport 相交情况变化的方法。 过去，要检测一个元素是否可见或者两个元素是否相交并不容易，很多解决办法不可靠或性能很差。然而，随着互联网的发
JS实用函数收集，持续记录
function getBase64(file) { return new Promise((resolve, reject) => { const reader = new FileReader(); reader.readAsDataURL(file); reader.onload = () => resolve(reader.result); reader.onerror = e
- 1
- 2