CSS 选择器以及选择器的优先级
CSS选择器是CSS用于选择HTML元素并应用具体样式属性的语法。CSS选择器有许多种类型,本文会详细列举所有的选择器并举例说明具体用法以及CSS选择器权重计算和CSS生效属性分析。CSS选择器1.标签选择器2.类选择器3.ID选择器4.属性选择器5.伪类选择器6.子选择器7.后代选择器8.相邻兄弟选择器9通配符选择器。css选择器优先级权重计算...
前端 · 阅读 3150 · 2023年5月28日 00:57

TypeScript 中的 interface 和 type 有什么区别?应该如何选择?
TypeScript中的interface和type都是声明自定义类型的方式,但它们有一些区别,适用于不同的使用场景。两者使用案例interfaceinterface主要用于描述对象的形状或者类的结构,这是它最经常的应用场景。interface使用示例:interfacePerson{name:string;age:number;}functiongreet(person:Person){re
前端 · 阅读 2855 · 2023年12月20日 23:30

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

JavaScript 实现快速排序算法
快速排序,一种被广泛认可和使用的排序算法,因为其高效率和优秀的平均案例性能而闻名。它的核心理念是“分而治之”,通过递归的方式将大问题化成小问题解决。本篇文章将介绍如何使用JavaScript来实现这个算法,让你的数组排列得井井有条。基本思想快速排序的基本思想非常简单:选择基准值(Pivot):从数组中选择一个元素作为基准值,通常选择第一个元素或最后一个元素。分区操作(Partitioning):
前端 · 阅读 1979 · 2022年3月24日 12:27

深入理解与应用nanoid:JS如何生成定制化随机数
在前端开发中,我们时常需要生成一个全局唯一标识(GUID/UUID),或者是一个简短而随机的字符串作为ID,用于数据库主键、元素标记或是其他需要唯一性的场合。传统上,我们可能会选择使用Math.random()搭配其他方法来实现这一需求,但这并不是最佳选择,因为它既不够安全,也不保证唯一性。这时候,nanoid就成为了一个极佳的选择。什么是nanoid?nanoid是一个小巧、安全、URL友好的唯
前端 · 阅读 1693 · 2024年2月23日 16:59

TailwindCSS 如何设置全局字体以及给特定元素设置字体
TailwindCSS是一个功能类优先的CSS框架,它允许开发者通过组合不同的工具类来快速构建自定义的用户界面。设置全局字体及给特定元素设置字体是前端开发中的常见需求,TailwindCSS为这一需求提供了简单有效的解决方案。接下来,我们将一步步地探讨如何在TailwindCSS中实现字体设置。字体文件引入一旦选择了字体,你需要将它们添加到你的项目中。这里有两种常见的方法:使用在线字体服务或自托管
前端 · 阅读 4549 · 2024年4月12日 12:15

前端快速入门Koa.js
Nodejs提供了http能力,我们通过如下代码可以快速创建一个httpserver服务consthttp=require('http');http.createServer((req,res)=>{res.write('hello\n');res.end();}).listen(3000);使用nodejs提供的原生能力启动一个httpserver并不麻烦,但是拓展额外的能力就比较麻烦,比
服务端 · 阅读 2199 · 2022年6月13日 00:28

React 如何使用 Recoil 管理接口请求的数据
Recoil旨在帮助React应用更高效地处理共享状态,在许多现代应用中,与后端的接口请求是不可或缺的一环,因此如何在使用Recoil时优雅地进行接口请求就显得尤为重要。本文将介绍如何在React应用中使用Recoil实现接口请求,并讨论请求的重复性问题。Recoil的核心在深入了解如何利用Recoil进行接口请求之前,先简要介绍Recoil的两个核心概念:atom和selector。Atom:
前端 · 阅读 1900 · 2024年4月22日 00:29

Koa.js 如何处理 CORS 跨域问题
在现代的web开发中,CORS(Cross-OriginResourceSharing,跨源资源共享)是一个常见的问题。由于浏览器的同源策略限制,当我们尝试进行跨域请求时,例如从http://domain-a.com向http://domain-b.com发送AJAX请求,浏览器会拦截这些请求。幸运的是,Koa这样的现代框架提供了优雅的解决方案。在本教程中,我们将通过简单易懂的方式来掌握如何在Ko
服务端 · 阅读 892 · 2024年4月11日 23:27

Mongoose 如何实现模糊查询(Like Query)
Mongoose为Node.js提供了一种更好的方式来构建查询和操作数据。在SQL数据库中,模糊查询通常是通过LIKE语法实现的,而在MongoDB中,我们可以使用正则表达式来达到类似的效果。在本文中,将介绍如何在Mongoose中实现模糊查询。Mongoose模型设置首先,我们要定义一个Mongoose模型。假设我们有一个用户模型,其中包含一个名为username的字段。constmongoo
服务端 · 阅读 2152 · 2024年4月21日 13:41
