前端

【前端】夯实基础 css/html/js 50个练手项目(持续更新)

在前端开发中,掌握基础的 HTML、CSS 和 JavaScript 是非常重要的。为此,我们准备了一系列练手项目,帮助大家巩固基础,提高编程技能。以下是 50 个可以帮助你提升前端技术的练手项目,并提供了一些代码示例供参考。1. 个人简历页面创建一个简单的个人简历页面,利用 HTML 和 CS

Webhook 是什么?详解其工作原理

Webhook 是一种用户定义的 HTTP 回调,当某个事件发生时,系统会向指定的 URL 发送一个 HTTP 请求(通常是 POST 请求),以便外部系统可以接收事件通知并做出相应处理。Webhook 常被用于实时事件通知,如支付成功、订单更新、评论发布等,广泛应用于 API 交互和应用集成。W

Canvas绘制图片和区域(前端使用Canvas绘制图片,并在图片上绘制区域)

Canvas 是 HTML5 中的一个强大元素,能够在网页上绘制图形和图像。利用 Canvas,我们可以实现许多复杂的图形绘制效果,比如绘制图片、区域和文本等。在这篇文章中,我们将探讨如何使用 Canvas 绘制图片,并在图片上绘制一个区域。1. Canvas 的基本使用首先,我们需要在 HTM

【记录】记一次关于前端单元测试的全英文问卷调查( Survey: Automatically Generated Test Suites for JavaScript)

前端单元测试调查:自动生成 JavaScript 测试套件前端开发的复杂性不断增加,特别是在使用 JavaScript 进行大规模开发时,确保代码的质量和可靠性变得尤为重要。单元测试作为一种有效的质量保障手段,越来越受到开发者的重视。为了深入了解这个领域,我们进行了一次关于“自动生成 JavaSc

13.JavaScript(WebAPI) - JS api文献精解

JavaScript Web API 文献精解JavaScript Web API(应用程序编程接口)是现代网页开发中不可或缺的一部分,它为开发者提供了与浏览器进行交互的能力,能够操控页面的各个方面。Web API可以大致分为几个类别,例如DOM API、Fetch API、Canvas API等

解决前端精度丢失问题:后端Long类型到前端的处理策略

在前端开发中,处理数字的精度问题是一个常见的挑战。尤其是在需要与后端进行数据交互时,当后端使用像Java等语言中的Long类型来处理大整数时,前端(大多数情况下是JavaScript)可能会出现精度丢失的问题。JavaScript中的Number类型是基于IEEE 754双精度浮点数,这意味着它可以

前端使用 crypto-js 库 aes加解密

在现代Web开发中,数据的安全性尤为重要,而加密技术恰恰能够保护我们的数据不被未经授权的访问。crypto-js是一个功能强大的JavaScript库,使得在前端进行数据加密和解密变得简单。本文将详细介绍如何使用crypto-js库进行AES加解密,并给出相应的代码示例。什么是AES加密?AES

前端Vue篇之Vue3响应式:Ref和Reactive

在 Vue 3 中,响应式系统是一个核心特性,它使得我们能够非常方便地追踪和处理状态的变化。在 Vue 3 中,引入了两个主要的API来创建响应式数据:ref 和 reactive。这篇文章将详细介绍这两个 API 的使用及其区别,同时提供一些代码示例。1. ref APIref 用于创建基本数

超详细关于vue项目vue-cli-service启动报错失败的问题

在使用 Vue.js 开发项目时,很多开发者可能会遇到通过 vue-cli-service 启动项目时出现的错误。这些错误可能源自多个方面,包括依赖版本不兼容、环境配置问题、以及代码本身的一些错误等。本文将详细介绍一些常见的错误及其解决方案,以帮助开发者更好地处理这些问题。1. 安装 Vue CL

Vue3+Vite项目从零搭建+安装依赖+配置按需导入

在现代前端开发中,Vue3 和 Vite 是两个备受欢迎的工具。Vue3 提供了丰富的功能和更好的性能,而 Vite 则以其极快的构建速度和即时的模块热更新而备受青睐。本篇文章将详细介绍如何从零搭建一个 Vue3 + Vite 项目,并配置按需导入。一、搭建 Vue3 + Vite 项目确保