【微软技术栈】C#.NET 正则表达式源生成器

本文内容

  1. 已编译的正则表达式
  2. 源生成
  3. 在源生成的文件中
  4. 何时使用

正则表达式 (regex) 是一个字符串,它使开发人员能够表达要搜索的模式,使其成为搜索文本和提取结果作为已搜索字符串子集的一种很常见的方法。 在 .NET 中,System.Text.RegularExpressions 命名空间用于定义 Regex 实例和静态方法,并匹配用户定义的模式。 本文介绍如何使用源生成来生成 Regex 实例以优化性能。

 备注

请尽可能地使用源生成的正则表达式,而不是使用 RegexOptions.Compiled 选项编译正则表达式。 源生成可帮助应用更快地启动、更快地运行且更易剪裁。

1、已编译的正则表达式

编写 new Regex("somepattern") 时,会发生一些事情。 将分析指定的模式,既要确保模式的有效性,又要将其转换为表示已分析正则表达式的内部树。 然后,以各种方式优化树,将模式转换为功能上等效的变体,可以更高效地执行。 该树被写入一种形式,可以解释为一系列操作码和操作数,它们提供有关如何匹配的正则表达式解释器引擎的说明。 执行匹配时,解释器只需遍历这些指令,针对输入文本处理它们。 实例化新的 Regex 实例或调用 Regex 上的一个静态方法时,解释器是采用的默认引擎。

指定 RegexOptions.Compiled 时,将执行所有相同的构造时间工作。 生成的指令将由基于反射发出的编译器进一步转换为 IL 指令,这些指令将写入几个 DynamicMethod。 执行匹配时,将调用这些 DynamicMethod。 此 IL 实质上将完全执行解释器将执行的操作,但专用于所处理的确切模式除外。 例如,如果模式包含 [ac],解释器将看到一个操作码,表示“将当前位置的输入字符与在此集说明中指定的集匹配”,而编译的 IL 将包含有效表示“将目前位置的输入字母与 'a' 或 'c' 相匹配”的代码。 这种特殊的大小写和基于模式知识执行优化的能力是指定 RegexOptions.Compiled 比解释器产生更快的匹配吞吐量的主要原因。

RegexOptions.Compiled 有几个缺点。 最有影响力的是,它产生的构造成本比使用解释器要多得多。 不仅要为解释器支付相同的成本,而且还需要将生成的 RegexNode 树和生成的操作码/操作数编译到 IL 中,这会增加不小的开销。 生成的 IL 还需要在首次使用时进行 JIT 编译,这会导致启动时产生更多费用。 RegexOptions.Compiled 表示首次使用开销与每次后续使用开销之间的基本权衡。 System.Reflection.Emit 的使用也会抑制某些环境中 RegexOptions.Compiled 的使用;某些操作系统不允许动态生成的代码执行,并且在此类系统上,Compiled 将变为无操作。

2、源生成

.NET 7 引入了新的 RegexGenerator 源生成器。 当 C# 编译器重写为“Roslyn”C# 编译器时,它将公开整个编译管道的对象模型以及分析器。 最近,Roslyn 已启用源生成器。 就像分析器一样,源生成器是插入编译器的组件,并且可以提供与分析器相同的所有信息,但除了能够发出诊断信息外,它还可以使用其他源代码来增强编译单元。 .NET 7 SDK 包含一个新的源生成器,用于识别返回 Regex 的分部方法上的新 GeneratedRegexAttribute。 源生成器提供该方法的实现,该方法用于实现 Regex 的所有逻辑。 例如,可能已编写如下所示的代码:

private static readonly Regex s_abcOrDefGeneratedRegex =
    new(pattern: "abc|def",
        options: RegexOptions.Compiled | RegexOptions.IgnoreCase);

private static void EvaluateText(string text)
{
    if (s_abcOrDefGeneratedRegex.IsMatch(text))
    {
        // Take action with matching text
    }
}

现在可以按如下所示重写前面的代码:

[GeneratedRegex("abc|def", RegexOptions.IgnoreCase, "en-US")]
private static partial Regex AbcOrDefGeneratedRegex();

private static void EvaluateText(string text)
{
    if (AbcOrDefGeneratedRegex().IsMatch(text))
    {
        // Take action with matching text
    }
}

生成的 AbcOrDefGeneratedRegex() 实现同样缓存 Regex 单一实例,因此不需要额外的缓存来使用代码。

 提示

