CDN 了解一下
「为啥咱们的网站访问那么慢」「网站加载这么慢客户都跑了」「能不能把咱们的网站加载速度提升下」本文记录的内容「CDN」是解决上面问题的方法之一,也是技术难度,成本相对较低的一种方式。「问题起源」首先分析一下网站加载速度慢的原因(问题基于前端静态文件部署在普通的云服务器CVM上,没有设置其他任何优化措施的情况)浏览器渲染页面需要在请求到需要渲染的html文件的情况下,然后解析html中的等需要加载其他
前端 · 阅读 1738 · 2022年6月18日 11:45

基于 NestJS 集成 ElasticSearch 实现模糊搜索功能
Elasticsearch是一个基于Lucene的开源搜索引擎。它提供了一个分布式多用户能力的全文搜索引擎,基于RESTfulweb接口。Elasticsearch具有高弹性,支持即时和实时的复杂搜索功能。NestJS是一个用于构建高效、可扩展的Node.js服务器端应用程序的框架,它使用TypeScript开发并且结合了OOP(面向对象编程)、FP(函数式编程)和FRP(函数响应式编程)。整合E
服务端 · 阅读 4143 · 2024年1月3日 23:02

NestJS 中基于 TypeORM 实现事务管理,确保数据完整性与一致性
NestJS与TypeORM事务管理详解在任何需要处理数据持久化的应用程序中,事务管理都是一个至关重要的功能。在数据库操作中使用事务可以确保数据的完整性和一致性,这对于任何关心数据质量的应用来说都是非常关键的。今天,我们来探讨如何在使用NestJS框架结合TypeORM时实现事务管理。什么是事务?在数据库中,事务是一个作为单个逻辑单元执行的一组操作序列,它们要么全部执行,要么全部不执行。事务具备A
服务端 · 阅读 5332 · 2024年4月8日 00:13

如何使用 Cypress 进行 Cookie 操作
在现代的Web开发中,Cookie是维护状态、实现用户跟踪和进行会话管理的一个非常重要的组成部分。对于前端开发者来说,了解如何在自动化测试中操作Cookie是非常重要的。Cypress是一个非常流行的前端自动化测试工具,它支持对Cookie的操作。本教程将向你展示如何使用Cypress来获取、设置和清除Cookie。Cypress是什么?Cypress是一个前端自动化测试工具,它提供了用于模拟用户
前端 · 阅读 3054 · 2024年2月24日 02:02

响应式设计:使用REM实现自适应字体缩放
在构建现代网站时,支持不同设备的屏幕尺寸是前端开发者面临的重要挑战之一。为了提供更好的用户体验,网页上的内容,尤其是文字需要能够随着屏幕尺寸的变化而适应不同的显示需求。相比于传统的固定单位(如px),rem(rootem)单位提供了一种更加灵活且容易实施的解决方案,使得我们能够轻松实现屏幕放大缩小时页面文字能够跟随屏幕比例自动调整的设计。在本教程中,我将带大家了解何为rem单位,并演示如何使用它来
前端 · 阅读 2777 · 2024年1月9日 15:33

一篇文章学会如何使用 NestJS 的五种 Provider 提供者
在构建复杂的后端应用中,如何有效地管理和彼此协作的各个部分,以及如何共享和复用功能已成为开发者们重要关注的问题。覆盖这些需求的一种技术就是NestJS中的Providers。这次,让我们一起深入探讨这个关键概念,解密Providers的奥秘,了解它们是如何提供和分配服务的。在这篇文章中,我们将学习五种主要的Provider类型:值提供者、类提供者、工厂提供者、异步工厂提供者和别名提供者,以及如何在
服务端 · 阅读 7770 · 2024年1月2日 21:48

一文教你掌握 CSS 渐变属性linear-gradient、radial-gradient
现代流行的网站上的颜色配置都丰富绚丽,用户会因为从灰色单一色彩到活力渐变红的背景所吸引。对于开发者而言,需要掌握这些视觉效果的实现方式。为了实现渐变效果,前端开发者可通过CSS中linear-gradient()和radial-gradient()这两种函数完成各种好看的效果。本文详细介绍linear-gradient()和radial-gradient()两个属性的使用方式,并且提供有趣的效果。
前端 · 阅读 1822 · 2023年12月27日 23:11

在Cypress中如何优雅的管理环境变量Env
如何在Cypress中有效地管理环境变量?为什么环境变量这么重要呢?因为它们可以帮助我们在不同的环境(开发、测试和生产)中运行测试,而不会泄露敏感信息,并且能够轻松地调整配置。Cypress提供了一套灵活的环境变量管理系统,让我们一起学习如何使用。什么是环境变量?在编程中,环境变量通常用于配置程序在不同环境中的行为。在前端测试框架Cypress中,我们可能需要根据不同的环境(例如本地开发环境、C
工程 · 阅读 1291 · 2024年4月9日 23:33

深入理解CSS的 overflow-anchor
作为前端开发者,我们都需要与逐渐增长和更新的CSS特性库保持同步。其中一个相对较新且极度有用的特性是overflow-anchor。它彻底改变了我们处理无限滚动页面中用户的滚动体验的方式。本文将详细解析overflow-anchor的定义、作用以及使用方法。overflow-anchor的定义和作用首先我们需要理解overflow-anchor是什么。overflow-anchor是一个CSS属性
前端 · 阅读 1883 · 2022年4月2日 17:52

Flutter 设置 Lottie 动画的详细教程
Lottie是一个流行的库,可以让你在移动应用中轻松添加高质量的动画。它支持Android、iOS、Web以及其他多个平台,因此非常适合跨平台框架Flutter。在这篇教程中,将简要介绍如何在Flutter应用中使用Lottie动画。什么是Lottie?Lottie是Airbnb设计的一个库,可以帮助开发者轻松添加动画到任何应用。Lottie动画是基于JSON文件的,这些JSON文件通过Adob
前端 · 阅读 2174 · 2024年7月17日 12:57
