5 分钟理解 Next.js SSG (Static Site Generation / Static Export)
5 分钟理解 Next.js SSG (Static Site Generation / Static Export) 在本篇文章中，我们将介绍 Next.js 中的 SSG（静态网站生成）功能，以及它是如何工作的。我们将介绍 SSG 的基本概念，以及在 Next.js 中如何使用 Server C ... »
vue3 + mark.js | 实现文字标注功能
页面效果 具体实现 新增 1、监听鼠标抬起事件，通过window.getSelection()方法获取鼠标用户选择的文本范围或光标的当前位置。 2、通过 选中的文字长度是否大于0或window.getSelection().isCollapsed (返回一个布尔值用于描述选区的起始点和终止点是否位于 ... »
聊聊 QianKun JS 沙箱的那些事
我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：空山 什么是沙箱 沙箱即 SandBox，它是一种安全机制，用于严格控制访问资源。通过在程序中创建一个独立的运行环境，把一些来源不可信、具有破坏力或者又是无法 ... »
pbjs 无法编码 bytes 类型数据问题的解决方案
一段包含 bytes 类型的 protobuf 二进制数据，经过 pbjs 解码生成的 json 文件，再传递给 pbjs 编码后生成的二进制数据和原始数据差异巨大，经过一番探究，发现居然是 pbjs 的一个 bug，快来看看你是否踩过这个坑吧~ ... »
JS深入学习笔记 - 第三章.变量作用域与内存
1.原始值和引用值 ECMScript变量包含两种不同类型是数据：原始值和引用值。 原始值：最简单的数据。有6中原始值：Undefined、Null、Boolean、Number、String和Symbol。原始值是按值访问。 引用值：由多个值构成的对象。三大引用类型：1.object 2.Arra ... »
Three.js中实现一个OBBHelper
1. 引言 Three.js中，Box3对象指的是AABB式的包围盒，这种包围盒会随物体的旋转而变换大小，精度较差 Three.js中还有OBB对象，这是一种能表现物体主要特征的、不随物体的旋转而变换大小的包围盒 两者如下图所示： Three.js中虽然有OBB，却没有OBB Helper，即OBB ... »
Node.js 20 —— 几个令人大开眼界的特性
前言：欢迎来到 Node.js 20 Node.js 20 已经发布，带来了创新和激动人心的新时代。这个开创性的版本于2023年4月18日首次亮相，并将在2023年10月发布长期支持（LTS）版本，并且将持续支持至2026年4月，下面小编就为大家介绍一下Node.js20的几个新特性： 1.Node ... »
使用js开发一个快速打开前端项目的alfred插件
使用js开发一个快速打开前端项目的插件 目录 前言 使用的技术栈 步骤 问题发现 待优化 前言 一直以来开发都是先打开vscode，然后选择项目，在项目多的情况下会觉得挺繁琐；如果同时打开了许多vscode窗口，寻找目标窗口也比较麻烦，于是萌生了开发一个alfred的工作流插件的想法，目标是在alf ... »
Three.js中实现对InstanceMesh的碰撞检测
1. 概述 之前的文章提到，在Three.js中使用InstanceMesh来实现性能优化，可以实现单个Mesh的拾取功能 那，能不能实现碰撞检测呢？肯定是可以的，不过Three.js中并没有直接的API可以实现对InstanceMesh的碰撞检测，需要手动实现 回顾本文的描述的Three.js的场 ... »
实现js保留两位小数的方法
今天小编给大家分享的是实现js保留两位小数的方法，相信很多人都不太了解，为了让大家更加了解，所以给大家总结了以下内容，一起往下看吧。一定会有所收获的哦。 前言 日常开发中，后台会返给我们各式各样的数据，如果后台给你返回如下数据时，是不是就已经压制不住心中的怒火了，别急，其实前端处理这些数据还是非常简 »
几种JS时间戳转换方式介绍
本篇文章和大家了解一下几种JS时间戳转换方式介绍。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。 前言 在js中将时间戳转换为常用的时间格式，有三种主要的方式1、使用JS中已有的函数，例如getFullYear(),getMonth()等，将时间戳直接转换成对应的年月；2、创建时间 »
JS深入学习笔记 - 第一章.构造函数原型与原型链
1.构造函数和原型 1.1 概述 在典型的 OOP语言中（如Java)，都存在类的概念，类就是对象的模板，对象就是类的实例，但在ES6之前，JS并没有引入类的概念。 在ES6之前，对象不是基于类创建的，而是一种称为构建函数的特殊函数来定义对象和它们的特征。 有三种创建对象的方式： 对象字面量（con ... »
Node.js vs. Spring Boot：Hello World 性能对决，谁更快一点？
前言： Spring Boot 在 Java 生态中备受欢迎，它是一款基于 Java 构建的轻量级服务端框架，主要用于 Web 服务。Spring Boot 的应用使得创建各类基于 Spring 的企业级应用变得异常简单。Node.js作为一种基于Chrome V8引擎的JavaScript运行时环 ... »
上位机使用JS SerialPort进行串口通信， 包含开发环境搭建和完整示例代码
在嵌入式开发中，我们经常需要使用上位机（PC）与一些电路模块进行通信， 用于获取一些传感器的数据，或者发送命令控制相应的电路模块。NodeJS目前支持使用SerialPort模块进行串口通信，本文主要介绍如何搭建测试开发环境和如何使用SerialPort进行串口通信。 开发前准备： 1. 下载安装N ... »
【源码】Vue.js 官方脚手架 create-vue 是怎么实现的？
最近系统学习了vue.js 的官方脚手架create-vue的源码，深入分析了里面的技术实现细节，本文是我整理的源码学习文章。 ... »
js详细讲解放大镜的实现
实现放大镜的整体思路 1.当鼠标放在图片上的时候,出现蒙层。 2.出现蒙层，让鼠标在蒙层中心 3.限制蒙层移动的范围 4.放大镜移动 最终实现的效果 鼠标放上去的时候,出现一个蒙层。 蒙层的移动范围只能在图片里，不能超出范围。 移动蒙层时，右侧会出现图片的放大部分。 移除图片的范围，放大镜消失。 鼠 ... »
Vue.js 官方脚手架 create-vue 是怎么实现的？
Vue.js 官方脚手架 create-vue 是怎么实现的？ 摘要 本文共分为四个部分，系统解析了vue.js 官方脚手架 create-vue 的实现细节。 第一部分主要是一些准备工作，如源码下载、项目组织结构分析、依赖分析、功能点分析等； 第二部分分析了 create-vue 脚手架是如何执行 ... »
搭建企业知识库：基于 Wiki.js 的实践指南
在众多开源 Wiki 产品中，Wiki.js 因其灵活的使用方式和强大的功能，受到了广泛的关注。本文将引导您了解如何使用 Wiki.js 搭建企业知识库。 ... »
JS性能优化
JS性能优化 一般来说：运算为10^8级，花费时间为一秒。 内存管理 内存:由可读写单元组成，表示一片可操作 空间管理:人为的去操作一片空间的申请、使用和释放 内存管理:开发者主动申请空间、使用空间、释放空间 管理流程:申请―使用―释放 内存泄漏现象 内存的泄漏：当对象持续申请初始化空间时，给予对象 ... »
使用“文心一言”编写技术博文《搭建企业知识库：基于 Wiki.js 的实践指南》
本文分享了使用“文心一言”编写技术博文的全过程，整体看来，体验还是蛮不错的。通过实验，文心可以完成除技术细节或具体业务之外的文案的编写，以本文为例，文心编写部分约1800字，最终修改和完善后字数为2500字，文心生成约占总文案字数的70%。可见，文心可以有效降低文案编写复杂度，并提高工作效率。 ... »