源生成器会忽略标志 RegexOptions.Compiled,因此在源生成的版本中不再需要它。

cached-instance.png

但可以看到,它不仅仅是在执行 new Regex(...)。 相反,源生成器以 C# 代码的形式发出自定义 Regex 派生实现,其逻辑类似于 IL 中 RegexOptions.Compiled 发出的内容。 可以获得 RegexOptions.Compiled 的所有吞吐量性能优势(实际上更多)和 Regex.CompileToAssembly 的启动优势,但没有 CompileToAssembly 的复杂性。 发出的源是项目的一部分,这意味着它也可以轻松查看和调试。

debuggable-source.png

 提示

在 Visual Studio 中,右键单击分部方法声明,然后选择“转到定义”。 或者,也可以在“解决方案资源管理器”中选择项目节点,然后展开“依赖项”>“分析器”>“System.Text.RegularExpressions.Generator”>“System.Text.RegularExpressions.Generator.RegexGenerator”>“RegexGenerator.gcs”,查看从此正则表达式生成器生成的 C# 代码。

可以在其中设置断点,可以逐步执行,并可以使用它作为学习工具来准确了解正则表达式引擎使用输入处理模式的方式。 生成器甚至会生成三斜杠 (XML) 注释,以帮助使表达式一目了然和了解使用的位置。

xml-comments.png

3、在源生成的文件中

使用 .NET 7 时,源生成器和 RegexCompiler 几乎完全重写,从根本上改变了生成的代码的结构。 此方法已扩展,以处理所有构造(有一个警告),RegexCompiler 和源生成器仍遵循新方法以 1:1 的方式彼此映射。 请考虑 (a|bc)d 表达式中某个主要函数的源生成器输出:

private bool TryMatchAtCurrentPosition(ReadOnlySpan<char> inputSpan)
{
    int pos = base.runtextpos;
    int matchStart = pos;
    int capture_starting_pos = 0;
    ReadOnlySpan<char> slice = inputSpan.Slice(pos);

    // 1st capture group.
    //{
        capture_starting_pos = pos;

        // Match with 2 alternative expressions.
        //{
            if (slice.IsEmpty)
            {
                UncaptureUntil(0);
                return false; // The input didn't match.
            }

            switch (slice[0])
            {
                case 'a':
                    pos++;
                    slice = inputSpan.Slice(pos);
                    break;

                case 'b':
                    // Match 'c'.
                    if ((uint)slice.Length < 2 || slice[1] != 'c')
                    {
                        UncaptureUntil(0);
                        return false; // The input didn't match.
                    }

                    pos += 2;
                    slice = inputSpan.Slice(pos);
                    break;

                default:
                    UncaptureUntil(0);
                    return false; // The input didn't match.
            }
        //}

        base.Capture(1, capture_starting_pos, pos);
    //}

    // Match 'd'.
    if (slice.IsEmpty || slice[0] != 'd')
    {
        UncaptureUntil(0);
        return false; // The input didn't match.
    }

    // The input matched.
    pos++;
    base.runtextpos = pos;
    base.Capture(0, matchStart, pos);
    return true;

    // <summary>Undo captures until it reaches the specified capture position.</summary>
    [MethodImpl(MethodImplOptions.AggressiveInlining)]
    void UncaptureUntil(int capturePosition)
    {
        while (base.Crawlpos() > capturePosition)
        {
            base.Uncapture();
        }
    }
}

源生成的代码的目标易于理解,具有易于遵循的结构,具有解释每个步骤正在执行的操作的注释,并且通常根据指导原则发出代码,即生成器应发出代码,就像人类编写代码一样。 即使涉及回溯,回溯的结构也会成为代码结构的一部分,而不是依赖堆栈来指示下一步的跳转位置。 例如,以下是表达式为 [ab]*[bc] 时生成的相同匹配函数的代码:

