Golang单元测试怎么写 testing框架基础用法

Go语言单元测试需创建以_test.go结尾的文件并编写Test开头的函数,使用go test命令运行;通过t.Error、t.Fatal等方法报告结果,可结合t.Run进行子测试,用t.Helper()编写辅助断言函数,推荐将测试文件与源码同包以直接访问内部函数,同时利用接口和Mock隔离依赖,确保测试独立可重复。

golang单元测试怎么写 testing框架基础用法

在Go语言里写单元测试,核心就是利用它内置的

testing

框架。你只需要在你的代码同目录下,或者单独的

_test

包里,创建一个以

_test.go

结尾的文件,然后在里面写以

Test

开头的函数,参数是

*testing.T

类型。接着,用

go test

命令一跑,就完事了。这套机制简单直接,没什么花里胡哨的,但很高效。

Golang的

testing

框架,说白了就是一套约定。你得有个待测试的函数,比如我写了个简单的加法函数:

// main.gopackage mainfunc Add(a, b int) int {    return a + b}func Subtract(a, b int) int {    return a - b}

然后,在同目录下,我创建一个

main_test.go

文件。注意,这个文件名是惯例,但关键是

_test.go

这个后缀。

// main_test.gopackage main // 或者 package main_test,看你的需求import (    "testing")func TestAdd(t *testing.T) {    // 预期结果和实际结果的比较    result := Add(1, 2)    expected := 3    if result != expected {        // t.Errorf 会标记测试失败,但会继续执行后续测试        t.Errorf("Add(1, 2) 期望得到 %d, 实际得到 %d", expected, result)    }    // 另一个测试用例    result = Add(-1, 1)    expected = 0    if result != expected {        t.Errorf("Add(-1, 1) 期望得到 %d, 实际得到 %d", expected, result)    }}func TestSubtract(t *testing.T) {    result := Subtract(5, 2)    expected := 3    if result != expected {        // t.Fatalf 会标记测试失败,并立即停止当前测试函数的执行        t.Fatalf("Subtract(5, 2) 期望得到 %d, 实际得到 %d", expected, result)    }    // 你也可以用 t.Logf 来输出一些调试信息,它只在测试失败或使用 -v 模式时显示    t.Logf("Subtract(5, 2) 测试通过,结果为 %d", result)}// 示例:使用 t.Run 进行子测试,让测试结构更清晰func TestComplexOperation(t *testing.T) {    t.Run("Positive Numbers", func(t *testing.T) {        if Add(10, 5) != 15 {            t.Error("Positive numbers addition failed")        }    })    t.Run("Negative Numbers", func(t *testing.T) {        if Add(-10, -5) != -15 {            t.Error("Negative numbers addition failed")        }    })    t.Run("Zero Case", func(t *testing.T) {        if Add(0, 0) != 0 {            t.Error("Zero addition failed")        }    })}// 辅助函数,避免重复的断言逻辑func assertEqual(t *testing.T, actual, expected int, msg string) {    t.Helper() // 标记为辅助函数,错误报告会指向调用它的行    if actual != expected {        t.Errorf("%s: 期望 %d, 实际 %d", msg, expected, actual)    }}func TestAddWithHelper(t *testing.T) {    assertEqual(t, Add(1, 2), 3, "Add(1, 2)")    assertEqual(t, Add(10, -5), 5, "Add(10, -5)")}

运行测试很简单,在命令行里,进入到你的项目根目录或者包含

main_test.go

的目录,然后敲:

立即学习“go语言免费学习笔记(深入)”;

go test

如果你想看更详细的输出,包括通过的测试:

go test -v

如果只想运行某个特定的测试函数,比如

TestAdd

go test -run TestAdd
testing.T

对象提供了不少方法:

t.Error

/

t.Errorf

: 标记测试失败,但继续执行当前测试函数。

t.Fatal

/

t.Fatalf

: 标记测试失败,并立即停止当前测试函数的执行。

t.Log

/

t.Logf

: 输出日志信息,只有在

go test -v

或测试失败时才显示。

t.Run

: 用于创建子测试,让你可以将一个大测试拆分成多个小部分,报告也更细致。

t.Helper()

: 当你在测试中编写辅助函数时,调用

t.Helper()

可以使测试报告在失败时指向调用辅助函数的地方,而不是辅助函数内部。这对于编写可复用的断言逻辑非常有用。

Golang单元测试文件应该如何组织和命名?

