PHP如何调用Node.js脚本 调用Node.js的3种实用技巧

php调用node.js脚本有三种主要方法:1.exec()、shell_exec()、system()函数可直接执行命令,但需注意安全性和异步处理;2.使用消息队列(如rabbitmq、redis)实现解耦和异步任务处理,需配置持久化与确认机制;3.通过http api调用node.js构建的服务器接口,具备灵活性但需处理url编码、https等细节。数据传递方面,json结构可通过json_encode()与json.parse()处理。错误处理上,各方式均需捕获异常、检查返回码或状态,并记录日志。性能优化包括减少传输量、使用高效数据格式、异步操作、连接池及监控工具的应用。最终应根据任务复杂度和场景选择合适方案,确保系统安全、稳定与高效运行。

PHP如何调用Node.js脚本 调用Node.js的3种实用技巧

PHP调用Node.js脚本,其实就是让PHP来执行一些Node.js写的任务。这事儿能干,而且挺实用,比如有些高并发或者实时性要求高的功能,Node.js处理起来更溜。

PHP如何调用Node.js脚本 调用Node.js的3种实用技巧

解决方案

PHP如何调用Node.js脚本 调用Node.js的3种实用技巧

要实现PHP调用Node.js,主要有三种方法,咱们一个个来说:

立即学习“PHP免费学习笔记(深入)”;

PHP如何调用Node.js脚本 调用Node.js的3种实用技巧

exec()shell_exec()system() 函数:简单粗暴,直接执行命令

这是最直接的方法。PHP提供了几个函数,可以直接在服务器上执行系统命令,Node.js脚本也是命令嘛,直接调用就行了。

exec(): 执行一个外部程序。shell_exec(): 通过 shell 执行命令并将完整的输出以字符串的方式返回。system(): 执行外部程序,并且显示输出。

举个例子,假设你有个Node.js脚本叫my_script.js,放在/var/www/node_scripts/目录下:

<?php$command = 'node /var/www/node_scripts/my_script.js ' . escapeshellarg($_POST['data']); // 假设要传递POST数据$output = shell_exec($command);echo $output;?>

注意点:

安全性! escapeshellarg() 函数非常重要,它可以帮你转义参数,防止命令注入。千万别直接把用户输入拼到命令里,不然等着被黑吧。

权限问题。 PHP运行的用户(比如www-data)要有执行Node.js脚本的权限。

输出处理。 shell_exec() 会返回脚本的输出,你需要根据实际情况处理这个输出。

异步执行。 默认情况下,PHP会等待Node.js脚本执行完毕。如果Node.js脚本执行时间比较长,会阻塞PHP的请求。可以考虑使用 & 符号将命令放到后台执行,让PHP不用等待:

$command = 'node /var/www/node_scripts/my_script.js ' . escapeshellarg($_POST['data']) . ' > /dev/null 2>&1 &';shell_exec($command); // 不等待,直接返回

这里的 > /dev/null 2>&1 是把输出和错误都丢掉,如果你需要记录日志,可以把它们重定向到日志文件。

使用消息队列(如RabbitMQ、Redis):解耦,异步,更健壮

直接执行命令虽然简单,但耦合性太高,PHP和Node.js脚本之间是强依赖关系。如果Node.js脚本挂了,或者执行时间太长,都会影响PHP的性能。

使用消息队列可以解耦它们。PHP把任务放到消息队列里,Node.js脚本从消息队列里取任务执行,这样PHP就不用等待Node.js脚本执行完毕了。

安装消息队列。 以RabbitMQ为例,先安装RabbitMQ:

sudo apt-get updatesudo apt-get install rabbitmq-server

安装PHP和Node.js的RabbitMQ客户端。

PHP: composer require php-amqplib/php-amqplib

Node.js: npm install amqplib

PHP代码(生产者):

<?phprequire_once __DIR__ . '/vendor/autoload.php';use PhpAmqpLibConnectionAMQPStreamConnection;use PhpAmqpLibMessageAMQPMessage;$connection = new AMQPStreamConnection('localhost', 5672, 'guest', 'guest');$channel = $connection->channel();$channel->queue_declare('task_queue', false, true, false, false); // 持久化队列$data = $_POST['data'];$msg = new AMQPMessage(    $data,    ['delivery_mode' => AMQPMessage::DELIVERY_MODE_PERSISTENT] // 消息持久化);$channel->basic_publish($msg, '', 'task_queue');echo " [x] Sent " . $data . "n";$channel->close();$connection->close();?>

Node.js代码(消费者):

