乐闻
渐进增强：打造无缝的Web体验渐进增强：打造无缝的Web体验在互联网初期，由于用户设备和网速的限制，许多网页经常显示不全或者功能失效。设想一下，当你正在阅读一篇精彩的博客，却因为页面图片加载太慢，导致阅读体验大打折扣。为解决这类问题，2003年诞生了一种名为“渐进增强”（ProgressiveEnhancement）的Web设计和开发策略。渐进增强策略的操作阶段解读内容层次：构建核心体验我们首先需要创建的是内容层，这是用户体验
前端 · 阅读 2363 · 2022年3月14日 15:06
如何在 React 中加载本地 Icon 资源React作为一个构建用户界面的JavaScript库，提供了便捷的方式去实现复杂的功能。其中加载本地Icon资源也是一个常用的需求。在这篇文章中，我们会通过一个简单的例子来展示如何在React项目中加载本地的Icon资源。准备Icon资源首先，你需要有一些Icon资源。通常这些资源是以.svg、.png、.jpg等格式存在。为了本教程的需要，我们假设你已经有了一些SVG格式的Icon，并且它们存
前端 · 阅读 2803 · 2024年2月24日 01:35
TailwindCSS 如何设置全局字体以及给特定元素设置字体TailwindCSS是一个功能类优先的CSS框架，它允许开发者通过组合不同的工具类来快速构建自定义的用户界面。设置全局字体及给特定元素设置字体是前端开发中的常见需求，TailwindCSS为这一需求提供了简单有效的解决方案。接下来，我们将一步步地探讨如何在TailwindCSS中实现字体设置。字体文件引入一旦选择了字体，你需要将它们添加到你的项目中。这里有两种常见的方法：使用在线字体服务或自托管
前端 · 阅读 8332 · 2024年4月12日 12:15
Next.js 如何使用中间件 Middleware当我们提到中间件（Middleware），你可能会想到后端服务，如Express.js中用于处理HTTP请求的函数。但在Next.js中，中间件也是一个非常重要的概念。Next.js中间件代表了在服务器和浏览器之间的一层强大的逻辑处理层，它们可以在请求被处理成页面之前或在页面渲染之后执行代码。什么是Next.js中间件？Next.js中间件是在Next.js10版本中引入的概念，并在后续版本中得到
前端 · 阅读 8809 · 2024年3月4日 09:53
React状态管理 - Redux&React-redux使用详解教程React状态管理 - Redux&React-redux使用详解教程。一、组件间传值方案（组件间通信）了解React的朋友应该都知道React是状态数据驱动的框架。React组件组件之间传值有很多种情况，但是组件之间传值只有通过props，context，回调函数来实现（不借助外部类库）。父组件传值给自组件（props属性）自组件传值给父组件（回调函数）兄弟组件传值（需要传递的值传给共有的父组件
前端 · 阅读 5488 · 2023年7月2日 12:08
如何在 NestJS 中使用 TypeORM 实现多数据库配置当你打算在一个NestJS应用中操作多个数据库时，TypeORM提供了优雅而强大的解决方案。在本教程中，我们将一步步了解如何在NestJS项目中配置TypeORM以使用多个数据库。实现步骤一、创建NestJS项目如果你还没有一个NestJS项目，请使用以下命令创建一个新项目：nestnewmulti-database-app进入项目后，我们准备好基础设施。二、安装TypeORM和数据库驱动请确保你
服务端 · 阅读 6565 · 2024年1月6日 20:58
sequelize 关联关系（一对一、一对多、多对多）准备工作为了演示sequelize的多表间关联关系，首先我先准备两个实体：user、role。1.初始化sequelize连接const{Sequelize,DataTypes}=require('sequelize');constsequelize=newSequelize({host:'127.0.0.1',port:3306,username:'roo
服务端 · 阅读 3184 · 2022年6月18日 12:20
在前端项目中开始使用 TailwindCSSTailwindCSS近年来在前端圈非常流行，它摆脱了原有的CSS限制，以灵活实用为卖点，用户通过各种class组合即可构建出漂亮的用户界面。对于初学者而言，可能需要一些上手成本，一旦掌握实用技巧后，TailwindCSS会是我们开发工作中的出鞘利刃。TailwindCSS开发期间碰到过TailwindCSS相关的各种问题。想着把TailwindCSS的使用技巧和踩坑经验记录下来，分享给
前端 · 阅读 7905 · 2023年12月5日 19:45