在Go语言里,测试文件的组织和命名其实有几种常见的做法,每种都有它的道理和适用场景。最常见的,也是Go官方推荐的,就是把测试文件和它要测试的源文件放在同一个包里,但文件名必须以

_test.go

结尾。比如,你有一个

user.go

文件,里面定义了用户相关的逻辑,那么它的测试文件就应该叫

user_test.go

这样做的好处是显而易见的:

紧密耦合,易于查找:测试代码和被测代码紧挨着,一眼就能看出哪些代码有测试,哪些没有。当你修改某个功能时,很容易就能找到对应的测试去更新。访问内部函数:因为测试文件和源文件在同一个包里,所以测试函数可以直接访问包内所有非导出(小写开头)的函数、变量和类型。这在测试一些辅助性、不打算对外暴露的内部逻辑时非常方便。我个人觉得这一点很重要,很多时候我们就是想测试那些内部的复杂流程,而不是仅仅暴露给外部的接口。

不过,有时候你可能会看到另一种组织方式:将测试文件放在一个单独的测试包里,通常是原包名后加

_test

。比如,

user

包的测试文件放在

user_test

包里。

// user.gopackage userfunc GetUserName(id int) string {    // ...    return "TestUser"}// user_test/user_test.gopackage user_test // 注意这里是 user_test 包import (    "testing"    "your_module/user" // 需要导入 user 包)func TestGetUserName(t *testing.T) {    if user.GetUserName(1) != "TestUser" { // 只能访问导出的函数        t.Error("GetUserName failed")    }}

这种方式的优点在于:

模拟外部调用:测试代码只能访问被测包中导出的(大写开头)函数和类型,这更像是外部模块调用你的包的方式。这有助于你从用户视角去思考和测试API接口,确保它们的公共接口设计合理且易用。避免循环依赖:在某些复杂的模块依赖场景下,如果测试文件和源文件在一个包内,可能会不小心引入测试代码对业务代码的循环依赖,而单独的

_test

包可以有效避免这个问题。

通常情况下,我倾向于将测试文件放在同一个包内。因为Go语言本身就鼓励你写小而精的函数,很多时候,一个包内的内部函数才是真正的业务逻辑核心,对外暴露的只是一个门面。如果不能直接测试这些内部函数,你可能需要写更多复杂的集成测试,或者为了测试而把内部函数导出,这无疑会污染API。当然,如果一个功能点特别复杂,或者涉及到对外API的集成测试,我可能会考虑用

_test

包的方式,或者结合

t.Run

来区分不同层面的测试。

如何处理测试中的依赖和副作用?

测试最怕的就是不确定性。一个好的单元测试应该是独立、可重复的,它不应该依赖外部环境,也不应该产生副作用影响后续的测试。但在实际开发中,我们的代码往往会依赖数据库、网络服务、文件系统,甚至其他复杂的业务模块。处理这些依赖和副作用,是写好测试的关键。

首先,最核心的原则是隔离。你的单元测试应该只关注被测单元自身的逻辑,而不是它所依赖的外部系统。

1. 接口和Mock/Stub

这是最常见也最有效的方法。Go语言的接口(interface)在这里发挥了巨大作用。如果你的函数依赖一个外部服务,不要直接在函数内部实例化那个服务,而是让函数接受一个接口作为参数。这样,在测试时,你就可以传入一个实现了这个接口的“模拟对象”(Mock或Stub)。

比如,你的服务需要访问数据库:

// 业务代码type UserRepository interface {    GetUserByID(id int) (User, error)}type UserService struct {    Repo UserRepository}func (s *UserService) GetUserDetails(id int) (User, error) {    // ... 业务逻辑    return s.Repo.GetUserByID(id)}// 测试代码type MockUserRepository struct {    GetUserByIDFunc func(id int) (User, error)}func (m *MockUserRepository) GetUserByID(id int) (User, error) {    if m.GetUserByIDFunc != nil {        return m.GetUserByIDFunc(id)    }    return User{}, errors.New("not implemented") // 默认实现,如果没设置则报错}func TestGetUserDetails(t *testing.T) {    mockRepo := &MockUserRepository{        GetUserByIDFunc: func(id int) (User, error) {            if id == 1 {                return User{ID: 1, Name: "TestUser"}, nil            }            return User{}, errors.New("user not found")        },    }    userService := &UserService{Repo: mockRepo}    user, err := userService.GetUserDetails(1)    if err != nil {        t.Fatalf("Expected no error, got %v", err)    }    if user.Name != "TestUser" {        t.Errorf("Expected TestUser, got %s", user.Name)    }    _, err = userService.GetUserDetails(2)    if err == nil {        t.Error("Expected error for non-existent user, got nil")    }}

