网格系统（CSS Grid）是CSS中最重要的特性之一。它能够以简单的方式将元素对齐到列和行中。CSS网格使得设计复杂且响应式的网页变得更加容易，无需使用浮动、表格或定位。它还具有许多更强大的功能，如果你多加练...

PHP 总是在不断发展，了解最新的功能和改进非常重要。本文介绍了 2023 年您应该了解的 20 个 PHP 功能，每个功能都配有方便的代码示例。 1. str_contains(): 检查一个字符串是否包含在另一个字符串中。 ...

当谈及JavaScript高级概念时，我们指的是JavaScript编程语言的更加复杂和精妙的方面。以下是一些关键概念。 1、闭包（Closures） 在JavaScript中，闭包常被用来创建私有变量和封装功能。通过在外部函数内...

概要 最近项目中有遇到一种场景需要元素以固定宽高比且元素的宽度占父元素的固定百分比的情况，简而言之就是元素的宽度是随浏览器而变化，元素的高度是随元素的宽度变化的。 实现方式一：使用aspect-ratio...

问题描述 当我们拿到设计稿去实现一个网页时，经常会发现设计稿当中一般使用的字体都是 PingFang SC 这一款字体。这是因为我们的 UI 设计师 一般使用的都是 Mac 电脑制作的设计稿。但是我们并不能...

什么是事件委托 事件（例如onclick,onmouseover,onmouseout等事件），这些事件本来是加在发生这些事件的元素上，委托就是加在他的父亲或者爷爷身上。来完成这个事件。 啥时候会使用delegate呢？页面中原来...

在这篇文章中，我想向您展示一些简单的CSS技巧，您可以在下一个项目中使用它们。让我们开始吧！ 1、-webkit-text-stroke 通过使用这个简单易用的属性，可以创建出酷炫的文字效果。它可以给文字添加描边。-...

在本文中，我们将分享一些可以帮助你编写干净的 JavaScript 代码的技巧。无论你是初级职位还是高级职位，它都一定会帮助你提高实践水平。 01、使用对象解构来获得更清晰的代码 // Bad const firstName = u...

一、校验数字的表达式 1. 数字：^[0-9]*$ 2. n位的数字：^\d{n}$ 3. 至少n位的数字：^\d{n,}$ 4. m-n位的数字：^\d{m,n}$ 5. 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6. 非零开头的最多带两位...

1、限制输入数字、字母、短横线 <input onkeyup="this.value=this.value.replace(/[^\w\-]/g,'')" onpaste="this.value=this.value.replace(/[^\w\-]/g,'')" /> ...