前端开发综合论坛 今日: 0|主題: 906|排名: 71 

大家好，我是 Java陈序员。 今天，给大家介绍一款基于 Vue3 + TypeScript 开源的后台管理框架！ 关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。 项目介绍 Geeker-Admin —— 一款基于 Vue3.4、TypeScript、Vite5、Pinia、Element-Plus 开源的后台管理框架，封装了一些常 ...

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

vxe-table vue 数据表格行分组，实现同时对多个列显示合计数量 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https://gitee.com/x-extends/vxe-table 代码 通过 countFields 和 countMethod 来自定义列的统计值，需要注意 rowGroupNode 这一列是无效的，用于其他的列自定义合计 ...

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

Nestjs是一款非常强大的Node.js框架，而且入门非常容易，但是随着项目的增长，各种不便之处就会显现出来，许多代码书写起来不再像项目刚启动时直观。而Vonajs是一款全新的Node.js框架，提供了许多创新性的架构设计，让我们在开发任何规模的项目时，代码都能保持直观和优雅。下面，我们一起来看看这些特性，是否真的比nestjs ...

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

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

在前端开发中，UI框架的选择取决于项目需求、团队技术栈和设计风格。以下是主流框架的对比及最佳实践建议： 1. 主流UI框架推荐 React生态 Ant Design 功能全面、设计规范统一，适合中大型企业级应用。 官网：https://ant.design/ Material UI (MUI) 遵循Google Material Design，提供丰富组件和自定义选项。 官网：http ...

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

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

作者：vivo 互联网前端团队- Su Ning 本文通过depth-anything获取图片的深度图，同时基于pixi.js，通过着色器编程，实现了通过深度图驱动的伪3D效果。该方案支持鼠标/手势与手机陀螺仪双模式交互，在保证性能的同时，为不同终端用户提供沉浸式的视觉体验。 本文提供配套演示代码，可下载体验： Github | vivo-parallax 一 ...

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

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

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

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

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

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

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

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

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