Workerman如何实现权限控制?Workerman权限验证方法?

Workerman实现权限控制需先验证用户身份再校验操作权限,核心是通过连接绑定身份、使用Redis共享会话、设计中间件统一鉴权,并应对高并发与安全挑战。

workerman如何实现权限控制?workerman权限验证方法?

Workerman实现权限控制,说白了,核心就是围绕用户身份和其被允许的操作来做文章。这通常意味着在用户连接建立后,我们得先搞清楚他是谁,然后在他尝试执行任何操作之前,检查他有没有这个权限。这套逻辑,往往需要在消息处理的回调函数里,或者更优雅一点,通过某种“中间件”模式来统一处理。它不像一些Web框架那样内置了现成的Auth组件,Workerman更像一块画布,你需要亲手去描绘这部分逻辑。

Workerman的权限验证方法,在我看来,主要依赖于开发者自己构建一套身份认证和权限判断机制。这通常涉及到以下几个关键步骤和考虑点:

解决方案

Workerman本身是一个高性能的PHP Socket框架,它并没有内置的用户认证或权限管理模块。这意味着,所有的权限控制逻辑都需要我们开发者根据业务需求,从零开始或者整合现有的库来实现。

最直接的方案,就是

onMessage

回调函数中,对接收到的每个客户端请求进行身份验证和权限判断。这听起来有点粗暴,但确实是最底层的实现方式。

用户认证(Authentication):当客户端连接Workerman并发送第一个需要身份验证的请求时(比如登录),服务器会验证其提供的凭证(用户名/密码,Token等)。如果验证成功,服务器会为这个客户端生成一个唯一的身份标识,并将其与当前的

connection

对象关联起来,或者存储在一个共享的会话存储(如Redis)中,通过

connection->id

或一个独立的

session_id

来映射。

use Workerman\Worker;use Workerman\Connection\TcpConnection;$worker = new Worker('websocket://0.0.0.0:2346');// 存储已认证用户的ID和其权限信息// 实际应用中,这部分数据通常从数据库或Redis加载$connections = []; // 存储 connection_id => ['user_id' => 123, 'roles' => ['admin', 'editor']]$worker->onConnect = function(TcpConnection $connection) use (&$connections) {    // 可以在这里初始化一些连接相关的数据    $connections[$connection->id] = ['authenticated' => false, 'user_id' => null, 'roles' => []];    echo "新连接: " . $connection->id . "\n";};$worker->onMessage = function(TcpConnection $connection, $data) use (&$connections) {    $request = json_decode($data, true);    $action = $request['action'] ?? '';    // 登录请求,特殊处理,不需要预先认证    if ($action === 'login') {        $username = $request['username'] ?? '';        $password = $request['password'] ?? '';        // 模拟用户验证        if ($username === 'admin' && $password === '123456') {            $connections[$connection->id]['authenticated'] = true;            $connections[$connection->id]['user_id'] = 1; // 假设用户ID            $connections[$connection->id]['roles'] = ['admin']; // 假设角色            $connection->send(json_encode(['status' => 'success', 'message' => '登录成功']));            return;        } else {            $connection->send(json_encode(['status' => 'error', 'message' => '用户名或密码错误']));            return;        }    }    // 非登录请求,需要先检查是否已认证    if (!$connections[$connection->id]['authenticated']) {        $connection->send(json_encode(['status' => 'error', 'message' => '请先登录']));        return;    }    // 已经认证,现在进行权限判断    $userRoles = $connections[$connection->id]['roles'];    switch ($action) {        case 'create_post':            if (in_array('admin', $userRoles) || in_array('editor', $userRoles)) {                // 执行创建文章逻辑                $connection->send(json_encode(['status' => 'success', 'message' => '文章创建成功']));            } else {                $connection->send(json_encode(['status' => 'error', 'message' => '无权创建文章']));            }            break;        case 'delete_user':            if (in_array('admin', $userRoles)) {                // 执行删除用户逻辑                $connection->send(json_encode(['status' => 'success', 'message' => '用户删除成功']));            } else {                $connection->send(json_encode(['status' => 'error', 'message' => '无权删除用户']));            }            break;        default:            $connection->send(json_encode(['status' => 'error', 'message' => '未知操作']));            break;    }};$worker->onClose = function(TcpConnection $connection) use (&$connections) {    unset($connections[$connection->id]);    echo "连接关闭: " . $connection->id . "\n";};Worker::runAll();