#!/usr/bin/env nodevar amqp = require('amqplib/callback_api');amqp.connect('amqp://localhost', function(error0, connection) {    if (error0) {        throw error0;    }    connection.createChannel(function(error1, channel) {        if (error1) {            throw error1;        }        var queue = 'task_queue';        channel.assertQueue(queue, {            durable: true // 持久化队列        });        channel.prefetch(1); // 每次只处理一个消息        console.log(" [*] Waiting for messages in %s. To exit press CTRL+C", queue);        channel.consume(queue, function(msg) {            var secs = msg.content.toString().split('.').length - 1;            console.log(" [x] Received %s", msg.content.toString());            setTimeout(function() {                console.log(" [x] Done");                channel.ack(msg); // 确认消息已处理            }, secs * 1000);        }, {            noAck: false // 手动确认消息        });    });});

注意点:

消息队列的选择。 RabbitMQ更重量级,功能更强大,适合复杂的场景。Redis更轻量级,性能更高,适合简单的场景。消息持久化。 为了防止消息丢失,需要将队列和消息都设置为持久化。消息确认机制。 消费者处理完消息后,需要发送确认消息给消息队列,这样消息队列才会删除消息。错误处理。 生产者和消费者都需要处理连接错误、队列错误等。

使用HTTP API:灵活,通用,但稍复杂

你可以用Node.js写一个HTTP服务器,PHP通过HTTP请求调用这个服务器。这种方式更灵活,也更通用,因为HTTP是通用的协议,可以用在不同的语言和平台之间。

Node.js代码(HTTP服务器):

