前端应用
-
用于实时协作的新 JavaScript 框架、Bun 更新修复了错误等
大家好，JavaScript 爱好者们！ 欢迎来到本周 JavaScript 新闻的又一期！ 本周亮点包括：全新的 JavaScript 框架、Bun 的重大更新（修复了 40 多个 bug）、一些 TypeScript 配置技巧，以及来自 Electron、Puppeteer 等工具的最新消息。让…
-
如何使用 JavaScript 地图 – .map()
从经典的 for 循环到 forEach() 方法，JavaScript 中使用了各种技术和方法来迭代数据集。最流行的方法之一是 .map() 方法。 .map() 通过对父数组中的每个项目调用特定函数来创建数组。 .map() 是一种非变异方法，它创建一个新的 js 数组，而不是变异方法，后者仅对…
-
如何在 Nextjs 中创建和使用 REST API
next.js 以其服务器端渲染和静态站点生成功能而闻名，但它还允许您使用服务器端功能（包括 api）构建成熟的应用程序。使用 next.js，您可以直接在框架本身内轻松创建 rest api，它可以由您的前端应用程序或任何外部服务使用。 在这篇博文中，我们将介绍如何在 next.js 中创建简单的…
-
通过 Playwright 和 Cucumber 集成增强您的 ETests
引言 本文将阐述 Playwright 和 Cucumber 如何协同构建高效的端到端 (E2E) 测试套件。我们将逐步讲解如何集成 Playwright 到您的 JavaScript 前端应用，并分享一些技巧以优化测试效率。 Playwright 和 Cucumber 的优势 众多 E2E 测试工…
-
Integration Testing: Ensuring Seamless Software Interactions
什么是集成测试 集成测试是软件测试生命周期中的关键阶段，旨在确保系统的不同模块按预期协同工作。单元测试验证各个组件，而集成测试则侧重于这些组件之间的通信和交互。本博客探讨了集成测试的重要性、类型、工具、挑战和最佳实践，全面了解其在交付高质量软件中的作用。 为什么集成测试很重要？ 集成测试有助于识别组…
-
部分：前端开发中的网络安全基础知识
作为前端开发人员，确保您的应用程序免受客户端威胁至关重要。随着网络攻击变得越来越频繁和复杂，了解前端安全的基础知识可以使您的应用程序免受导致数据泄露、用户信息泄露甚至全面应用程序接管的常见陷阱。在这篇文章中，我们将深入探讨前端 web 安全的核心概念，涵盖一些最常见的漏洞 –跨站脚本 (…
-
部分：保护前端应用程序的实际步骤
在第 1 部分中，我们介绍了基本的前端安全概念，以帮助您了解 xss、csrf 和点击劫持等常见漏洞。在这篇文章中，我们将深入研究实用的动手技术以保护您的前端应用程序免受这些和其他威胁。我们将探讨一些重要主题，例如管理第三方依赖项、清理输入、设置强大的内容安全策略 (csp) 以及保护客户端身份验证…
-
Nginx 跨域配置后返回内容错误，是怎么回事？
nginx跨域设置为何导致返回内容不正确？ 您在nginx中进行跨域设置后，却发现前端请求返回的内容与预期不符。 问题原因： 您在nginx配置中设置跨域时，可能将请求指向了前端项目目录，而不是目标接口地址。 解决方法： 以下是正确的nginx配置示例： server { listen 80; se…
-
CORS（跨源资源共享）简介 什么是CORS？
CORS，即跨源资源共享，是一种由 Web 浏览器实现的安全功能，允许或限制 Web 应用程序向与提供网页的域不同的域发出请求。简单来说，CORS 决定了一个域中的资源是否可以被另一个域中的网页访问。 默认情况下，Web 浏览器强制执行同源策略，该策略会阻止网页向与提供该页面的域不同的域发出请求。这…
-
前端开发中的网络安全：面向开发人员的艺术系列
在当今快速发展的网络环境中，安全性比以往任何时候都更加重要，尤其是在前端，其中的漏洞可能会导致数据泄露和用户冒充等严重后果。为了帮助前端开发人员强化他们的应用程序以抵御客户端威胁，我编写了一个关于前端开发中的网络安全的全面的 3 部分系列。 本系列将指导您完成基本的安全实践，从常见漏洞的基础知识到防…
