Python Web 实现自定义鼠标样式：从原理到实践

在 Web 开发中，细节往往能显著提升用户体验。自定义鼠标样式作为一个容易被忽略的细节，却能在特定场景下为网站增添独特个性与交互趣味。本文将详细介绍如何在 Python Web 项目中实现自定义鼠标样式定制，并提供多种框架下的实现示例。

为什么需要自定义鼠标样式？

默认鼠标指针在大多数情况下表现良好，但在以下场景中，自定义样式能带来更好的体验：

  • 创意设计类网站：匹配品牌风格的指针强化视觉统一性
  • 在线绘图工具：专业指针样式提升工具专业性
  • 游戏类 Web 应用：情境化指针增强沉浸感
  • 特殊交互区域：通过指针变化直观提示用户可交互性

实现原理

Python Web 框架（如 Django、Flask、FastAPI）实现自定义鼠标样式的核心原理与前端技术密切相关，主要依赖：

  1. CSS 的cursor属性，支持：内置关键字（如pointer、move、text等）自定义图片（需指定图片路径和热点位置）
  2. 浏览器对自定义图标的支持特性：支持格式：PNG、GIF、CUR（Windows 光标文件）、SVG（部分浏览器）大小限制：建议不超过 32×32 像素（不同浏览器有差异）热点坐标：指定鼠标点击的精确位置（x,y）

Python Web 框架的作用主要是提供静态资源服务和页面渲染，实际的鼠标样式控制仍由前端 CSS 完成。

不同框架下的实现方案

1. Flask 框架实现

项目结构准备

plaintext

flask-cursor-demo/
├── app.py
├── static/
│   ├── css/
│   │   └── cursor.css
│   └── cursors/
│       ├── pencil.png
│       ├── hand.png
│       └── eraser.png
└── templates/
    └── index.html

步骤 1：创建 CSS 样式文件

在static/css/cursor.css中定义自定义鼠标样式：

css

/* 基础自定义鼠标样式 */
.cursor-pencil {
  /* 格式：cursor: url(图片路径) 热点X 热点Y, 备选光标; */
  cursor: url('/static/cursors/pencil.png') 0 32, auto;
}

.cursor-hand {
  cursor: url('/static/cursors/hand.png') 16 16, pointer;
}

.cursor-eraser {
  cursor: url('/static/cursors/eraser.png') 10 10, auto;
}