这里,我们通过

MockUserRepository

模拟了数据库的行为,

UserService

在测试时完全不知道自己是在和真正的数据库交互,还是在和一个假的对象交互。这种方式让测试变得非常纯粹和快速。

2.

t.Cleanup()

在测试中,有时你不得不创建一些临时资源,比如文件、数据库连接等。

t.Cleanup()

是一个非常棒的工具,它允许你注册一个函数,这个函数会在当前测试(或子测试)结束时自动执行,无论测试是成功还是失败。这对于清理临时文件、关闭连接、恢复全局状态等操作非常有用。

func TestWithTempFile(t *testing.T) {    tempDir := t.TempDir() // Go 1.15+ 提供的,自动创建临时目录并注册清理函数    tempFilePath := filepath.Join(tempDir, "test.txt")    err := os.WriteFile(tempFilePath, []byte("hello"), 0644)    if err != nil {        t.Fatalf("Failed to create temp file: %v", err)    }    // t.Cleanup(func() {    //     // 在 Go 1.15+ 中,t.TempDir() 已经自动处理了目录清理,    //     // 所以这里通常不需要手动 os.RemoveAll(tempDir)    //     // 但如果你手动创建了文件,可以用 t.Cleanup 来清理    //     // t.Logf("Cleaning up temp file: %s", tempFilePath)    //     // os.Remove(tempFilePath)    // })    // 假设你的函数读取这个文件    content, err := os.ReadFile(tempFilePath)    if err != nil {        t.Fatalf("Failed to read temp file: %v", err)    }    if string(content) != "hello" {        t.Errorf("Unexpected content: %s", string(content))    }}
t.TempDir()

更是把创建和清理临时目录的活儿都包了,非常方便。

3.

httptest

如果你的代码依赖HTTP服务(比如调用RESTful API),

net/http/httptest

包是你的救星。它提供了一个轻量级的HTTP服务器,你可以在测试中启动它,并模拟各种HTTP响应,而无需真正发起网络请求。

import (    "io/ioutil"    "net/http"    "net/http/httptest"    "testing")func fetchContent(url string) (string, error) {    resp, err := http.Get(url)    if err != nil {        return "", err    }    defer resp.Body.Close()    body, err := ioutil.ReadAll(resp.Body)    if err != nil {        return "", err    }    return string(body), nil}func TestFetchContent(t *testing.T) {    // 创建一个测试HTTP服务器    ts := httptest.NewServer(http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {        if r.URL.Path == "/test" {            w.WriteHeader(http.StatusOK)            w.Write([]byte("Hello from test server!"))        } else {            w.WriteHeader(http.StatusNotFound)        }    }))    defer ts.Close() // 测试结束时关闭服务器    content, err := fetchContent(ts.URL + "/test")    if err != nil {        t.Fatalf("Expected no error, got %v", err)    }    if content != "Hello from test server!" {        t.Errorf("Expected 'Hello from test server!', got '%s'", content)    }    _, err = fetchContent(ts.URL + "/nonexistent")    if err == nil {        t.Error("Expected an error for non-existent path, got nil")    }}

这些方法的核心思想都是将外部依赖“虚拟化”或“沙盒化”,让你的测试运行在一个可控、纯净的环境中。这不仅能提高测试的稳定性,还能大大加快测试的执行速度。

Golang测试中常用的断言方式有哪些?

Go语言的

testing

框架本身并没有提供像其他语言测试框架那样丰富的“断言”库(比如Python的

unittest

或Java的JUnit)。它遵循的是Go语言一贯的哲学:显式错误检查。这意味着,你通常会看到大量的

if actual != expected { t.Errorf(...) }

这样的代码。这初看起来可能有点啰嗦,但它非常清晰,而且让你完全掌控错误报告的细节。

1. 原生比较和错误报告

这是最直接,也是Go官方推荐的方式。你直接用

if

语句进行条件判断,如果条件不满足,就调用

t.Error

t.Errorf

t.Fatal

t.Fatalf

来报告错误。

func TestEquality(t *testing.T) {    actual := "hello"    expected := "world"    if actual != expected {        t.Errorf("字符串不匹配:期望 %q, 实际 %q", expected, actual)    }    numActual := 10    numExpected := 20    if numActual >= numExpected { // 注意,这里故意写了个会失败的条件        t.Errorf("数字比较失败:期望 %d 小于 %d, 实际 %d", numActual, numExpected, numActual)    }}func TestErrorHandling(t *testing.T) {    _, err := someFunctionThatMightReturnError() // 假设这个函数返回一个错误    if err == nil {        t.Fatal("期望得到一个错误,但实际为 nil") // 遇到严重错误直接停止    }    // 检查错误类型或内容    if err.Error() != "specific error message" {        t.Errorf("期望的错误信息是 'specific error message', 实际是 '%v'", err)    }}func someFunctionThatMightReturnError() (int, error) {    return 0, errors.New("specific error message")}

这种方式的好处在于:

透明和直接:你不需要学习额外的断言API,Go程序员对

if err != nil

这种模式非常熟悉。精确的错误信息:你可以根据具体情况定制非常详细和有用的错误报告,这对于调试非常重要。

2. 自定义辅助函数

随着测试用例的增多,你可能会发现很多重复的

if actual != expected

模式。为了减少重复代码,提高可读性,你可以编写自己的辅助函数来封装这些常见的断言逻辑。这在前面“解决方案”部分已经提到了,使用

t.Helper()

标记这些函数,可以让错误报告指向调用者而不是辅助函数内部。

// assertEqual 检查两个值是否相等func assertEqual(t *testing.T, actual, expected interface{}, msg string) {    t.Helper()    if actual != expected {        t.Errorf("%s: 期望 %v, 实际 %v", msg, expected, actual)    }}// assertNotEqual 检查两个值是否不相等func assertNotEqual(t *testing.T, actual, expected interface{}, msg string) {    t.Helper()    if actual == expected {        t.Errorf("%s: 期望 %v 不等于 %v, 实际相等", msg, expected, actual)    }}// assertNil 检查值是否为 nilfunc assertNil(t *testing.T, actual interface{}, msg string) {    t.Helper()    if actual != nil {        t.Errorf("%s: 期望 nil, 实际 %v", msg, actual)    }}// assertNotNil 检查值是否不为 nilfunc assertNotNil(t *testing.T, actual interface{}, msg string) {    t.Helper()    if actual == nil {        t.Errorf("%s: 期望非 nil, 实际 nil", msg)    }}func TestMyLogic(t *testing.T) {    result := 1 + 1    assertEqual(t, result, 2, "加法结果")    err := someFunctionThatMightReturnError()    assertNotNil(t, err, "函数应该返回错误")    assertEqual(t, err.Error(), "specific error message", "错误信息匹配")}

这种方式兼顾了原生方法的清晰性,又解决了代码重复的问题。我个人非常推荐这种做法,因为它完全符合Go的风格,且易于维护。

3. 第三方断言库(可选)

虽然Go社区推崇原生方式,但也有一些第三方库提供了更丰富的断言功能,它们通常模仿其他语言的断言风格,让测试代码看起来更简洁。其中最流行的是

github.com/stretchr/testify/assert

import (    "testing"    "github.com/stretchr/testify/assert" // 导入 testify/assert)func TestWithTestify(t *testing.T) {    result := 1 + 1    assert.Equal(t, 2, result, "加法结果不正确") // 期望值在前,实际值在后    err := someFunctionThatMightReturnError()    assert.NotNil(t, err, "函数应该返回错误")    assert.EqualError(t, err, "specific error message", "错误信息不匹配")    // 更多断言方法,例如:    assert.True(t, result > 0, "结果应该大于零")    assert.Contains(t, "hello world", "world", "字符串应包含子串")    assert.Len(t, []int{1, 2, 3}, 3, "切片长度不正确")}

使用第三方库的优点是:

代码简洁:一行代码可以完成复杂的断言,比如检查切片是否包含某个元素,或者两个结构体是否深度相等。**丰富的断言类型

以上就是Golang单元测试怎么写 testing框架基础用法的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1399137.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月15日 15:58:00
下一篇 2025年12月15日 15:58:12

相关推荐

  • Uniapp 中如何不拉伸不裁剪地展示图片?

    灵活展示图片:如何不拉伸不裁剪 在界面设计中,常常需要以原尺寸展示用户上传的图片。本文将介绍一种在 uniapp 框架中实现该功能的简单方法。 对于不同尺寸的图片,可以采用以下处理方式: 极端宽高比:撑满屏幕宽度或高度,再等比缩放居中。非极端宽高比:居中显示,若能撑满则撑满。 然而,如果需要不拉伸不…

    2025年12月24日
    400
  • 如何让小说网站控制台显示乱码,同时网页内容正常显示?

    如何在不影响用户界面的情况下实现控制台乱码? 当在小说网站上下载小说时,大家可能会遇到一个问题:网站上的文本在网页内正常显示,但是在控制台中却是乱码。如何实现此类操作,从而在不影响用户界面(UI)的情况下保持控制台乱码呢? 答案在于使用自定义字体。网站可以通过在服务器端配置自定义字体,并通过在客户端…

    2025年12月24日
    800
  • 如何在地图上轻松创建气泡信息框?

    地图上气泡信息框的巧妙生成 地图上气泡信息框是一种常用的交互功能,它简便易用,能够为用户提供额外信息。本文将探讨如何借助地图库的功能轻松创建这一功能。 利用地图库的原生功能 大多数地图库,如高德地图,都提供了现成的信息窗体和右键菜单功能。这些功能可以通过以下途径实现: 高德地图 JS API 参考文…

    2025年12月24日
    400
  • 如何使用 scroll-behavior 属性实现元素scrollLeft变化时的平滑动画?

    如何实现元素scrollleft变化时的平滑动画效果? 在许多网页应用中,滚动容器的水平滚动条(scrollleft)需要频繁使用。为了让滚动动作更加自然,你希望给scrollleft的变化添加动画效果。 解决方案:scroll-behavior 属性 要实现scrollleft变化时的平滑动画效果…

    2025年12月24日
    000
  • 如何为滚动元素添加平滑过渡,使滚动条滑动时更自然流畅?

    给滚动元素平滑过渡 如何在滚动条属性(scrollleft)发生改变时为元素添加平滑的过渡效果? 解决方案:scroll-behavior 属性 为滚动容器设置 scroll-behavior 属性可以实现平滑滚动。 html 代码: click the button to slide right!…

    2025年12月24日
    500
  • 如何选择元素个数不固定的指定类名子元素?

    灵活选择元素个数不固定的指定类名子元素 在网页布局中,有时需要选择特定类名的子元素,但这些元素的数量并不固定。例如,下面这段 html 代码中,activebar 和 item 元素的数量均不固定: *n *n 如果需要选择第一个 item元素,可以使用 css 选择器 :nth-child()。该…

    2025年12月24日
    200
  • 使用 SVG 如何实现自定义宽度、间距和半径的虚线边框?

    使用 svg 实现自定义虚线边框 如何实现一个具有自定义宽度、间距和半径的虚线边框是一个常见的前端开发问题。传统的解决方案通常涉及使用 border-image 引入切片图片,但是这种方法存在引入外部资源、性能低下的缺点。 为了避免上述问题,可以使用 svg(可缩放矢量图形)来创建纯代码实现。一种方…

    2025年12月24日
    100
  • 如何解决本地图片在使用 mask JS 库时出现的跨域错误?

    如何跨越localhost使用本地图片? 问题: 在本地使用mask js库时,引入本地图片会报跨域错误。 解决方案: 要解决此问题,需要使用本地服务器启动文件,以http或https协议访问图片,而不是使用file://协议。例如: python -m http.server 8000 然后,可以…

    2025年12月24日
    200
  • 如何让“元素跟随文本高度,而不是撑高父容器?

    如何让 元素跟随文本高度,而不是撑高父容器 在页面布局中,经常遇到父容器高度被子元素撑开的问题。在图例所示的案例中,父容器被较高的图片撑开,而文本的高度没有被考虑。本问答将提供纯css解决方案,让图片跟随文本高度,确保父容器的高度不会被图片影响。 解决方法 为了解决这个问题,需要将图片从文档流中脱离…

    2025年12月24日
    000
  • 为什么 CSS mask 属性未请求指定图片?

    解决 css mask 属性未请求图片的问题 在使用 css mask 属性时,指定了图片地址,但网络面板显示未请求获取该图片,这可能是由于浏览器兼容性问题造成的。 问题 如下代码所示: 立即学习“前端免费学习笔记(深入)”; icon [data-icon=”cloud”] { –icon-cl…

    2025年12月24日
    200
  • 如何利用 CSS 选中激活标签并影响相邻元素的样式?

    如何利用 css 选中激活标签并影响相邻元素? 为了实现激活标签影响相邻元素的样式需求,可以通过 :has 选择器来实现。以下是如何具体操作: 对于激活标签相邻后的元素,可以在 css 中使用以下代码进行设置: li:has(+li.active) { border-radius: 0 0 10px…

    2025年12月24日
    100
  • 如何模拟Windows 10 设置界面中的鼠标悬浮放大效果?

    win10设置界面的鼠标移动显示周边的样式(探照灯效果)的实现方式 在windows设置界面的鼠标悬浮效果中,光标周围会显示一个放大区域。在前端开发中,可以通过多种方式实现类似的效果。 使用css 使用css的transform和box-shadow属性。通过将transform: scale(1.…

    2025年12月24日
    200
  • 为什么我的 Safari 自定义样式表在百度页面上失效了?

    为什么在 Safari 中自定义样式表未能正常工作? 在 Safari 的偏好设置中设置自定义样式表后,您对其进行测试却发现效果不同。在您自己的网页中,样式有效,而在百度页面中却失效。 造成这种情况的原因是,第一个访问的项目使用了文件协议,可以访问本地目录中的图片文件。而第二个访问的百度使用了 ht…

    2025年12月24日
    000
  • 如何用前端实现 Windows 10 设置界面的鼠标移动探照灯效果?

    如何在前端实现 Windows 10 设置界面中的鼠标移动探照灯效果 想要在前端开发中实现 Windows 10 设置界面中类似的鼠标移动探照灯效果,可以通过以下途径: CSS 解决方案 DEMO 1: Windows 10 网格悬停效果:https://codepen.io/tr4553r7/pe…

    2025年12月24日
    000
  • 使用CSS mask属性指定图片URL时,为什么浏览器无法加载图片?

    css mask属性未能加载图片的解决方法 使用css mask属性指定图片url时,如示例中所示: mask: url(“https://api.iconify.design/mdi:apple-icloud.svg”) center / contain no-repeat; 但是,在网络面板中却…

    2025年12月24日
    000
  • 如何用CSS Paint API为网页元素添加时尚的斑马线边框?

    为元素添加时尚的斑马线边框 在网页设计中,有时我们需要添加时尚的边框来提升元素的视觉效果。其中,斑马线边框是一种既醒目又别致的设计元素。 实现斜向斑马线边框 要实现斜向斑马线间隔圆环,我们可以使用css paint api。该api提供了强大的功能,可以让我们在元素上绘制复杂的图形。 立即学习“前端…

    2025年12月24日
    000
  • 图片如何不撑高父容器?

    如何让图片不撑高父容器? 当父容器包含不同高度的子元素时,父容器的高度通常会被最高元素撑开。如果你希望父容器的高度由文本内容撑开,避免图片对其产生影响,可以通过以下 css 解决方法: 绝对定位元素: .child-image { position: absolute; top: 0; left: …

    2025年12月24日
    000
  • 使用 Mask 导入本地图片时,如何解决跨域问题?

    跨域疑难:如何解决 mask 引入本地图片产生的跨域问题? 在使用 mask 导入本地图片时,你可能会遇到令人沮丧的跨域错误。为什么会出现跨域问题呢?让我们深入了解一下: mask 框架假设你以 http(s) 协议加载你的 html 文件,而当使用 file:// 协议打开本地文件时,就会产生跨域…

    2025年12月24日
    200
  • CSS 帮助

    我正在尝试将文本附加到棕色框的左侧。我不能。我不知道代码有什么问题。请帮助我。 css .hero { position: relative; bottom: 80px; display: flex; justify-content: left; align-items: start; color:…

    2025年12月24日 好文分享
    200
  • HTML、CSS 和 JavaScript 中的简单侧边栏菜单

    构建一个简单的侧边栏菜单是一个很好的主意,它可以为您的网站添加有价值的功能和令人惊叹的外观。 侧边栏菜单对于客户找到不同项目的方式很有用,而不会让他们觉得自己有太多选择,从而创造了简单性和秩序。 今天,我将分享一个简单的 HTML、CSS 和 JavaScript 源代码来创建一个简单的侧边栏菜单。…

    2025年12月24日
    200

发表回复

登录后才能评论
关注微信