内容类型
热门标签
紧随技术热潮,标签精选不容错过![React](https://cdn.portal.levenx.com/levenx-world/3RuHSfyw1Bhe9jkZ.png)
React
React 是一个由 Facebook 开发的流行的 JavaScript 库,用于构建交互式用户界面。它采用了一种基于组件化的开发模式,使得开发人员可以将 UI 拆分为独立的、可复用的组件,并由这些组件构建复杂的用户界面。
React 的主要特点包括:
组件化开发:React 将 UI 拆分为独立的、可复用的组件,开发人员可以将这些组件组合在一起构建复杂的用户界面;
虚拟 DOM:React
![前端](https://cdn.portal.levenx.com/levenx-world/JrCBI8jFutJTanmZ.png)
前端
Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web 1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。2005年以后,互联网进入Web 2.0时代,各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提
![NestJS](https://cdn.portal.levenx.com/levenx-world/lRmVPCNHBhbAuKlM.jpg)
NestJS
NestJS 是一种基于 TypeScript 的后端框架,它结合了 Express 和 Angular 的优点,提供了一种现代化、模块化和可扩展的开发方式。NestJS 的主要目标是提供一个高效、可维护和可测试的服务端应用程序框架,同时提供了许多有用的功能和工具,如依赖注入、模块化体系结构、中间件、管道、拦截器、异常过滤器等。
NestJS 的主要特点包括:
基于 TypeScript:Ne
![Electron](https://cdn.portal.levenx.com/levenx-world/bSXv78n4ruzuklLQ.png)
Electron
Electron 是一个前端框架,可用于构建跨平台的桌面应用程序,桌面应用程序指的是可以在电脑上安装的软件(如QQ、浏览器、酷狗音乐等)。 与 开发者可使用 JavaScript 、 HTML 和 CSS 等前端基础技术,结合 Node.js 进行开发。
![Git](https://cdn.portal.levenx.com/levenx-world/klWo69RC33Slypxz.png)
Git
Git是一个由林纳斯·托瓦兹为了更好地管理linux内核开发而创立的分布式版本控制/软件配置管理软件。需要注意的是和GNU Interactive Tools,一个类似Norton Commander界面的文件管理器相区分。
![TypeORM](https://cdn.portal.levenx.com/levenx-world/XuBIktqpBq4OnYH5.png)
TypeORM
TypeORM 是一个面向对象的关系型数据库ORM框架,用于在 Node.js 应用程序中操作数据库。它支持多种数据库,包括 MySQL,PostgreSQL,SQLite,以及 Microsoft SQL Server 等。TypeORM 提供了使用 TypeScript 的完整ORM解决方案,它的主要目标是简化数据库操作,提高开发效率。
![Flutter](https://cdn.fmlg1688.cn/levenx-world/grrChDv-Cjdz8EPt.png)
Flutter
Flutter是一款由Google开发的开源移动应用程序开发框架,用于快速构建高质量、高性能的Android和iOS移动应用程序。Flutter使用Dart语言编写,并提供了一套丰富的组件和工具库,以支持快速、高效的应用程序开发。
Flutter的主要特点包括:
完美的移动端UI:Flutter提供了一套全新的移动端UI框架,可以为Android和iOS应用程序提供高质量、美观的用户界面。
![AR](https://cdn.fmlg1688.cn/levenx-world/mBpcmlfkTb9gTRLj.jpeg)
AR
增强现实 (AR)
增强现实 (AR) 是一种通过在真实世界中叠加数字内容(如图像、声音和 3D 物体)来增强用户对周围环境的感知的技术。与完全覆盖用户视野的 VR 不同,AR 让他们在继续看到和与环境互动的同时接收附加数字信息。
主要特点:
增强现实环境
物理空间中的内容放置和互动
可通过各种设备来实现,如智能手机、平板电脑或专门的 AR 眼镜
AR 产品示例:
Microsoft HoloL
![Golang](https://cdn.fmlg1688.cn/levenx-world/y3OH3K0pJN7v-zcO.png)
Golang
Go,也称为 Golang,是一种开源的编程语言,由 Google 开发。Go 是一种静态类型、编译型、并发型的语言,它被设计为一种简单、快速、可靠和高效的语言。Go 语言的语法类似于 C 语言,但也借鉴了其他语言的一些特性,如 Python 和 Java。
Go 语言的设计目标是提供一种简单、易于学习和使用的语言,同时具有高效的执行速度和并发处理能力。Go 语言的主要特点包括:
1. 并发支
![PNPM](https://cdn.portal.levenx.com/levenx-world/WcipP-zpbK5LmslZ.jpg)
PNPM
pnpm(Performant npm)是一个快速的,节省磁盘空间的包管理工具,用于 JavaScript 和 Node.js 生态系统。它是 npm 和 Yarn 的一个替代品,旨在提供更快、更高效的依赖管理解决方案。pnpm 主要通过使用硬链接和符号链接的方式来存储一个版本的包的单一副本,从而减少磁盘空间的使用和加速安装过程。
让知识触手可得
告别繁杂内容检索,标签带你直击核心内容
查看标签集合
![让知识触手可得](https://cdn.portal.levenx.com/levenx-world/S8DuRgod2QCBI1Fh.png)
热门文章精选
今日必读精选,精选不容错过![探索 @nestjs/cqrs:在 NestJS 中实现命令查询责任分离模式CQRS](https://cdn.portal.levenx.com/levenx-world/Iao8Z6_aMMQZCInc.jpeg)
探索 @nestjs/cqrs:在 NestJS 中实现命令查询责任分离模式CQRS
在构建大型和复杂的Web应用时,维护清晰的代码结构和高效的操作是至关重要的。NestJS作为一个现代的Node.js框架,提供了多种方式来帮助开发者编写结构化和可维护的代码。其中,@nestjs/cqrs模块就是一种强大的机制,它通过实现命令查询责任分离(CQRS)模式,使得代码更加模块化,业务逻辑更清晰,同时还带来了性能和安全性的提升。在本文中,我们将详细探讨CQRS模式的好处,并通过一个创建博
![TailwindCSS 支持文本文字超长溢出截断、文字文本省略号](https://cdn.portal.levenx.com/levenx-world/5hvE59kDPpdqb_c8.jpeg)
TailwindCSS 支持文本文字超长溢出截断、文字文本省略号
文本文字超长截断并自动补充省略号,这是前端日常开发工作中常用的样式设置能力,文字超长截断主要分为单行超长截断和多行超长截断。本文通过介绍基本CSS样式、tailwindcss类设置两种基础方式来实现文字超长截断。TailwindCSS设置单行文字超长截断tailwindcss多个基础类组装<divclass="overflow-ellipsisoverflow-hiddenwhitesp
![tailwindcss 如何配置默认单位为px](https://cdn.portal.levenx.com/levenx-world/5hvE59kDPpdqb_c8.jpeg)
tailwindcss 如何配置默认单位为px
当我们刚开始使用tailwindcss框架处理项目中的样式,我相信很多人会跟我一样非常不习惯。tailwindcss默认支持的rem单位,而不是我们已经非常习惯的px,这其实给我们带来了不小的心智负担。这篇文章将介绍如何在项目中使用px单位设置元素的属性。方案方案一tailwindcss默认支持灵活设置元素距离属性,比如给div加一个16px的内边距,在属性后通过[]来设置具体的px;
![TailwindCSS 多主题色配置](https://cdn.fmlg1688.cn/levenx-world/0589ee77367f465cbeb513aa3e29873b.png)
TailwindCSS 多主题色配置
现在大多数网站都支持主题色变换,比如切换深色模式。那么我们该如何进行主题色配置呢?tailwinddarktailwind包含一个dark变体,当启用深色模式时,可以为网站设置不同样式<divclass="bg-whitedark:bg-gray-800"><h1class="text-gray-900dark:text-white">Da
![Nextjs 实现页面重定向的两种方案](https://cdn.portal.levenx.com/levenx-world/NRWnsvSYb8NbaAhb.jpg)
Nextjs 实现页面重定向的两种方案
由于项目升级导致历史链接不在维护,但是历史页面链接因为各种方式(比如SEO搜素引擎收录,用户自行收藏等)被用户主动直接访问,面对这些问题,前端开发者是需要考虑将历史页面的访问引导到新的落地页面。本文介绍基于nextjs框架如何对历史页面链接进行重定向。方案一通过修改next config文件实现页面重定向,方案二通过修改getInitialProps方法逻辑进行重定向。
![在项目中快速使用React-i18next](https://cdn.fmlg1688.cn/levenx-world/8b295cb2853b4b6aa07f44ac5cba18ab.webp)
在项目中快速使用React-i18next
React-i18next是一款强大的国际化框架forreact/reactnative,基于i18next,其作用就是项目可以实现多语言。下面我将介绍一下react-i18n的使用安装#npm$npminstallreact-i18nexti18next--save初始化配置选项resource:资源初始化lng:使用的语言fallbackLng:兜底语言debug:将日志打印到控制台inter
![一文教会你如何使用 Vercel 部署你的 NestJS 应用](https://cdn.portal.levenx.com/levenx-world/3rwRqofu3lVavxt5.jpg)
一文教会你如何使用 Vercel 部署你的 NestJS 应用
这篇文章详细解析了如何使用Vercel免费部署Nestjs项目的步骤。首先,我们需要在Nestjs项目中添加Vercel的配置文件。接着,我们将项目上传到GitHub,然后授权给Vercel。选择GitHub上的项目,通过Vercel平台创建新项目并完成部署。此外,如果你想使用个人域名访问你的服务,Vercel也提供了这样的支持,你只要有一个通过备案的个人域名,就可以将其配置到你的Vercel项
![精通CSS动画:基于 TailwindCSS 轻松添加动画效果](https://cdn.portal.levenx.com/levenx-world/5hvE59kDPpdqb_c8.jpeg)
精通CSS动画:基于 TailwindCSS 轻松添加动画效果
动画是现代网页设计中不可或缺的一部分,它们可以指引用户的注意力,增加交互性,以及提升用户体验。TailwindCSS作为一个功能强大的工具类CSS框架,为我们添加和控制动画提供了一系列便捷的方式。本文将演示如何使用TailwindCSS来处理和激活网页动画,使你的网站看起来更加生动。TailwindCSS动画基础TailwindCSS中处理动画的核心是transition和animation实用类
![React 支持多语言国际化 -- i18next](https://cdn.portal.levenx.com/levenx-world/Ff7mfZoZYyZjCqXS.jpeg)
React 支持多语言国际化 -- i18next
前言如果我们的项目需要更多的流量,支持其他国家的语言是必不可少的。对于React项目我们该如何实现项目多语言,让工程走向国际化,本文将介绍目前最通用的解决方案i18next。准确是说i18n并不仅仅是为React而生,为了支持React项目,我们还需要引入react-i18next插件。本文将通过简单的例子解释i18next的核心功能,下图是最终效果。
![Next.js 如何使用中间件 Middleware](https://cdn.portal.levenx.com/levenx-world/NRWnsvSYb8NbaAhb.jpg)
Next.js 如何使用中间件 Middleware
当我们提到中间件(Middleware),你可能会想到后端服务,如Express.js中用于处理HTTP请求的函数。但在Next.js中,中间件也是一个非常重要的概念。Next.js中间件代表了在服务器和浏览器之间的一层强大的逻辑处理层,它们可以在请求被处理成页面之前或在页面渲染之后执行代码。什么是Next.js中间件?Next.js中间件是在Next.js10版本中引入的概念,并在后续版本中得到
技术视角,新鲜视野
最新 IT 技术文章,紧跟科技发展步伐
技术文章集合
![技术视角,新鲜视野](https://cdn.portal.levenx.com/levenx-world/_wBzseU8JU1af-QH.webp)
高质量教程导航
一站式教程导航,全面技能提升![NestJS 最佳实践手册](https://cdn.portal.levenx.com/levenx-world/Iao8Z6_aMMQZCInc.jpeg)
NestJS 最佳实践手册
在这个全面的NestJS最佳实践手册中,我们将一起探索如何使用NestJS这个强大的Node.js框架来构建可维护、可扩展的企业级应用。从NestJS的基本概念和架构出发,到深入了解其依赖注入、模块化和微服务等核心功能,本手册将为你提供一系列的专业指导和实用技巧。
我们将讨论如何有效地利用TypeScript的强类型能力,如何整合ORM以实现数据库操作,以及如何应用中间件、守卫、过滤器和拦截器来
![TailwindCSS 使用指南](https://cdn.fmlg1688.cn/levenx-world/0589ee77367f465cbeb513aa3e29873b.png)
TailwindCSS 使用指南
Tailwind CSS 是一个流行的 CSS 工具库,它提供了一系列预定义的 CSS 类,可以帮助您轻松地创建漂亮的用户界面。本教程将帮助您深入了解 Tailwind CSS 的高级功能和技术,以帮助您更好地利用这个强大的工具库。
在本教程中,您将学习到:
如何使用 Tailwind CSS 的主题和变量来自定义外观和样式;
如何在 Tailwind CSS 中配置和使用插件来扩展其功能;
![Nextjs 全栈开发手册](https://cdn.portal.levenx.com/levenx-world/NRWnsvSYb8NbaAhb.jpg)
Nextjs 全栈开发手册
在这个系列教程中,您将踏上一段探索 Next.js 的精彩旅程。Next.js 是一款基于 Node.js 和 React 的现代化框架,专为构建快速、静态生成和服务器端渲染的Web应用而设计。无论您是前端新手还是经验丰富的开发者,本教程都将以步骤分解的方式带领您从基础概念到高级功能,全面了解 Next.js 的核心特性。
我们将从 Next.js 的安装和基本配置开始,逐步深入到路由、状态管理
![从零基础入门通关 NestJS](https://cdn.portal.levenx.com/levenx-world/Iao8Z6_aMMQZCInc.jpeg)
从零基础入门通关 NestJS
这是专为初学者设计的NestJS系列教程,旨在带领你踏上全栈开发的征途。从零基础出发,本教程将分步骤带你认识NestJS,一个以TypeScript为基础,为构建高效、可扩展的服务器端应用而生的框架。你不只会学到如何搭建和运行一个最简单的NestJS应用,而且将逐渐深入到如何利用其强大的模块系统、中间件、异常过滤器和管道优化你的代码结构和请求处理流程。无论是掌握数据库集成、认证授权,还是搞定微服务
![精通 NestJS 框架的核心组件](https://cdn.portal.levenx.com/levenx-world/Iao8Z6_aMMQZCInc.jpeg)
精通 NestJS 框架的核心组件
欢迎来到NestJS核心组件掌握课程,每个模块都是为了加深你对这个现代、高效框架的理解而精心设计的。在本系列教程中,我们将逐一拆解并深入研究NestJS的各个核心组件,包括控制器、提供者、模块、中间件、过滤器、守卫、拦截器和管道。我们将通过易于理解的解释、充满示例的指导和逐步实现,教会你如何精确运用这些基石以构建健壮与可扩展的后端应用。随着你对每个组件功能和应用场景的深入了解,你将能够轻松应对各种
![React Hooks 学习手册](https://cdn.fmlg1688.cn/levenx-world/63de811c499d4d14a137b27a84f7ecd5.jpeg)
React Hooks 学习手册
随着现代前端开发的迅猛进展,React Hooks 已成为实现复杂组件和逻辑的优选方案,凭借其简洁的语法与强大的功能,彻底改变了我们构建React应用的方式。透过这套全方位教程,我们将带你从Hooks基础概念入手,深入探索useState、useEffect等核心钩子的使用,并解锁自定义Hooks的强大潜力,助你精通函数式组件的状态管理和副作用处理。无论你是初学者还是希望提升现有知识的开发者,本系
![TypeScript 从入门到进阶](https://cdn.portal.levenx.com/levenx-world/-jkafMrmElxezMx6.png)
TypeScript 从入门到进阶
欢迎您踏上 TypeScript 的学习之旅,这是一种建立在 JavaScript 基础上的强类型编程语言,打造健壮且易维护的大型项目的最佳工具。我们的教程旨在将其复杂性转化为您的成就。
本系列教程涵盖了所有 TypeScript 的关键领域,无论您是初次接触还是已有经验,都能在这里找到自己的节奏。我们从 TypeScript 基本概念入手,明白其如何在 JavaScript 的基石之上,增加了
![Cypress 通关指南](https://cdn.portal.levenx.com/levenx-world/pns0K12nFJ8DJvuy.jpg)
Cypress 通关指南
项目的稳定性是项目迭代过程中最重要的关注点,在Web应用开发中,如何保证程序的高质量,可靠和良好的用户体验是指关重要的。为了达到这些目标,E2E自动化测试是不可或缺的环节。
目前市面上流行的E2E自动化框架中,cypress是基于JavaScript编写用例的框架,作为前端开发者,可以轻松接入E2E自动化测试。
Cypress为开发者提供了简洁、高效的测试方法,无论是对于初学者还是经验丰富的开
![Typeorm 使用指南](https://cdn.portal.levenx.com/levenx-world/iESHTbmYGCchL-Ee.jpg)
Typeorm 使用指南
TypeORM 是一个流行的 TypeScript ORM(对象关系映射)库,它可以帮助您轻松地将 TypeScript 类映射到关系型数据库表。本教程将帮助您深入了解 TypeORM 的高级功能和技术,以帮助您更好地利用这个强大的库。
在本教程中,您将学习到:
如何使用 TypeORM 中的高级查询和过滤功能来查询和操作数据库;
如何使用 TypeORM 中的实体继承和关系映射来创建复杂的数
![Redux 通关教程](https://cdn.fmlg1688.cn/levenx-world/POgfv1ijlzUB7ZPg.png)
Redux 通关教程
这套Redux通关教程是为希望深入理解和有效运用Redux进行状态管理的开发者设计的。我们将从Redux的基础开始,详细讲解其核心概念如Actions、Reducers和Store,以及如何将Redux集成到React应用中。随着课程的深入,你将学习到更高级的主题,包括中间件的使用、异步流的处理、Redux DevTools的调试技巧,以及如何利用Reselect优化选择器性能。我们还会探讨如何结
全栈开发者指南
精选教程,全面掌握IT核心技能
查看教程集合
![全栈开发者指南](https://cdn.portal.levenx.com/levenx-world/yryRev1pR3buCoTt.png)
活跃创作者
活跃创作者,极致的分享体验创作达人秘籍
内容创作的秘诀,活跃达人如何炼成
创作秘籍
![创作达人秘籍](https://cdn.portal.levenx.com/levenx-world/JwsMf1cOOFZgMCNA.png)
热门面试题
高质量 IT 面试题,争取更好的工作岗位- Proxy 的代理原理,以及 Proxy 是如何使用的?### 代理原理: Proxy,也称为代理服务器,其基本原理是作为客户端和服务器之间的中介角色。当客户端请求网页或其他网络服务时,代理服务器会接收这个请求,然后代表客户端向真正的服务器发送请求。代理服务器收到服务器的响应后,再将数据转发给客户端。这个过程实现了数据的中转,可以用于多种用途,如内容缓存、过滤请求、负载均衡、隐私保护等。 ### 使用Proxy的方式: Proxy 的使用可以根据
- React 中 useContext 的使用方式和使用场景有哪些?React 中的 `useContext` 钩子是一个用于让组件能够访问 React 上下文(Context)的工具。这个上下文设计用于共享那些对于一个组件树而言是“全局”的数据,如当前认证的用户、主题或首选语言等。 ### 使用方式: 首先,你需要创建一个 Context 对象。这可以通过 `React.createContext()` 完成,并且通常会在组件树的较高层级上完成。 ```
- 什么是 webp 图片?它的优势和缺点是有哪些? **WebP 图片简介:** WebP 是一种现代图像格式,由Google在2010年发布。它是一种旨在为网页图像压缩提供优异的压缩比的格式,其目标是减小图像的文件大小,而在视觉上保持高质量。WebP 支持无损压缩和有损压缩,同时还支持透明度(Alpha通道)和动画。 **WebP 的优势:** 1. **更小的文件大小:** 相较于传统的JPEG和PNG格式,WebP图像通常可以在不牺牲视
- vue3 中 setup 中如何获取组件实例在 Vue 3 中,`setup` 函数是组件选项 API 的替代,它允许您在组件创建之前使用组合式 API 设置组件的响应式状态和函数。通常情况下,`setup` 函数内部并不直接提供组件实例,因为它在组件实例创建之前就被调用了。但是,您可以通过 Vue 提供的 `getCurrentInstance` 方法来获取当前组件实例。 请注意,`getCurrentInstance` 主要用于库和框
- HTTPS 和 HTTP 的缓存有什么区别?在讨论HTTPS和HTTP的缓存差异之前,让我们首先明确这两者的基本区别:HTTP是一种无安全性加成的数据传输协议,而HTTPS是HTTP的安全版本,它通过SSL/TLS协议在客户端和服务器之间提供端到端的加密。 现在,谈到它们在缓存方面的区别: ### 1. 安全性: **HTTPS:** 当内容使用HTTPS传输时,中间人(如代理服务器、CDNs等)很难对数据进行篡改或查看内容,因此提供了
- React 如何使用异步组件以及异步组件的使用场景React 的异步组件(通常被称为懒加载组件)主要是通过动态 `import()` 语法和 React 的 `React.lazy` 函数来实现的。它们用于在需要时才加载组件,可以显著提高应用程序的性能,尤其是当应用程序很大并且有许多不同的页面和组件时。接下来,我会详细介绍如何使用异步组件以及它们的使用场景。 ### 如何使用异步组件 使用 React 异步组件的基本步骤如下: 1. 使用
- React Router 是如何配置组件的懒加载?React Router 可以通过配合 React 的 `React.lazy()` 和 `Suspense` 组件来配置组件的懒加载。以下是使用 React Router 实现懒加载的基本步骤: 1. **使用 `React.lazy` 实现动态导入**: `React.lazy()` 是一个允许你动态加载组件的函数。它可以让你定义一个动态导入的组件,并且这个组件会在首次渲染时自动加载。
- React 如何做性能优化?有哪些常见手段?React 在性能优化方面提供了多种策略和工具,以确保用户界面高效、平滑且响应迅速。以下是一些常用的性能优化手段: ### 1. 使用 `shouldComponentUpdate` 和 `React.PureComponent` 在类组件中,通过实现 `shouldComponentUpdate` 方法可以控制组件是否需要更新。当组件的状态或属性改变时,此方法会被调用,并根据返回的布尔值决定
- 什么是 js bridge?jsb 有哪些实现方式?### 什么是 JS Bridge? JS Bridge,即JavaScript Bridge,是一种在不同环境或者平台之间进行通信的技术,尤其是在Web视图(如WebView)中嵌入的JavaScript与宿主应用(通常是移动应用)之间的通信桥梁。通过JS Bridge,可以使得原生应用可以调用JavaScript代码,JavaScript代码也能调用原生应用的API,从而实现混合开发,充分利
- 谈谈对 Electron 中 WebView 的理解?Electron 中的 WebView 标签允许开发者在 Electron 应用中嵌入一个完整的网页。它是一个基于 web 技术的界面组件,可以加载远程网页或本地内容。WebView 标签在 Electron 应用中的作用类似于传统 web 开发中的 iframe 标签,但它提供了更丰富的功能和更强的隔离性。 ### 主要特点 #### 1. **进程隔离** WebView 运行在一个
- 发布订阅者模式和观察者模式的区别是什么?发布-订阅模式(Publish-Subscribe Pattern)和观察者模式(Observer Pattern)都是用于在对象之间传递消息的行为设计模式,但它们在对象如何进行通信和解耦方面存在一些关键区别。 ### 观察者模式 **定义与工作原理:** 在观察者模式中,被称为“主题”(Subject)的对象维护一组依赖于它的对象,也称为“观察者”(Observers)。当主题的状态发生变化
- base64 为什么能提升性能?Base64编码通常不是直接用来提升性能的,而是用来确保二进制数据可以通过仅支持文本格式的传输层安全地传输。Base64将二进制数据编码为ASCII字符串,这使得它可以在不支持二进制数据的系统(如电子邮件)中传输。虽然Base64编码的数据比原始二进制数据大约增加了33%,但在某些情况下,它可以间接地提升性能: 1. **减少HTTP请求**:在Web开发中,Base64编码通常用于将小的图片或
- 移动端Web如何画一条 0.5px 的线在移动端Web开发中,我们有很多方法可以实现画一条0.5px的线。以下是一些典型的方法: 1. **使用 viewport** 可以将页面的视口设置为设备宽度的一般,然后布局以这个新的视口宽度为基准进行。当设置 `border-width: 1px` 时,其实际显示出来结果就是物理像素的0.5px。 ```html <meta name="viewport" content
- Form 表单可以执行跨域请求吗?HTML表单(form)是可以执行跨域请求的。 在Web开发中,跨域请求指的是从一个源(domain、协议、端口)发起的请求试图获取另一个源上的资源。通常,出于安全考虑,浏览器会实施同源策略(Same-Origin Policy),这意味着如果使用XMLHttpRequest或Fetch API来发起Ajax请求,那么请求通常会受到限制,除非目标服务器明确允许跨源资源共享(CORS,Cross-
- 什么是 Virtual DOM?React 为什么使用 Virtual DOM?### 什么是 Virtual DOM? Virtual DOM(虚拟DOM)是一个编程概念,其中UI的表示形式保留在内存中,并通过称为Reconciliation的过程与“实际”的DOM同步。这个过程涉及创建整个UI的轻量级复制品。 以 JavaScript 对象的形式存在的 Virtual DOM 是实际 DOM 的一个轻量级副本。在 Virtual DOM 上进行的任何操作首先会在虚拟层
- 什么是BFC吗?BFC有哪些使用场景?> 什么是BFC BFC (Block Formatting Context) 是 Web 页面的可视化 CSS 渲染的一部分,它是块级盒布局发生的区域,也是浮动元素与其他元素的交互限定区域。 > 如何创建 BFC 在 CSS 中,以下几种方式可以创建 BFC: 1. 根元素或其它包含它的元素 2. 浮动元素 (元素的 `float` 不是 `none`) 3. 绝对定位元素(元素的 `p
- 在 Vue 中,watch和watchEffect的区别是什么?在Vue中,`watch`和`watchEffect`是两种响应式侦听器,都能够对响应式状态的变化作出反应,但是它们的工作方式和使用场景有所不同。 ### watch `watch` API 允许我们侦听特定的数据源,并在数据源改变时执行回调函数。它是响应式系统的一部分,非常适合于执行异步操作或比较昂贵的操作,因为你可以精确控制何时以及如何响应状态的变化。 - **精确性**: `watch
- WebSocket和HTTP协议有什么区别?WebSocket 和 HTTP 都是网络协议,它们在 Web 应用中承担着数据交换的角色,但是它们在设计上有着根本的差别,满足不同的应用场景。 ### HTTP 协议 HTTP(HyperText Transfer Protocol)是一种无状态的请求/响应协议,通常用于客户端和服务器之间的传统网页数据传输。它在 1991 年被发明,用来在互联网上传输超文本(HTML 文档),并随着时间进化
- 为什么有移动端 1px 的问题以及有什么方案可以解决移动端 1px 的问题? > 为什么存在 1px 问题 移动端的1px问题主要是由于设备的物理像素和逻辑像素的不同所致。在高清显示屏(即设备独立像素比例devicePixelRatio大于1)的设备上,一个CSS像素可能会对应多个设备像素。这就导致了CSS的1px边框在高清屏上显示得比预期更粗。 > 1px 以下是一些主要的解决1px问题的方案: 1. **视口缩放(Viewport Scale)** 视
- ::before 和 :after 中双冒号和单冒号有什么区别在 CSS 中,`::before` 和 `:before`,`::after` 和 `:after`是伪元素,它们被用来向选择的元素添加一些内容。 其中,`::before` 和 `::after` 是在 CSS3 才出现的,并且是推荐的用法。双冒号 `::` 是用来区分伪元素和伪类的。伪元素用于向元素的特定部分添加样式。例如,`::first-line`、`::first-letter`、`
求职者的面试宝典
名企热门面试题目,助你一举拿下Offer
面试题集合
![求职者的面试宝典](https://cdn.portal.levenx.com/levenx-world/PE6D1j0w4SAmOdEq.png)
热门问题集锦
常见编程疑问,快速定位问题及解决方案- PNPM 如何在多个版本之间切换?
- Nextjs 项目如何获取页面 url 或 host ?
- Nextjs 项目如何同时使用不同的 env 文件配置?
- Nextjs 如何解决 cors 问题?
- Nextjs 如何在加载页面时添加 loading ?
- NextJS 如何使用代理服务器将请求代理到后端?
- 如何清除 Service Worker 的缓存?
- TailwindCSS 如何动态构建 class 类名?
- Nextjs 如何设置每个页面的标题?
- TailwindCSS 中如何访问 div 的所有的子元素?
热门编程难题速查
编程常见问题答疑,技术难点不再是难点
问题集锦
![热门编程难题速查](https://cdn.portal.levenx.com/levenx-world/wAvmaWK4TeO7Ag8z.png)