/* 按钮悬停效果 */
.magic-button {
  padding: 12px 24px;
  background: #6c5ce7;
  color: white;
  border: none;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.magic-button:hover {
  cursor: url('/static/cursors/click.png') 8 8, pointer;
  background: #5549b8;
  transform: translateY(-2px);
}

步骤 2：编写 Flask 应用

app.py代码：

python

运行

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def index():
    # 可以通过后端传递动态参数控制鼠标样式
    context = {
        'default_cursor': 'cursor-pencil',
        'feature_enabled': True
    }
    return render_template('index.html', **context)

if __name__ == '__main__':
    app.run(debug=True)

步骤 3：创建模板文件

templates/index.html代码：

html

预览

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Flask自定义鼠标样式示例</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/cursor.css') }}">
</head>
<body>
    <h1>Flask自定义鼠标样式演示</h1>
    
    <div class="{{ default_cursor }}">
        <p>此区域默认使用铅笔样式鼠标</p>
        <div contenteditable="true" style="border: 1px solid #ccc; padding: 10px; min-height: 100px;">
            点击此处编辑文本...
        </div>
    </div>
    
    <button class="magic-button">特殊按钮（悬停查看效果）</button>
    
    <div style="margin-top: 20px;">
        <a href="#" class="cursor-hand">此链接使用自定义手型光标</a>
    </div>

    {% if feature_enabled %}
    <div class="cursor-eraser" style="margin-top: 20px; padding: 10px; border: 1px dashed #333;">
        此区域使用橡皮擦样式光标（功能已启用）
    </div>
    {% endif %}
</body>
</html>

2. Django 框架实现

项目结构

plaintext

django-cursor-demo/
├── cursor_project/
│   ├── __init__.py
│   ├── settings.py
│   ├── urls.py
│   └── wsgi.py
├── cursor_app/
│   ├── __init__.py
│   ├── views.py
│   └── templates/
│       └── cursor_app/
│           └── index.html
└── static/
    ├── css/
    │   └── cursor.css
    └── cursors/
        ├── ...（光标图片）

步骤 1：配置静态文件（settings.py）

python

运行

STATIC_URL = '/static/'
STATICFILES_DIRS = [BASE_DIR / 'static']

步骤 2：编写视图（views.py）

python

运行

from django.shortcuts import render

def cursor_demo(request):
    # 后端控制光标样式逻辑
    cursor_style = 'cursor-pencil'
    if request.GET.get('tool') == 'eraser':
        cursor_style = 'cursor-eraser'
        
    return render(request, 'cursor_app/index.html', {
        'active_cursor': cursor_style
    })

步骤 3：配置 URL（urls.py）

python

运行

from django.urls import path
from cursor_app import views

urlpatterns = [
    path('', views.cursor_demo, name='cursor_demo'),
]

步骤 4：模板文件（index.html）

html

预览

{% load static %}
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Django自定义鼠标样式</title>
    <link rel="stylesheet" href="{% static 'css/cursor.css' %}">
</head>
<body>
    <h1>Django自定义鼠标样式演示</h1>
    
    <div class="{{ active_cursor }}">
        <p>当前工具：{% if active_cursor == 'cursor-eraser' %}橡皮擦{% else %}铅笔{% endif %}</p>
        <div style="width: 100%; height: 300px; border: 1px solid #ccc;">
            绘图区域
        </div>
    </div>
    
    <div style="margin-top: 10px;">
        <a href="?tool=pencil">切换到铅笔工具</a> | 
        <a href="?tool=eraser">切换到橡皮擦工具</a>
    </div>
</body>
</html>

3. FastAPI + Jinja2 实现

项目结构

plaintext

fastapi-cursor-demo/
├── main.py
├── static/
│   ├── css/
│   │   └── cursor.css
│   └── cursors/
│       ├── ...（光标图片）
└── templates/
    └── index.html

实现代码（main.py）

python

运行

from fastapi import FastAPI, Request
from fastapi.staticfiles import StaticFiles
from fastapi.templating import Jinja2Templates

app = FastAPI()

# 挂载静态文件目录
app.mount("/static", StaticFiles(directory="static"), name="static")

# 配置模板
templates = Jinja2Templates(directory="templates")

@app.get("/")
async def read_root(request: Request, cursor: str = "default"):
    cursor_classes = {
        "default": "cursor-default",
        "pencil": "cursor-pencil",
        "hand": "cursor-hand"
    }
    
    active_class = cursor_classes.get(cursor, "cursor-default")
    
    return templates.TemplateResponse("index.html", {
        "request": request,
        "active_cursor": active_class
    })

高级应用：动态切换与交互

结合 JavaScript 可以实现更灵活的鼠标样式控制，例如在绘图应用中根据选择的工具动态切换：

html

预览

<script>
// 动态切换鼠标样式
function setCursor(styleClass) {
    const canvas = document.getElementById('drawing-canvas');
    // 移除所有光标类
    canvas.className = canvas.className.replace(/cursor-\w+/g, '');
    // 添加新样式
    canvas.classList.add(styleClass);
}

// 示例：工具按钮点击事件
document.querySelectorAll('.tool-btn').forEach(btn => {
    btn.addEventListener('click', function() {
        setCursor(this.dataset.cursor);
    });
});
</script>

<!-- 在HTML中使用 -->
<div id="drawing-canvas" style="width: 800px; height: 500px; border: 1px solid #000;"></div>

<div class="tools">
    <button class="tool-btn" data-cursor="cursor-pencil">铅笔</button>
    <button class="tool-btn" data-cursor="cursor-eraser">橡皮擦</button>
    <button class="tool-btn" data-cursor="cursor-hand">移动</button>
</div>

响应式与适配方案

结合媒体查询实现不同设备和场景下的自适应：

css

/* 桌面设备 */
@media (min-width: 1024px) {
    .desktop-only {
        cursor: url('/static/cursors/desktop-cursor.png') 8 8, auto;
    }
}

/* 平板设备 */
@media (max-width: 1023px) and (min-width: 768px) {
    .tablet-optimized {
        cursor: url('/static/cursors/tablet-cursor.png') 6 6, auto;
    }
}

/* 暗黑模式适配 */
@media (prefers-color-scheme: dark) {
    .cursor-pencil {
        cursor: url('/static/cursors/pencil-dark.png') 0 32, auto;
    }
}

注意事项与最佳实践

  1. 兼容性处理：始终提供备选光标（如auto、pointer），确保在不支持自定义光标的环境下有降级方案测试主流浏览器表现（Chrome、Firefox、Safari、Edge）
  2. 性能优化：压缩光标图片，控制文件大小考虑使用 SVG 格式（支持矢量缩放，文件体积小）避免在频繁重绘的元素上使用自定义光标
  3. 用户体验：保持光标与功能的一致性（如铅笔工具显示铅笔光标）确保光标与背景有足够对比度不要过度使用，保持界面整体协调
  4. 可访问性：提供切换回默认光标的选项确保自定义光标不会影响屏幕阅读器正常工作考虑光标大小对不同视力用户的影响

总结

在 Python Web 项目中实现自定义鼠标样式，核心是通过 CSS 的cursor属性配合适当的图片资源，而 Python 框架主要负责资源管理和页面渲染。无论是 Flask、Django 还是 FastAPI，实现方式都大同小异，关键在于合理规划静态资源路径和设计符合场景的光标样式。

恰到好处的自定义鼠标样式能为 Web 应用增添独特魅力，但需注意平衡创意与可用性，避免过度设计影响用户体验。希望本文能帮助你在 Python Web 项目中更好地运用这一技术细节，打造更具特色的 Web 应用。

生成phpweb实现自定义鼠标样式的博客文章

PHP Web 实现自定义鼠标样式：从基础到进阶

在 Web 开发中，细节往往是提升用户体验的关键。自定义鼠标样式作为一个容易被忽视的细节，却能在特定场景下为网站增添独特的交互体验和品牌个性。本文将详细介绍如何在 PHP Web 项目中实现自定义鼠标样式，并提供多种实用场景的代码示例。

为什么需要自定义鼠标样式？

默认的系统鼠标指针在大多数情况下表现良好，但在以下场景中，自定义鼠标样式能带来显著的体验提升：

  • 创意设计类网站：匹配品牌风格的指针强化视觉统一性
  • 在线绘图 / 编辑工具：专业指针样式提升工具专业性
  • 游戏类 Web 应用：情境化指针增强玩家沉浸感
  • 特殊交互区域：通过指针形态变化直观提示用户可交互性

实现原理

PHP Web 项目实现自定义鼠标样式的核心技术仍然依赖前端 CSS，但 PHP 可以通过模板引擎、动态数据处理等方式增强其灵活性。关键技术点包括：

  1. CSS 的cursor属性，支持两种形式：内置关键字（如pointer、move、text等）自定义图片（需指定图片路径和点击热点坐标）
  2. 浏览器兼容性特点：支持格式：PNG、GIF、CUR（Windows 光标文件）、SVG（现代浏览器）大小限制：建议不超过 32×32 像素（不同浏览器有差异）热点坐标：定义鼠标点击的精确位置（x,y）

PHP 在其中主要负责：静态资源路径处理、根据业务逻辑动态输出样式类、模板渲染等工作。

基础实现：PHP+CSS 组合

1. 项目结构准备

plaintext

php-cursor-demo/
├── index.php
├── css/
│   └── cursor.css
├── cursors/
│   ├── pencil.png
│   ├── hand.png
│   ├── eraser.png
│   └── click.png
└── inc/
    └── header.php

2. 创建 CSS 样式文件

在css/cursor.css中定义基础鼠标样式：

css

/* 自定义鼠标样式集合 */
.cursor-pencil {
  /* 格式：cursor: url(图片路径) 热点X坐标 热点Y坐标, 备选光标; */
  cursor: url('../cursors/pencil.png') 0 32, auto;
}

.cursor-hand {
  cursor: url('../cursors/hand.png') 16 16, pointer;
}

.cursor-eraser {
  cursor: url('../cursors/eraser.png') 5 5, auto;
}

/* 按钮交互样式 */
.special-btn {
  padding: 10px 20px;
  background: #2c3e50;
  color: white;
  border: none;
  border-radius: 4px;
  transition: all 0.2s;
}

.special-btn:hover {
  cursor: url('../cursors/click.png') 8 8, pointer;
  background: #34495e;
  transform: scale(1.05);
}

/* 绘图区域样式 */
.drawing-board {
  width: 100%;
  height: 400px;
  border: 2px solid #3498db;
  margin: 20px 0;
}

3. PHP 页面实现

index.php代码示例：

php

运行

<?php
// PHP业务逻辑：可以根据条件动态设置默认光标样式
$defaultCursor = 'cursor-pencil';

// 模拟用户偏好设置
$userPrefs = [
    'cursor_size' => 'medium',
    'high_contrast' => false
];
?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>PHP自定义鼠标样式演示</title>
    <link rel="stylesheet" href="css/cursor.css">
    <?php if($userPrefs['high_contrast']): ?>
    <!-- 动态加载高对比度样式 -->
    <style>
        .cursor-pencil {
            cursor: url('cursors/pencil-high-contrast.png') 0 32, auto;
        }
    </style>
    <?php endif; ?>
</head>
<body>
    <h1>PHP Web自定义鼠标样式示例</h1>
    
    <!-- 使用默认光标样式的区域 -->
    <div class="<?php echo $defaultCursor; ?>">
        <p>此区域默认使用铅笔样式光标</p>
        <div class="drawing-board"></div>
    </div>
    
    <!-- 按钮交互示例 -->
    <button class="special-btn">点击我（悬停查看特殊光标）</button>
    
    <!-- 链接样式示例 -->
    <div style="margin-top: 20px;">
        <a href="#" class="cursor-hand">此链接使用自定义手型光标</a>
    </div>
    
    <!-- 动态切换控制 -->
    <div style="margin-top: 30px;">
        <h3>切换工具：</h3>
        <button onclick="setCursor('drawing-board', 'cursor-pencil')">铅笔工具</button>
        <button onclick="setCursor('drawing-board', 'cursor-eraser')">橡皮擦工具</button>
        <button onclick="setCursor('drawing-board', '')">默认光标</button>
    </div>

    <script>
    // 动态切换鼠标样式的JavaScript函数
    function setCursor(elementId, cursorClass) {
        const element = document.getElementById(elementId);
        if (!element) return;
        
        // 移除所有光标相关类
        element.className = element.className.replace(/cursor-\w+/g, '').trim();
        
        // 添加新的光标类
        if (cursorClass) {
            element.classList.add(cursorClass);
        }
    }
    </script>
</body>
</html>

进阶应用：结合 PHP 框架

1. Laravel 框架实现

在 Laravel 中，我们可以利用其资产管理和 Blade 模板引擎更优雅地实现：

步骤 1：放置资源文件

plaintext

public/
├── css/
│   └── cursor.css
└── cursors/
    └── ...（光标图片）

步骤 2：Blade 模板中使用

blade

{{-- resources/views/cursor-demo.blade.php --}}
@extends('layouts.app')

@section('styles')
    <link rel="stylesheet" href="{{ asset('css/cursor.css') }}">
@endsection

@section('content')
    <div class="container">
        <h1>Laravel自定义鼠标样式</h1>
        
        {{-- 根据后端数据动态设置光标类 --}}
        <div class="drawing-area {{ $activeTool->cursor_class }}">
            <!-- 绘图区域内容 -->
        </div>
        
        {{-- 工具选择器 --}}
        <div class="tool-selector">
            @foreach($tools as $tool)
                <button 
                    class="tool-btn"
                    data-cursor="{{ $tool->cursor_class }}"
                >
                    {{ $tool->name }}
                </button>
            @endforeach
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        // 工具切换逻辑
        document.querySelectorAll('.tool-btn').forEach(btn => {
            btn.addEventListener('click', function() {
                document.querySelector('.drawing-area').className = 
                    'drawing-area ' + this.dataset.cursor;
            });
        });
    </script>
@endsection

步骤 3：控制器逻辑

php

运行

// app/Http/Controllers/CursorDemoController.php
namespace App\Http\Controllers;

use Illuminate\Http\Request;

class CursorDemoController extends Controller
{
    public function index()
    {
        // 模拟工具数据
        $tools = [
            (object)[
                'name' => '铅笔',
                'cursor_class' => 'cursor-pencil'
            ],
            (object)[
                'name' => '橡皮擦',
                'cursor_class' => 'cursor-eraser'
            ],
            (object)[
                'name' => '移动',
                'cursor_class' => 'cursor-hand'
            ]
        ];
        
        return view('cursor-demo', [
            'tools' => $tools,
            'activeTool' => $tools[0]
        ]);
    }
}

2. ThinkPHP 框架实现

在 ThinkPHP 中，我们可以这样实现：

php

运行

// application/index/controller/Cursor.php
namespace app\index\controller;

use think\Controller;

class Cursor extends Controller
{
    public function index()
    {
        // 传递光标配置到视图
        $this->assign('cursorConfig', [
            'default' => 'cursor-pencil',
            'highContrast' => false
        ]);
        return $this->fetch();
    }
}

对应的模板文件：

html

预览

<!-- application/index/view/cursor/index.html -->
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>ThinkPHP自定义鼠标</title>
    <link rel="stylesheet" href="__STATIC__/css/cursor.css">
    {if $cursorConfig.highContrast}
    <style>
        .cursor-pencil {
            cursor: url('__STATIC__/cursors/pencil-high.png') 0 32, auto;
        }
    </style>
    {/if}
</head>
<body>
    <div class="{$cursorConfig.default}">
        <!-- 内容区域 -->
    </div>
</body>
</html>

响应式与动态适配

结合媒体查询和 PHP 后端判断，实现多场景适配：

css

/* 响应式光标样式 */
@media (max-width: 768px) {
    .responsive-cursor {
        cursor: url('../cursors/mobile-cursor.png') 5 5, auto;
    }
}

@media (min-width: 769px) {
    .responsive-cursor {
        cursor: url('../cursors/desktop-cursor.png') 8 8, auto;
    }
}

/* 深色模式适配 */
@media (prefers-color-scheme: dark) {
    .cursor-pencil {
        cursor: url('../cursors/pencil-dark.png') 0 32, auto;
    }
}

PHP 可以根据用户代理（User-Agent）判断设备类型，输出不同的样式类：

php

运行

<?php
// 判断移动设备
function isMobile() {
    $userAgent = $_SERVER['HTTP_USER_AGENT'];
    $mobileAgents = ['Android', 'iPhone', 'iPad', 'iPod'];
    foreach ($mobileAgents as $agent) {
        if (strpos($userAgent, $agent) !== false) {
            return true;
        }
    }
    return false;
}

// 根据设备类型设置光标类
$deviceCursor = isMobile() ? 'mobile-cursor' : 'desktop-cursor';
?>

<div class="<?php echo $deviceCursor; ?>">
    设备自适应光标区域
</div>

最佳实践与注意事项

  1. 兼容性处理：始终提供备选光标（如auto、pointer），确保在不支持自定义光标的环境下有降级方案测试主流浏览器表现，特别注意 CUR 格式在非 Windows 系统的兼容性
  2. 性能优化：压缩光标图片，控制文件大小（建议单文件小于 10KB）对频繁切换的场景，预加载光标图片：html预览
  3. 用户体验：保持光标与功能的语义一致性（如铅笔工具显示铅笔光标）确保光标与背景有足够对比度，避免在相似颜色背景上使用相近颜色光标不要过度使用，保持整体界面的协调性
  4. 可访问性：提供切换回系统默认光标的选项，方便有特殊需求的用户确保光标大小适中，过小的光标会影响操作体验考虑为视力障碍用户提供大尺寸光标选项

总结

在 PHP Web 项目中实现自定义鼠标样式，核心是通过 CSS 的cursor属性定义样式，而 PHP 则负责根据业务逻辑动态控制这些样式的应用。无论是原生 PHP 还是 Laravel、ThinkPHP 等框架，实现方式都大同小异，关键在于合理组织资源和设计符合场景的光标样式。

恰到好处的自定义鼠标样式能为 Web 应用增添独特魅力，但需注意平衡创意与可用性，避免过度设计影响用户体验。希望本文能帮助你在 PHP 项目中更好地运用这一技术细节，打造更具特色的 Web 应用。hhpe1.tongdaolzw.com

q2pb2.tongdaolzw.com

qmq62.tongdaolzw.com

9qinx.tongdaolzw.com

1rg4k.tongdaolzw.com

wmew0.tongdaolzw.com

ckeed.tongdaolzw.com

s3d0h.tongdaolzw.com

vaf.tongdaolzw.com

uxkbz.tongdaolzw.com

qyy3g.tongdaolzw.com

kyari.tongdaolzw.com

hxr9y.tongdaolzw.com

rkkif.tongdaolzw.com

jfivi.tongdaolzw.com

xy.tongdaolzw.com

b9x1a.tongdaolzw.com

kll8c.tongdaolzw.com

rqxze.tongdaolzw.com

nitcg.tongdaolzw.com

全部评论

相关推荐

11-25 16:11
门头沟学院 算法工程师
点赞 评论 收藏
分享
11-30 17:22
已编辑
复旦大学 Java
3个月抢救版Java春招后端学习路线！
眼下马上12月了，27届的同学摩拳擦掌开始找实习，26届的伙伴则紧抓春招这最后的机会，全力冲刺。而还有许多同学因为备战考研，或是临时调整方向，至今还没系统学习，心里焦急得很。如今距离春招或暑期实习只剩三个月左右，考研结束后更是仅剩两个月，要在这么短的时间里掌握Java后端技术栈，到底该怎么做？网上确实有不少学习路线和免费视频，但很多内容——比如尚硅谷或者黑马程序员这类教程——对刚入门或时间紧张的同学来说，反而容易让人望而却步。大家可以看一下黑马程序员和尚硅谷的学习路线：这些教程内容本身质量不错，但如果瞄准校招，对于时间充裕的同学来说，跟着做完Spring&nbsp;Boot项目、学学中间件、再做一个微服...
点赞 评论 收藏
分享
11-22 22:12
门头沟学院 Java
点赞 评论 收藏
分享
头像
11-25 00:11
美团_测试开发
大厂一定是最好选择吗？
找实习是优先选择平台还是优先选择业务呢？对于这种二选一的问题是很难直接给出一个固定的答案的，不同的学历，实习经历，兴趣等等都会影响选择，下面我说一下不同的情况选什么更好。大平台的优势&nbsp;看我我之前文章的同学应该知道好的平台无论是资源（白嫖免费的课和最新的技术），人脉（结交一些大佬，为自己积累人脉），还是背书（方便找下家）都是对未来找工作或者下一段实习都是非常的有帮助的。那么进不了大厂没有好的实习难道就没有机会了吗？当然不是下面就给大家说一下好业务的优势。好业务的优势说到好业务的优势肯定得先知道什么样的业务能叫做好业务呢？从我目前的经历来看可以分为下面3种。可复制性强：就是很多公司都在做这种业务，...
打破求职信息差
点赞 评论 收藏
分享
评论
点赞
收藏
分享

全站热榜

更多

创作者周榜

更多
正在热议
更多
# 工作前VS工作后，你的心态变化 #
2422次浏览 25人参与
# 父母对你找工作是助力还是阻力？ #
955次浏览 25人参与
# 回顾今年你干过的最“勇”的一件事 #
3239次浏览 42人参与
# 十二月请对我好一点 #
2304次浏览 64人参与
# 工作中出现了XX情况正常吗 #
4151次浏览 43人参与
# 高薪高压 vs 低薪wlb，你怎么选？ #
2563次浏览 33人参与
# 为了去实习，我赌上了___ #
934次浏览 20人参与
# 一人推荐一个值得做的项目 #
1868次浏览 25人参与
# 公司福利里最没用的一项是啥 #
1913次浏览 43人参与
# 机械人的金三校招总结 #
38769次浏览 465人参与
# 追觅科技求职进展汇总 #
28762次浏览 181人参与
# 2023届毁约公司名单 #
228454次浏览 1056人参与
# 秋招有哪些公司要求提前实习 #
90770次浏览 479人参与
# 应届生，你找到工作了吗 #
90727次浏览 570人参与
# 职场上哪些事情令人讨厌 #
31785次浏览 137人参与
# 华勤技术工作体验 #
12190次浏览 23人参与
# 哪些公司真双非友好？ #
49062次浏览 226人参与
# 毕业季，你想好怎么跟生活对线了吗？ #
260022次浏览 3850人参与
# 牛友们的论文几号送审 #
61227次浏览 831人参与
# 听到哪句话代表面试稳了OR挂了？ #
109718次浏览 492人参与
牛客网
牛客网在线编程
牛客网题解
牛客企业服务