private bool TryMatchAtCurrentPosition(ReadOnlySpan<char> inputSpan)
{
    int pos = base.runtextpos;
    int matchStart = pos;
    int charloop_starting_pos = 0, charloop_ending_pos = 0;
    ReadOnlySpan<char> slice = inputSpan.Slice(pos);
    
    // Match a character in the set [ab] greedily any number of times.
    //{
        charloop_starting_pos = pos;

        int iteration = slice.IndexOfAnyExcept('a', 'b');
        if (iteration < 0)
        {
            iteration = slice.Length;
        }

        slice = slice.Slice(iteration);
        pos += iteration;

        charloop_ending_pos = pos;
        goto CharLoopEnd;

        CharLoopBacktrack:

        if (Utilities.s_hasTimeout)
        {
            base.CheckTimeout();
        }

        if (charloop_starting_pos >= charloop_ending_pos ||
            (charloop_ending_pos = inputSpan.Slice(
                charloop_starting_pos, charloop_ending_pos - charloop_starting_pos)
                .LastIndexOfAny('b', 'c')) < 0)
        {
            return false; // The input didn't match.
        }
        charloop_ending_pos += charloop_starting_pos;
        pos = charloop_ending_pos;
        slice = inputSpan.Slice(pos);

        CharLoopEnd:
    //}

    // Advance the next matching position.
    if (base.runtextpos < pos)
    {
        base.runtextpos = pos;
    }

    // Match a character in the set [bc].
    if (slice.IsEmpty || !char.IsBetween(slice[0], 'b', 'c'))
    {
        goto CharLoopBacktrack;
    }

    // The input matched.
    pos++;
    base.runtextpos = pos;
    base.Capture(0, matchStart, pos);
    return true;
}

可以在代码中看到回溯的结构,其中发出了一个 CharLoopBacktrack 标签(用于回溯到的位置)和一个 goto(用于在正则表达式后续部分失败时跳转到该位置)。

如果查看实现 RegexCompiler 的代码和源生成器,它们看起来非常相似:类似命名的方法、类似的调用结构,甚至整个实现中的类似注释。 在大多数情况下,它们会生成相同的代码,尽管一个在 IL 中,一个在 C# 中。 当然,C# 编译器负责将 C# 转换为 IL,因此这两种情况下生成的 IL 可能不相同。 源生成器依赖于在各种情况下,利用 C# 编译器进一步优化各种 C# 构造的事实。 因此,与 RegexCompiler 相比,源生成器将生成一些更优化的匹配代码。 例如,在前面的一个示例中,可以看到发出 switch 语句的源生成器,其中一个分支用于 'a',另一个分支用于 'b'。 由于 C# 编译器非常擅长优化 switch 语句,可以使用多种策略来有效地优化语句,因此源生成器具有一种 RegexCompiler 无法进行的特殊优化。 对于交替,源生成器将查看所有分支,如果可以证明每个分支都以不同的起始字符开头,它将在第一个字符上发出 switch 语句,并避免为该交替输出任何回溯代码。

下面是一个稍微复杂的相关示例。 在 .NET 7 中,将更深入地分析交替,以确定是否可以采用某种方式重构它们,从而使它们更容易被回溯引擎优化,这将导致更简单的源生成的代码。 其中一种优化支持从分支中提取常见前缀,如果交替是原子性的,则排序并不重要,重新排序分支以允许更多此类提取。 可以看到这对以下工作日模式 Monday|Tuesday|Wednesday|Thursday|Friday|Saturday|Sunday 的影响,该模式生成如下匹配函数:

private bool TryMatchAtCurrentPosition(ReadOnlySpan<char> inputSpan)
{
    int pos = base.runtextpos;
    int matchStart = pos;
    ReadOnlySpan<char> slice = inputSpan.Slice(pos);

    // Match with 5 alternative expressions, atomically.
    {
        if (slice.IsEmpty)
        {
            return false; // The input didn't match.
        }

        switch (slice[0])
        {
            case 'M':
                // Match the string "onday".
                if (!slice.Slice(1).StartsWith("onday"))
                {
                    return false; // The input didn't match.
                }

                pos += 6;
                slice = inputSpan.Slice(pos);
                break;

            case 'T':
                // Match with 2 alternative expressions, atomically.
                {
                    if ((uint)slice.Length < 2)
                    {
                        return false; // The input didn't match.
                    }

                    switch (slice[1])
                    {
                        case 'u':
                            // Match the string "esday".
                            if (!slice.Slice(2).StartsWith("esday"))
                            {
                                return false; // The input didn't match.
                            }

                            pos += 7;
                            slice = inputSpan.Slice(pos);
                            break;

                        case 'h':
                            // Match the string "ursday".
                            if (!slice.Slice(2).StartsWith("ursday"))
                            {
                                return false; // The input didn't match.
                            }

                            pos += 8;
                            slice = inputSpan.Slice(pos);
                            break;

                        default:
                            return false; // The input didn't match.
                    }
                }

                break;

            case 'W':
                // Match the string "ednesday".
                if (!slice.Slice(1).StartsWith("ednesday"))
                {
                    return false; // The input didn't match.
                }

                pos += 9;
                slice = inputSpan.Slice(pos);
                break;

            case 'F':
                // Match the string "riday".
                if (!slice.Slice(1).StartsWith("riday"))
                {
                    return false; // The input didn't match.
                }

                pos += 6;
                slice = inputSpan.Slice(pos);
                break;

            case 'S':
                // Match with 2 alternative expressions, atomically.
                {
                    if ((uint)slice.Length < 2)
                    {
                        return false; // The input didn't match.
                    }

                    switch (slice[1])
                    {
                        case 'a':
                            // Match the string "turday".
                            if (!slice.Slice(2).StartsWith("turday"))
                            {
                                return false; // The input didn't match.
                            }

                            pos += 8;
                            slice = inputSpan.Slice(pos);
                            break;

                        case 'u':
                            // Match the string "nday".
                            if (!slice.Slice(2).StartsWith("nday"))
                            {
                                return false; // The input didn't match.
                            }

                            pos += 6;
                            slice = inputSpan.Slice(pos);
                            break;

                        default:
                            return false; // The input didn't match.
                    }
                }

                break;
                
            default:
                return false; // The input didn't match.
        }
    }

    // The input matched.
    base.runtextpos = pos;
    base.Capture(0, matchStart, pos);
    return true;
}

请注意 Thursday 是如何被重新排序为紧跟在 Tuesday 之后的,以及 Tuesday/Thursday 对和 Saturday/Sunday 对如何以多级开关结束。 在极端情况下,如果你要创建许多不同单词的长交替,源生成器最终会发出 trie^1 的逻辑等效项,从而读取每个字符并 switch(切换)到用于处理单词的其余部分的分支。 这是匹配字词的一种非常高效的方法,也是源生成器在此处执行的操作。

同时,源生成器还有其他问题需要解决,直接输出到 IL 时根本不存在这些问题。 如果你回过头来看看几个代码示例,可以看到一些大括号有些奇怪地注释掉了。这不是一个错误。 源生成器认识到,如果未注释掉这些大括号,则回溯的结构依赖于从范围外跳到该范围内定义的标签;此类标签对于此类 goto 不可见,代码将无法编译。 因此,源生成器需要避免在方式上存在范围。 在某些情况下,只需按照此处所述注释掉范围。 在其他不可能的情况下,如果这样做会有问题,有时可能会避免需要范围的构造(例如多语句 if 块)。

源生成器处理所有 RegexCompiler 句柄,但有一个例外。 与处理 RegexOptions.IgnoreCase 一样,实现现在使用大小写表在构造时生成集,以及 IgnoreCase 向后引用匹配需要查阅该大小写表的方式。 该表是 System.Text.RegularExpressions.dll 的内部表,至少目前,该程序集的外部代码(包括源生成器发出的代码)没有访问该表的权限。 这使得处理 IgnoreCase 向后引用在源生成器中成为一个挑战,并且它们不受支持。 这是 RegexCompiler 支持的源生成器不支持的一个构造。 如果尝试使用具有其中之一(这种情况很少见)的模式,源生成器不会发出自定义实现,而是回退到缓存常规 Regex 实例:

cached-instance-fallback.png

此外,RegexCompiler 和源生成器都不支持新的 RegexOptions.NonBacktracking。 如果指定 RegexOptions.Compiled | RegexOptions.NonBacktracking,则只会忽略 Compiled 标志,如果将 NonBacktracking 指定给源生成器,它将同样回退到缓存常规 Regex 实例。

4、何时使用

一般指导是,如果可以使用源生成器,请使用它。 如果当前在 C# 中使用 Regex,并且在编译时有已知的参数,特别是如果你已经在使用 RegexOptions.Compiled(因为正则表达式已被确定为一个热点,可以从更快的吞吐量中受益),则应更倾向于使用源生成器。 源生成器将为正则表达式提供以下优势:

  • RegexOptions.Compiled 的所有吞吐量优势。
  • 在运行时不必执行所有正则表达式解析、分析和编译的启动优势。
  • 将提前编译与为正则表达式生成的代码一起使用的选项。
  • 更好的可调试性和对正则表达式的理解。
  • 通过剪裁与 RegexCompiler 关联的大量代码(甚至可能是反射发出自身),可以减小剪裁后的应用程序的大小。