权限判断(Authorization):在每次收到客户端的业务请求时,我们都需要根据其身份标识,查询其拥有的权限,然后判断当前请求的操作是否在被允许的权限范围内。这通常涉及到角色(Role)或者更细粒度的权限列表(ACL)。

角色-权限映射: 比如,一个“管理员”角色可能拥有“创建、编辑、删除文章”的权限,而“普通用户”可能只有“查看文章”的权限。资源-操作权限: 针对某个特定的资源(如文章ID为123的帖子),用户A是否能执行“编辑”操作。

这种直接在

onMessage

中进行判断的方式,虽然直观,但当业务逻辑复杂时,代码会变得臃肿且难以维护。所以,我们通常会引入一些设计模式来优化它。

用户会话管理在Workerman权限验证中的作用?

用户会话管理在Workerman权限验证中扮演着基石的角色,它决定了我们如何“记住”一个已经登录的用户以及他的身份和权限信息。毕竟,Workerman是长连接,但每个请求之间仍然需要知道是谁在说话。

在我看来,Workerman环境下管理用户会话,和传统HTTP请求-响应模式下的Session有所不同,但核心思想是类似的:将用户的状态信息(尤其是身份和权限)与特定的客户端连接关联起来

连接与用户身份的绑定:当用户成功登录后,我们需要把用户的唯一ID(比如数据库里的

user_id

)和当前Workerman的

connection

对象绑定起来。最简单粗暴的方式就是直接给

$connection

对象动态添加属性,比如

$connection->user_id = $userId;

$connection->roles = ['admin', 'editor'];

。这种方式简单,但如果Workerman是多进程部署,或者需要持久化会话,就不太够用了。

持久化与共享会话存储:对于生产环境,我们通常会选择一个外部的、共享的存储来管理会话,比如Redis。

当用户登录成功,生成一个

session_id

token

,将其作为键,用户的

user_id

roles

等信息作为值存储到Redis中,并设置过期时间。将这个

session_id

token

发送给客户端。客户端在后续的每次请求中,都携带这个

session_id

token

。Workerman服务器收到请求后,用客户端传来的

session_id

token

去Redis查询对应的用户信息。这样,即使Workerman是多进程部署,或者客户端断开重连,只要

session_id

token

有效,用户状态就能被恢复。

这种方式的好处是显而易见的:可伸缩性。无论你的Workerman进程有多少个,它们都能通过Redis共享用户会话,避免了进程间状态同步的麻烦。同时,它也解耦了用户状态与Workerman进程的生命周期,即使某个Workerman进程挂了,用户会话也不会丢失。

// 假设你已经有了一个Redis客户端实例 $redis// ... 在onMessage中 ...// 登录成功后$sessionId = uniqid('sess_'); // 生成一个唯一的session ID$userData = ['user_id' => 1, 'username' => 'admin', 'roles' => ['admin']];$redis->setex("workerman_session:{$sessionId}", 3600, json_encode($userData)); // 存储1小时$connection->send(json_encode(['status' => 'success', 'message' => '登录成功', 'sessionId' => $sessionId]));// 后续请求,客户端发送sessionId$clientSessionId = $request['sessionId'] ?? '';if (empty($clientSessionId)) {    $connection->send(json_encode(['status' => 'error', 'message' => '请提供会话ID']));    return;}$sessionData = $redis->get("workerman_session:{$clientSessionId}");if (!$sessionData) {    $connection->send(json_encode(['status' => 'error', 'message' => '会话已过期或无效,请重新登录']));    return;}$userData = json_decode($sessionData, true);// 现在 $userData['user_id'] 和 $userData['roles'] 就有了// ... 接着进行权限判断 ...

安全性考量

session_id

token

必须是随机且足够长的,以防止被猜测。使用HTTPS/WSS传输,避免

session_id

在传输过程中被窃听。设置合理的过期时间,并考虑刷新机制,提升用户体验和安全性。防止会话劫持:可以考虑在会话中绑定客户端的IP地址等信息,虽然在Workerman场景下,由于长连接,IP通常是固定的,但仍需注意。

在我看来,选择哪种会话管理方式,取决于你的项目规模和对安全性的要求。小项目直接在

connection