const http = require('http');const url = require('url');const hostname = '127.0.0.1';const port = 3000;const server = http.createServer((req, res) => {    const queryObject = url.parse(req.url,true).query;    const data = queryObject.data;    // 这里处理你的逻辑,比如调用其他的Node.js模块    const result = `You sent: ${data}`;    res.statusCode = 200;    res.setHeader('Content-Type', 'text/plain');    res.end(result);});server.listen(port, hostname, () => {    console.log(`Server running at http://${hostname}:${port}/`);});

PHP代码(HTTP客户端):

<?php$data = $_POST['data'];$url = 'http://127.0.0.1:3000/?data=' . urlencode($data);$response = file_get_contents($url);echo $response;?>

注意点:

URL编码。 使用urlencode() 函数对参数进行URL编码,防止特殊字符导致问题。HTTP方法。 可以使用GET、POST等不同的HTTP方法。错误处理。 需要处理HTTP请求失败的情况。安全性。 如果Node.js服务器需要处理敏感数据,需要使用HTTPS协议。

PHP调用Node.js时,如何传递复杂的数据结构,比如JSON?

传递JSON数据,三种方法都可以,但处理方式略有不同。

exec()shell_exec()system()

PHP端:使用 json_encode() 将数据编码成JSON字符串,然后通过 escapeshellarg() 转义后传递给Node.js脚本。Node.js端:接收到JSON字符串后,使用 JSON.parse() 解析成JavaScript对象。

<?php$data = ['name' => 'John', 'age' => 30];$json_data = json_encode($data);$command = 'node /var/www/node_scripts/my_script.js ' . escapeshellarg($json_data);$output = shell_exec($command);echo $output;?>
// my_script.jsconst data = JSON.parse(process.argv[2]);console.log(data.name); // 输出 "John"

消息队列:

PHP端:使用 json_encode() 将数据编码成JSON字符串,然后作为消息发送到消息队列。Node.js端:从消息队列接收到JSON字符串后,使用 JSON.parse() 解析成JavaScript对象。

(代码示例参考前面的消息队列部分,只需要把 $data 替换成 json_encode($data) 即可)

HTTP API:

PHP端:使用 json_encode() 将数据编码成JSON字符串,然后通过POST请求发送给Node.js服务器,设置 Content-Typeapplication/json。Node.js端:接收到JSON字符串后,解析请求体,然后使用 JSON.parse() 解析成JavaScript对象。

<?php$data = ['name' => 'John', 'age' => 30];$json_data = json_encode($data);$url = 'http://127.0.0.1:3000/';$options = array(    'http' => array(        'method'  => 'POST',        'header'  => 'Content-type: application/json',        'content' => $json_data    ));$context  = stream_context_create($options);$response = file_get_contents($url, false, $context);echo $response;?>
// Node.js服务器const http = require('http');const hostname = '127.0.0.1';const port = 3000;const server = http.createServer((req, res) => {    if (req.method === 'POST') {        let body = '';        req.on('data', chunk => {            body += chunk.toString(); // 将Buffer转换为字符串        });        req.on('end', () => {            try {                const data = JSON.parse(body);                console.log(data.name); // 输出 "John"                res.statusCode = 200;                res.setHeader('Content-Type', 'text/plain');                res.end('Data received');            } catch (error) {                res.statusCode = 400;                res.setHeader('Content-Type', 'text/plain');                res.end('Invalid JSON');            }        });    } else {        res.statusCode = 405;        res.setHeader('Content-Type', 'text/plain');        res.end('Method Not Allowed');    }});server.listen(port, hostname, () => {    console.log(`Server running at http://${hostname}:${port}/`);});

如何处理PHP调用Node.js脚本时的错误和异常?

错误处理是关键,不然出了问题都不知道。

exec()shell_exec()system()

检查返回值:exec()system() 会返回命令的退出码。0表示成功,非0表示失败。shell_exec() 返回的是命令的输出,如果命令执行失败,可能返回空字符串或者错误信息。捕获错误输出:可以将标准错误输出重定向到标准输出,然后一起捕获。

<?php$command = 'node /var/www/node_scripts/my_script.js 2>&1'; // 将标准错误输出重定向到标准输出$output = shell_exec($command);$return_code = 0; // 初始化返回值exec($command, $output_array, $return_code);if ($return_code !== 0) {    // 命令执行失败    error_log("Node.js script failed with code: " . $return_code . ", output: " . $output);    // 或者抛出异常    throw new Exception("Node.js script failed: " . $output);}echo $output;?>

消息队列:

生产者:捕获连接错误、队列错误、发送消息错误等。消费者:捕获连接错误、队列错误、接收消息错误、处理消息错误等。使用死信队列(Dead Letter Queue):如果消费者处理消息失败,可以将消息发送到死信队列,然后人工处理。

<?php// PHP (Producer)try {    $connection = new AMQPStreamConnection('localhost', 5672, 'guest', 'guest');    $channel = $connection->channel();    $channel->queue_declare('task_queue', false, true, false, false);    $data = $_POST['data'];    $msg = new AMQPMessage(        $data,        ['delivery_mode' => AMQPMessage::DELIVERY_MODE_PERSISTENT]    );    $channel->basic_publish($msg, '', 'task_queue');    echo " [x] Sent " . $data . "n";    $channel->close();    $connection->close();} catch (Exception $e) {    error_log("Failed to send message: " . $e->getMessage());    // Handle the exception, e.g., display an error message to the user}?>
// Node.js (Consumer)var amqp = require('amqplib/callback_api');amqp.connect('amqp://localhost', function(error0, connection) {    if (error0) {        console.error("Failed to connect to RabbitMQ: " + error0.message);        throw error0;    }    connection.createChannel(function(error1, channel) {        if (error1) {            console.error("Failed to create channel: " + error1.message);            throw error1;        }        var queue = 'task_queue';        channel.assertQueue(queue, {            durable: true        });        channel.prefetch(1);        console.log(" [*] Waiting for messages in %s. To exit press CTRL+C", queue);        channel.consume(queue, function(msg) {            try {                var secs = msg.content.toString().split('.').length - 1;                console.log(" [x] Received %s", msg.content.toString());                setTimeout(function() {                    console.log(" [x] Done");                    channel.ack(msg);                }, secs * 1000);            } catch (error) {                console.error("Error processing message: " + error.message);                channel.nack(msg, false, false); // Reject the message, don't requeue            }        }, {            noAck: false        });    });    connection.on("close", function() {        console.error("Connection to RabbitMQ closed.");        process.exit(1); // Exit the process to allow restart    });});

HTTP API:

PHP端:检查HTTP状态码。200表示成功,其他状态码表示失败。Node.js端:捕获请求处理过程中的错误,返回合适的HTTP状态码和错误信息。

<?php$data = ['name' => 'John', 'age' => 30];$json_data = json_encode($data);$url = 'http://127.0.0.1:3000/';$options = array(    'http' => array(        'method'  => 'POST',        'header'  => 'Content-type: application/json',        'content' => $json_data    ));$context  = stream_context_create($options);$response = @file_get_contents($url, false, $context); // 使用 @ 抑制警告if ($response === FALSE) {    // HTTP请求失败    $error = error_get_last();    error_log("HTTP request failed: " . $error['message']);    // 或者抛出异常    throw new Exception("HTTP request failed: " . $error['message']);}// 检查HTTP状态码$http_response_header = $http_response_header ?? []; // 确保变量已定义$status_line = $http_response_header[0] ?? '';preg_match('{HTTP/S*s(d+)}', $status_line, $match);$status_code = $match[1] ?? 0;if ($status_code != 200) {    error_log("HTTP request returned status code: " . $status_code . ", response: " . $response);    // 或者抛出异常    throw new Exception("HTTP request failed with status code: " . $status_code . ", response: " . $response);}echo $response;?>
// Node.js服务器const http = require('http');const hostname = '127.0.0.1';const port = 3000;const server = http.createServer((req, res) => {    if (req.method === 'POST') {        let body = '';        req.on('data', chunk => {            body += chunk.toString();        });        req.on('end', () => {            try {                const data = JSON.parse(body);                console.log(data.name);                res.statusCode = 200;                res.setHeader('Content-Type', 'text/plain');                res.end('Data received');            } catch (error) {                console.error("Error parsing JSON: " + error.message);                res.statusCode = 400;                res.setHeader('Content-Type', 'text/plain');                res.end('Invalid JSON');            }        });    } else {        res.statusCode = 405;        res.setHeader('Content-Type', 'text/plain');        res.end('Method Not Allowed');    }});server.listen(port, hostname, () => {    console.log(`Server running at http://${hostname}:${port}/`);});

PHP调用Node.js脚本的性能优化策略

性能优化是个持续的过程,没有银弹。

减少数据传输量:

只传递必要的数据。使用压缩算法(如gzip)压缩数据。

使用更高效的数据格式:

如果数据结构简单,可以考虑使用字符串而不是JSON。使用二进制格式(如Protocol Buffers)可以进一步提高性能。

优化Node.js脚本的性能:

使用高效的算法和数据结构。避免阻塞操作。使用缓存。

使用连接池:

对于HTTP API,可以使用连接池来重用连接,减少连接建立和关闭的开销。

使用异步操作:

尽量使用异步操作,避免阻塞PHP的请求。

监控和分析:

使用监控工具(如New Relic、Prometheus)监控PHP和Node.js的性能。使用分析工具(如Xdebug、Node.js Inspector)分析性能瓶颈。

选择合适的调用方式:

对于简单的任务,可以直接使用exec()shell_exec()system()。对于复杂的任务,可以使用消息队列或HTTP API。根据实际情况选择最合适的调用方式。

利用多核CPU:

如果Node.js脚本是CPU密集型的,可以考虑使用Node.js的cluster模块来利用多核CPU。或者,可以将任务分发到多个Node.js进程或服务器上执行。

总的来说,PHP调用Node.js脚本是一个强大的技术,可以让你结合两种语言的优势。选择合适的方法,注意安全性和错误处理,并不断优化性能,就能构建出高效、可靠的应用程序。

以上就是PHP如何调用Node.js脚本 调用Node.js的3种实用技巧的详细内容,更多请关注php中文网其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月10日 06:41:58
下一篇 2025年12月10日 06:42:02

相关推荐

  • 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
  • 如何让“元素跟随文本高度,而不是撑高父容器?

    如何让 元素跟随文本高度,而不是撑高父容器 在页面布局中,经常遇到父容器高度被子元素撑开的问题。在图例所示的案例中,父容器被较高的图片撑开,而文本的高度没有被考虑。本问答将提供纯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
  • CSS 帮助

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

    2025年12月24日 好文分享
    200
  • 前端代码辅助工具:如何选择最可靠的AI工具?

    前端代码辅助工具:可靠性探讨 对于前端工程师来说,在HTML、CSS和JavaScript开发中借助AI工具是司空见惯的事情。然而,并非所有工具都能提供同等的可靠性。 个性化需求 关于哪个AI工具最可靠,这个问题没有一刀切的答案。每个人的使用习惯和项目需求各不相同。以下是一些影响选择的重要因素: 立…

    2025年12月24日
    300
  • 如何用 CSS Paint API 实现倾斜的斑马线间隔圆环?

    实现斑马线边框样式:探究 css paint api 本文将探究如何使用 css paint api 实现倾斜的斑马线间隔圆环。 问题: 给定一个有多个圆圈组成的斑马线图案,如何使用 css 实现倾斜的斑马线间隔圆环? 答案: 立即学习“前端免费学习笔记(深入)”; 使用 css paint api…

    2025年12月24日
    000
  • 如何使用CSS Paint API实现倾斜斑马线间隔圆环边框?

    css实现斑马线边框样式 想定制一个带有倾斜斑马线间隔圆环的边框?现在使用css paint api,定制任何样式都轻而易举。 css paint api 这是一个新的css特性,允许开发人员创建自定义形状和图案,其中包括斑马线样式。 立即学习“前端免费学习笔记(深入)”; 实现倾斜斑马线间隔圆环 …

    2025年12月24日
    100

发表回复

登录后才能评论
关注微信