当与源生成器无法为其生成自定义实现的 RegexOptions.NonBacktracking 等选项一起使用时,它仍将发出描述实现的缓存和 XML 注释,使其很有价值。 源生成器的主要缺点是它会向程序集发出其他代码,因此可能会增加大小。 应用程序中的正则表达式越多,它们就越大,将为它们发出的代码就越多。 在某些情况下,同样 RegexOptions.Compiled 可能不是必要的,源生成器也可能不是必要的。 例如,如果你有一个仅需要很少且吞吐量无关紧要的正则表达式,那么仅依赖解释器进行零星使用可能更有益。

 重要

.NET 7 包含一个分析器,用于标识可转换为源生成器的 Regex 的使用,还包含一个为你执行转换的修复程序:

convert-to-regexgenerator.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/127106.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

bootstrap-fileinput拦截文件上传处理失败,根据后台返回数据处理

bootstrap-fileinput如何拦截后台数据&#xff0c;自定义处理业务逻辑 需要后台返回error字段&#xff0c;失败示例&#xff0c;注意&#xff1a;error必须有内容&#xff0c;不然默认也是成功&#xff0c; bootstrap-fileinput失败验证只需要 error 字段&#xff0c;其他附加…

内存卡数据恢复,5 个免费好用的数据恢复方法工具全解

丢失了 SD 卡中的一些重要照片或文档&#xff0c;并且不知道如何恢复&#xff1f;好吧&#xff0c;别担心&#xff01;&#xff01;以下是一些适用于 Windows 的最佳 SD 卡恢复工具&#xff0c;可增加您检索意外删除、丢失或丢失数据的机会。 什么是 SD 卡数据恢复软件&#xf…

日志收集的方式和优点

日志是组织 IT 环境中发生的所有事情的记录。它们通常是一系列带有时间戳的消息&#xff0c;可为您提供有关网络中所有活动的第一手信息。 网络中的每个设备和应用程序都会生成日志数据以及用于监控网络流量的 NetFlow 数据&#xff0c;日志是安全信息和事件管理&#xff08;S…

Lightroom Classic 2021 v10.4

Lightroom Classic 2021是一款一体化照片管理和编辑解决方案。 它面向专业人士和高端用户&#xff0c;支持各种不同相机的原始图像编辑&#xff0c;包括Canon、Apple、Casio、Contax、DxO、Epson等品牌。这样可以将原图像快速导入进行编辑&#xff0c;轻松满足不同用户的需求。…

μC/OS-II---内核:任务调度

目录 内核&#xff1a;调度&#xff08;oc_core.c文件的函数&#xff09;OS_TCB&#xff08;任务控制块&#xff09;初始化任务控制块列表(ucos_ii.h文件的函数)系统调用&#xff0c;主动让渡CPU发生中断&#xff0c;强制当前任务让渡CPU就绪表(ucos_ii.h文件的函数)设置任务进…

postman中文乱码

在header中添加这两个&#xff1a; Content-Type application/json;charsetUTF-8 Accept application/json;charsetUTF-8

cmd打开idea

当我们用idea打开一个项目的时候&#xff0c;有时候这个项目目录是有的&#xff0c;但是用idea的open却找不到&#xff0c;有时候我要重新关闭窗口&#xff0c;再open好多次才有 于是我现在使用命令打开&#xff0c;先把idea安装路径的bin目录放在path里面 然后cd到项目路径&…

第四季度净利润扭亏为盈,迪士尼的流媒体终于成功了?

对于一直关注迪士尼的投资者来说&#xff0c;眼下最关心的问题只有一个——迪士尼转行流媒体成功了吗&#xff1f; 而对于这一问题答案&#xff0c;或许可以从迪士尼最新发布的财报中找到。11月9日&#xff0c;华特迪士尼公布了截至2023年9月30日的第四季度和全年收益。其中&a…

OpenText Exceed TurboX (ETX) —— 对图形密集型应用程序进行高性能远程访问

OpenText Exceed TurboX (ETX) —— 对图形密集型应用程序进行高性能远程访问 OpenText Exceed TurboX使团队(无论位于何处)能够对图形密集型应用程序进行高性能远程访问&#xff0c;提高生产力并减少 IT 支出&#xff0c;以确保快速投资回报。 亮点&#xff1a; 降低IT支出…