对象上挂载数据可能就够了,但一旦涉及到分布式、高可用或者复杂权限,Redis这种外部存储几乎是必选项。

如何设计和实现Workerman的权限校验中间件?

在Workerman中实现权限校验“中间件”,其实就是把权限判断的逻辑从具体的业务处理函数中抽离出来,形成一个独立的、可复用的模块。这能让你的代码更整洁,也更容易维护和扩展。我个人觉得,这玩意儿设计得好不好,直接影响到后期项目的可维护性。

在Workerman里,我们没有像Express.js或Laravel那样的标准中间件接口,但我们可以通过函数包装或者事件监听(如果你的Workerman应用架构支持)的方式来模拟。

1. 基于函数包装的中间件(简单直接)

这种方式就是创建一个高阶函数,它接收一个业务处理函数作为参数,并返回一个新的函数。这个新函数在执行业务逻辑之前,会先执行权限校验。

法语写作助手 法语写作助手

法语助手旗下的AI智能写作平台,支持语法、拼写自动纠错,一键改写、润色你的法语作文。

法语写作助手 31 查看详情 法语写作助手

// 权限校验函数function checkPermission(array $userRoles, string $requiredRole): bool{    return in_array($requiredRole, $userRoles);}// 中间件工厂函数function permissionMiddleware(string $requiredRole, callable $handler): callable{    return function(TcpConnection $connection, array $userData, array $request) use ($requiredRole, $handler) {        // 1. 获取用户角色 (这里假设userData已经从会话中获取到了)        $userRoles = $userData['roles'] ?? [];        // 2. 执行权限校验        if (!checkPermission($userRoles, $requiredRole)) {            $connection->send(json_encode(['status' => 'error', 'message' => '权限不足']));            return; // 阻止业务逻辑执行        }        // 3. 权限通过,执行原始的业务处理函数        $handler($connection, $userData, $request);    };}// 示例业务处理函数$createPostHandler = function(TcpConnection $connection, array $userData, array $request) {    // 实际的创建文章逻辑    $connection->send(json_encode(['status' => 'success', 'message' => '文章创建成功 (由' . $userData['username'] . '执行)']));};$deleteUserHandler = function(TcpConnection $connection, array $userData, array $request) {    // 实际的删除用户逻辑    $connection->send(json_encode(['status' => 'success', 'message' => '用户删除成功 (由' . $userData['username'] . '执行)']));};// 在onMessage中如何使用// ... (前面获取userData的逻辑) ...$action = $request['action'] ?? '';$userData = $connections[$connection->id]['userData'] ?? []; // 假设userData已经从Redis或connection对象中加载if ($action === 'create_post') {    $wrappedHandler = permissionMiddleware('editor', $createPostHandler);    $wrappedHandler($connection, $userData, $request);} elseif ($action === 'delete_user') {    $wrappedHandler = permissionMiddleware('admin', $deleteUserHandler);    $wrappedHandler($connection, $userData, $request);} else {    // ... 其他逻辑 ...}

这种方式的好处是直观且易于理解。你可以为不同的操作定义不同的权限要求,然后用这个中间件来包装你的业务逻辑。

2. 基于路由或命令分发的中间件(更结构化)

如果你的Workerman应用有一个明确的“路由”或“命令分发”机制,你可以将中间件逻辑集成到这个分发器中。

定义路由表:为每个请求动作定义一个处理函数和所需的权限。

