Geeker-Admin —— 一款基于 Vue3.4、TypeScript、Vite5、Pinia、Element-Plus 开源的后台管理框架，封装了一些常用组件、Hooks、指令、动态路由、按钮级别权限控制等功能。 ...

‍ 写在开头 点赞 + 收藏 学会 该代码的主要功能是生成一个图形验证码，并将其绘制在HTML的<canvas>元素上。验证码由4个随机数字组成，背景和文字颜色随机生成，且文字有一定的旋转角度，增加了识别的难度。 核心逻辑： useImageVerify：这是一个Vue 3的Co ...

vxe-table vue 数据表格行分组，实现同时对多个列显示合计数量 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-tabl ...

神奇的 for 循环代码执行顺序并不是按照代码书写顺序执行，这就导致在看很多程序算法的时候，会有那么一点打脑壳。 for 语法 for 循环的语法很简单，重点是小括号里面的三个部分，这三部分的执行顺序对于不太懂程序的兄弟来说，可以把人晃晕~ for (初始化; 条件; 增量) { // 循环体 } ...

Vonajs是一款全新的Node.js框架，提供了许多创新性的架构设计，让我们在开发任何规模的项目时，代码都能保持直观和优雅。下面，我们一起来看看这些特性，是否真的比nestjs更好用？ ...

‍ 写在开头 点赞 + 收藏 学会 前端监控主要分三个方向 前端性能（用户体验优化） 异常监控 业务指标跟 下面我来分别介绍三类指标如何获取 1）前端性能指标： 一、用户体验相关的： 页面加载时间（Page Load Time） ： 定义：从用户请求页面到页面完全加载的时间。 测 ...

HELLO，这里是大熊的前端开发笔记。 循环作为 算法与数据结构 中的基石，JS 与其他编程语言一样，都提供了多种循环结构用于处理数据。 for 循环 事物的开端往往都是从最常用的开始，循环结构咱们从 for 循环说起。 语法： for (初始化; 条件; 增量) { // ... } 示例： // ...

‍ 写在开头 点赞 + 收藏 学会 背景简介 在前端项目开发中，我们常常会遇到这样一种情况：项目中引入了某个第三方库，但它没有提供内置的 TypeScript 类型声明。此时，如果你在 TypeScript 项目中直接使用这个库，编译器就会报错。 也许你很聪明，知道在项目中的sh ...

曾经有人说 JS 语言中万物皆对象，虽然这种说法不一定完全准确，但也有一定的道理。原因是 JS 的语法看起来所有的数据类型都像是一个对象，包括原始类型。 const a = 1.234; console.log(a.toString()); console.log(a.valueOf()); con ...

本文通过depth-anything获取图片的深度图，同时基于pixi.js，通过着色器编程，实现了通过深度图驱动的伪3D效果。该方案支持鼠标/手势与手机陀螺仪双模式交互，在保证性能的同时，为不同终端用户提供沉浸式的视觉体验。 ...

本人博客原文 https://www.konoxin.top/posts/82e0e7c7/ 前言 最近想在博客引入waketime的编码热力图，就研究了一下， 效果是这样的： 首先你已经使用过wakatime， 如果没有起前往如下教程， {% link 'WakaTime的使用(vscode,id ...

‍ 写在开头 点赞 + 收藏 学会 写在前面 我最开始是用 Angular 去实现了B站的 Banner ，那时候还没有人做这东西，可以看到下面那一长串 Bannet 图片的第一个图是好几年以前的了。然后随着逐步完善，在这几年偶尔也看到有人发过这东西的实现方法。 但我为什么要写这 ...

最近一个项目中，基于vue3开发，想开发一个在线管理组件库的功能，具体业务实现： 1. 在私库Nexus上传组件包； 2. 然后用UNPKG实现路径访问在线解压文件； 3. 解压文件上传到gitee组件库中查看； 4. 然后通过页面配置填写需要引入的依赖地址（直接通过UNPKG读取包内文件内容），页 ...

数组可以算是程序里面最常用的数据结构了，但凡网页上任何一个列表数据，基本都是以数组的形式存在，像表格、banner图、菜单列表、商品列表，分类列表等等，在前端领域都是以数组处理。 数组的定义 JS 的数组花样很多，不像其他强类型语言中的数组限制颇多。 数组中的元素 JS 数组中的元素可以是任何类型， ...

条件语句 JS 的条件语句不太多，就 if 和 switch 两个，不过他们的使用方式也可以算是眼花缭乱了。 if 语句 if 字面意思：如果 xxx。程序中的用法也是这样，如果条件为真，则执行执行代码块，反之则不执行。 语法： if (条件) { // 条件为真时执行 } else if (其他条 ...

‍ 写在开头 点赞 + 收藏 学会 解构赋值是 JavaScript 中最受欢迎的特性之一，它让数据提取变得简洁优雅。但看似简单的语法糖下，隐藏着十个高频「陷阱」。本文结合代码示例与原理分析，带你逐一避坑！ 一、解构未定义对象：空值引发的致命错误 ❌ 典型错误 javascrip ...

运算符 JavaScript 运算符是真的多，尤其是 ES6 之后还在不停的加运算符，其他编程语言看 JS 就像怪物一样，各种骚操作不断~~ 运算符分类 1、算术运算符 算术运算符的作用就是用来基础计算，跟小学课本一样，包含：加 +，减 -，乘 *，除 /，取余（也叫做取模） %，指数 **，自增 ...

‍ 写在开头 点赞 + 收藏 学会 需求 首先列举一下需要拦截的行为，接下来我们逐个实现。 浏览器前进后退 标签页刷新和关闭 路由跳转 1、拦截浏览器前进后退 这里的实现是核心，涉及到大量 History API 的理解，如果不太了解可以先看一下这两个文章： 拦截浏览器后退方法附 ...

在程序语言中，数据类型是基础，一切程序都是建立在基础数据之上。 如果说程序如同万丈高楼平地起，那么数据类型就像沙、石、钢筋、水泥等等最基础的原料。一样的高楼，不同的人，用相同的原料，造的方法也会有千般变化。 在 JS 中，数据类型可以分为 原始类型 和 对象类型。 原始类型 直接存储值，不可变（值的 ...

MyIP —— 一个好用且开源的全能 IP 工具箱，基于 Express + Vue 实现，提供 IP 信息查看、网络连通性、WebRTC 测试、DNS 泄露测试、网络测试等通用功能。 ...