ps 让图片附着在文字上

按住alt在文字与图片图片中间&#xff0c;文字在图片下面&#xff09;

python默认的输入类型是字符串,怎样转换为其他的类型

在Python中&#xff0c;默认的输入类型是字符串&#xff08;str类型&#xff09;。无论你输入的是数字、字符还是其他类型的内容&#xff0c;input函数都会将其作为字符串处理并返回。 如果需要将字符串转换为其他类型&#xff08;如整数、浮点数等&#xff09;&#xff0c;可…

UDP网络编程

一)熟悉TCP/IP五层协议: 1)封装:就是在数据中添加一些辅助传输的信息&#xff1b; 2)分用:就是解析这些信息 3)发送数据的时候&#xff0c;上层协议要把数据交给下层协议&#xff0c;由下层协议来添加一些信息 4)接收数据的时候&#xff0c;下层协议要把数据交给上层协议&#…

047_第三代软件开发-日志分离

第三代软件开发-日志分离 文章目录 第三代软件开发-日志分离项目介绍日志分离用法 关键字&#xff1a; Qt、 Qml、 log、 日志、 分离 项目介绍 欢迎来到我们的 QML & C 项目&#xff01;这个项目结合了 QML&#xff08;Qt Meta-Object Language&#xff09;和 C 的强…

常见的设计模式

一、是什么 在软件工程中&#xff0c;设计模式是对软件设计中普遍存在的各种问题所提出的解决方案 设计模式并不直接用来完成代码的编写&#xff0c;而是描述在各种不同情况下&#xff0c;要怎么解决问题的一种方案 设计模式能使不稳定依赖于相对稳定、具体依赖于相对抽象&a…

倾斜摄影测量实景三维建模ContextCapture Master

目录 专题一 倾斜摄影测量原理及应用领域 专题二 倾斜摄影测量数据采集方法 专题三 CC支持数据类型及导入数据方法 专题四 CC空三计算参数设置及数据处理方法 专题五 CC控制点与连接点添加及应用 专题六 三维重建及应用 专题七 三维模型修复与场景拼接 更多应用 Contex…

Ceph-deploy跳过gpg-key验证(离线环境安装Ceph)

问题 CentOS-7.6.1810离线环境搭建Ceph环境时出现gpg-key安装源公钥检查错误。原因是执行ceph-deploy install 命令的服务器无法访问互联网。具体报错如下图&#xff1a; 解决 安装命令后新增--no-adjust-repos参数即可跳过安装 GPG 密钥。 命令如下&#xff1a; ceph-deplo…

考研408,1000道精心打磨的计算机考研题,选它就对了!

前言&#xff1a;大家好&#xff0c;我是小威&#xff0c;今天给大家安利一本考研408的书籍&#xff0c;身边有考研同学也都在用&#xff0c;书籍确实不错&#xff01; 以下正文开始 计算机考研1000题 难度高&#xff01; 知识点多&#xff01; 复习时间短&#xff01; 不…

中国电子学会2023年09月份青少年软件编程Scratch图形化等级考试试卷二级真题(含答案)

2023-09 Scratch二级真题 分数&#xff1a;100 测试时长&#xff1a;60min 一、选择题&#xff08;共25题&#xff0c;共50分&#xff09; 1.点击绿旗&#xff0c;运行程序后&#xff0c;舞台上的图形是&#xff1f;&#xff08;D &#xff09;&#xff08;2分&#xff09;…

webpack babel

构建工具 简介 当我们习惯了在node中编写代码的方式后&#xff0c;在回到前端编写html、css、js这些东西会感觉到各种的不便。比如&#xff1a;不能放心的使用模块化规范&#xff08;浏览器兼容性问题&#xff09;、即使可以使用模块化规范也会面临模块过多时的加载问题。我们…

如何使用Net2FTP搭建免费web文件管理器打造个人网盘

文章目录 1.前言2. Net2FTP网站搭建2.1. Net2FTP下载和安装2.2. Net2FTP网页测试 3. cpolar内网穿透3.1.Cpolar云端设置3.2.Cpolar本地设置 4.公网访问测试5.结语 1.前言 文件传输可以说是互联网最主要的应用之一&#xff0c;特别是智能设备的大面积使用&#xff0c;无论是个人…