$routes = [    'create_post' => [        'handler' => $createPostHandler,        'roles' => ['admin', 'editor'] // 允许的角色    ],    'delete_user' => [        'handler' => $deleteUserHandler,        'roles' => ['admin']    ],    // ...];

统一分发器:在

onMessage

中,根据

action

从路由表中查找对应的配置。

$worker->onMessage = function(TcpConnection $connection, $data) use (&$connections, $redis, $routes) {    $request = json_decode($data, true);    $action = $request['action'] ?? '';    // ... 登录和会话获取逻辑 ...    if (!$authenticated) { /* ... */ return; }    $userData = $connections[$connection->id]['userData']; // 假设已经加载    if (!isset($routes[$action])) {        $connection->send(json_encode(['status' => 'error', 'message' => '未知操作']));        return;    }    $routeConfig = $routes[$action];    $requiredRoles = $routeConfig['roles'] ?? [];    $userRoles = $userData['roles'] ?? [];    // 权限校验    $hasPermission = empty($requiredRoles) || !empty(array_intersect($userRoles, $requiredRoles));    if (!$hasPermission) {        $connection->send(json_encode(['status' => 'error', 'message' => '权限不足']));        return;    }    // 执行业务逻辑    $handler = $routeConfig['handler'];    $handler($connection, $userData, $request);};

这种方式,在我看来,更适合大型项目。它提供了一个集中的权限配置点,权限逻辑和业务逻辑分离得更彻底,也更容易扩展,比如添加日志、限流等其他中间件。

不管选择哪种方式,核心思想都是在执行核心业务逻辑之前,插入一个统一的权限检查点。这样,当业务逻辑变得复杂时,你不需要在每个业务函数里都写一遍权限判断,而是可以专注于业务本身。这对于代码的整洁度和可维护性来说,是至关重要的。

Workerman权限控制中常见的挑战与应对策略?

在Workerman这种高性能的Socket框架里做权限控制,虽然基本原理和Web应用类似,但由于其长连接、高并发的特性,确实会遇到一些特有的挑战。我个人在实践中就碰到过不少,挺头疼的。

会话状态的实时性与一致性

挑战:用户权限可能在会话期间发生变化(比如管理员修改了用户的角色)。如果会话信息只存储在Workerman进程的内存中,或者Redis的缓存有延迟,那么用户可能会在一段时间内拥有过时或错误的权限。应对策略使用中心化、实时更新的存储:Redis是首选。当用户权限在后台系统发生变化时,后台系统应该能够通知Workerman(通过Redis的Pub/Sub,或者直接更新Redis中的会话数据)。强制刷新/重新认证:当权限发生重大变化时,可以考虑强制用户重新登录,或者向受影响的客户端推送一个“权限已更新,请刷新”的消息,让客户端主动重新认证。短生命周期的Token:如果使用Token,可以设置较短的过期时间,配合刷新Token机制。这样即使权限变更,旧的Token很快也会失效,迫使用户获取新的Token,从而加载最新的权限。

高并发下的性能开销

挑战:每次请求都去数据库或Redis查询用户权限,在高并发场景下可能会成为瓶颈。应对策略本地缓存:在用户登录成功后,将用户的核心权限信息(如角色列表)缓存到

connection

对象上。这样,后续的请求可以直接从内存中获取,避免频繁的外部存储访问。当然,这就需要解决前面提到的实时性问题。合理的缓存策略:对于不经常变动的权限数据,可以设置较长的Redis缓存时间。对于关键权限,则需要更频繁地检查或采用推拉结合的策略。权限粒度设计:避免过度细化的权限设计,权限粒度越细,查询和判断的开销可能越大。在满足业务需求的前提下,尽量采用更粗粒度的角色权限。

安全性漏洞

挑战:长连接环境下的会话劫持、伪造请求等安全问题。应对策略WSS (WebSocket Secure):始终使用加密的WebSocket连接(WSS),防止数据在传输过程中被窃听或篡改。Token的安全性:Token必须足够随机,且有适当的过期时间。不要在URL中传递敏感Token。输入验证:所有来自客户端的输入都必须进行严格的验证和过滤,防止SQL注入、XSS等攻击。IP绑定:虽然不总是可行,但在某些特定场景下,可以尝试将会话与客户端IP地址绑定,以增加会话劫持的难度。但要注意,IP地址可能会变化(如移动网络)。防止暴力破解:对于登录接口,实现失败次数限制、验证码等机制。

权限系统的复杂性与可维护性

挑战:随着业务发展,权限规则会越来越复杂,如何设计一个灵活、可扩展的权限系统,避免代码变得一团糟。应对策略模块化设计:将认证、权限判断、会话管理等模块清晰地分离。RBAC (Role-Based Access Control) 或 ACL (Access Control List):选择一个适合业务的权限模型。对于大多数应用,RBAC已经足够。如果需要更细粒度的控制,可以考虑ACL。统一的权限配置:将权限规则集中管理,而不是散落在各个业务逻辑中。日志记录:记录权限判断的成功与失败,便于审计和问题排查。

在我看来,Workerman的权限控制,更像是一场持久战。它没有“银弹”,也没有一劳

以上就是Workerman如何实现权限控制?Workerman权限验证方法?的详细内容,更多请关注php中文网其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年11月10日 10:12:06
下一篇 2025年11月10日 10:16:00

相关推荐

  • HTMLrev 上的免费 HTML 网站模板

    HTMLrev 是唯一的人工策划的库专门专注于免费 HTML 模板,适用于由来自世界各地慷慨的模板创建者制作的网站、登陆页面、投资组合、博客、电子商务和管理仪表板世界。 这个人就是我自己 Devluc,我已经工作了 1 年多来构建、改进和更新这个很棒的免费资源。我自己就是一名模板制作者,所以我知道如…

    2025年12月24日
    300
  • 如何使用 Laravel 框架轻松整合微信支付与支付宝支付?

    如何通过 laravel 框架整合微信支付与支付宝支付 在 laravel 开发中,为电商网站或应用程序整合支付网关至关重要。其中,微信支付和支付宝是中国最流行的支付平台。本文将介绍如何使用 laravel 框架封装这两大支付平台。 一个简单有效的方法是使用业内认可的 easywechat lara…

    2025年12月24日
    000
  • Laravel 框架中如何无缝集成微信支付和支付宝支付?

    laravel 框架中微信支付和支付宝支付的封装 如何将微信支付和支付宝支付无缝集成到 laravel 框架中? 建议解决方案 考虑使用 easywechat 的 laravel 版本。easywechat 是一个成熟、维护良好的库,由腾讯官方人员开发,专为处理微信相关功能而设计。其 laravel…

    2025年12月24日
    300
  • 如何在 Laravel 框架中轻松集成微信支付和支付宝支付?

    如何用 laravel 框架集成微信支付和支付宝支付 问题:如何在 laravel 框架中集成微信支付和支付宝支付? 回答: 建议使用 easywechat 的 laravel 版,easywechat 是一个由腾讯工程师开发的高质量微信开放平台 sdk,已被广泛地应用于许多 laravel 项目中…

    2025年12月24日
    000
  • 使用Laravel框架如何整合微信支付和支付宝支付?

    使用 Laravel 框架整合微信支付和支付宝支付 在使用 Laravel 框架开发项目时,整合支付网关是常见的需求。对于微信支付和支付宝支付,推荐采用以下方法: 使用第三方库:EasyWeChat 的 Laravel 版本 建议直接使用现有的 EasyWeChat 的 Laravel 版本。该库由…

    2025年12月24日
    000
  • 如何将微信支付和支付宝支付无缝集成到 Laravel 框架中?

    如何简洁集成微信和支付宝支付到 Laravel 问题: 如何将微信支付和支付宝支付无缝集成到 Laravel 框架中? 答案: 强烈推荐使用流行的 Laravel 包 EasyWeChat,它由腾讯开发者维护。多年来,它一直保持更新,提供了一个稳定可靠的解决方案。 集成步骤: 安装 Laravel …

    2025年12月24日
    100
  • Bear 博客上的浅色/深色模式分步指南

    我最近使用偏好颜色方案媒体功能与 light-dark() 颜色函数相结合,在我的 bear 博客上实现了亮/暗模式切换。 我是这样做的。 第 1 步:设置 css css 在过去几年中获得了一些很酷的新功能,包括 light-dark() 颜色函数。此功能可让您为任何元素指定两种颜色 &#8211…

    2025年12月24日
    100
  • 使用 React 构建 Fylo 云存储网站

    介绍 在这篇博文中,我们将逐步介绍如何使用 react 创建一个功能丰富的云存储网站。该网站受 fylo 启发,提供了主页、功能、工作原理、感言和页脚等部分。在此过程中,我们将讨论用于构建这个完全响应式网站的结构、组件和样式。 项目概况 该项目由多个部分组成,旨在展示云存储服务。每个部分都是用 re…

    2025年12月24日 好文分享
    000
  • 使用 React 构建食谱查找器网站

    介绍 在本博客中,我们将使用 react 构建一个食谱查找网站。该应用程序允许用户搜索他们最喜欢的食谱,查看趋势或新食谱,并保存他们最喜欢的食谱。我们将利用 edamam api 获取实时食谱数据并将其动态显示在网站上。 项目概况 食谱查找器允许用户: 按名称搜索食谱。查看趋势和新添加的食谱。查看各…

    2025年12月24日 好文分享
    200
  • 不可变数据结构:ECMA 4 中的记录和元组

    不可变数据结构:ecmascript 2024 中的新功能 ecmascript 2024 引入了几个令人兴奋的更新,但对我来说最突出的一个功能是引入了不可变数据结构。这些新结构——记录和元组——改变了 javascript 中数据管理的游戏规则。它们提供了一种令人满意的方式来保持我们的数据健全、安…

    2025年12月24日
    100
  • 深入理解CSS框架与JS之间的关系

    深入理解CSS框架与JS之间的关系 在现代web开发中,CSS框架和JavaScript (JS) 是两个常用的工具。CSS框架通过提供一系列样式和布局选项,可以帮助我们快速构建美观的网页。而JS则提供了一套功能强大的脚本语言,可以为网页添加交互和动态效果。本文将深入探讨CSS框架和JS之间的关系,…

    2025年12月24日
    000
  • HTML+CSS+JS实现雪花飘扬(代码分享)

    使用html+css+js如何实现下雪特效?下面本篇文章给大家分享一个html+css+js实现雪花飘扬的示例,希望对大家有所帮助。 很多南方的小伙伴可能没怎么见过或者从来没见过下雪,今天我给大家带来一个小Demo,模拟了下雪场景,首先让我们看一下运行效果 可以点击看看在线运行:http://hai…

    2025年12月24日 好文分享
    500
  • 10款好看且实用的文字动画特效,让你的页面更吸引人!

    图片和文字是网页不可缺少的组成部分,图片运用得当可以让网页变得生动,但普通的文字不行。那么就可以给文字添加一些样式,实现一下好看的文字效果,让页面变得更交互,更吸引人。下面创想鸟就来给大家分享10款文字动画特效,好看且实用,快来收藏吧! 1、网页玻璃文字动画特效 模板简介:使用css3制作网页渐变底…

    2025年12月24日 好文分享
    000
  • tp5如何引入css文件

    tp5引入css文件的方法:1、将css文件放在public目录下的static文件里即可;2、在页面引入中写上“”语句即可。 本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。 其实很简单,只需要将css,js,image文件放在这个目录下即可 页…

    2025年12月24日
    000
  • 网页设计css样式代码大全,快来收藏吧!

    减少很多不必要的代码,html+css可以很方便的进行网页的排版布局。小伙伴们收藏好哦~ 一.文本设置    1、font-size: 字号参数  2、font-style: 字体格式 3、font-weight: 字体粗细 4、颜色属性 立即学习“前端免费学习笔记(深入)”; color: 参数 …

    2025年12月24日
    000
  • css中id选择器和class选择器有何不同

    之前的文章《什么是CSS语法?详细介绍使用方法及规则》中带了解CSS语法使用方法及规则。下面本篇文章来带大家了解一下CSS中的id选择器与class选择器,介绍一下它们的区别,快来一起学习吧!! id选择器和class选择器介绍 CSS中对html元素的样式进行控制是通过CSS选择器来完成的,最常用…

    2025年12月24日
    000
  • 聊聊CSS 与 JS 是如何阻塞 DOM 解析和渲染的

    本篇文章给大家介绍一下css和js阻塞 dom 解析和渲染的原理。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 hello~各位亲爱的看官老爷们大家好。估计大家都听过,尽量将CSS放头部,JS放底部,这样可以提高页面的性能。然而,为什么呢?大家有考虑过么?很长一段时间,我都是知其…

    2025年12月24日
    200
  • js如何修改css样式

    js修改css样式的方法:1、使用【obj.className】来修改样式表的类名;2、使用【obj.style.cssTest】来修改嵌入式的css;3、使用【obj.className】来修改样式表的类名;4、使用更改外联的css。 本教程操作环境:windows7系统、css3版,DELL G…

    2025年12月24日
    000
  • 如何使用纯CSS、JS实现图片轮播效果

    本篇文章给大家详细介绍一下使用纯css、js实现图片轮播效果的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 .carousel {width: 648px;height: 400px;margin: 0 auto;text-align: center;position: a…

    2025年12月24日
    000
  • js如何修改css

    js修改css的方法:1、使用【obj.style.cssTest】来修改嵌入式的css;2、使用【bj.className】来修改样式表的类名;3、使用更改外联的css文件,从而改变元素的css。 本教程操作环境:windows7系统、css3版,DELL G3电脑。 js修改css的方法: 方法…

    2025年12月24日
    000

发表回复

登录后才能评论
关注微信