自媒体吹爆 DeepSeek V3？程序员小哥怒测：这代码水平，Claude 3.5 笑了！

wuhanwhite

已于 2025-04-09 18:16:44 修改

阅读量6.3k

点赞数 26

于 2024-12-28 12:25:38 首次发布

本文链接：https://blog.csdn.net/wuhanwhite/article/details/144785094

版权

各位朋友，最近互联网上关于 DeepSeek V3 的“传说”是不是有点太玄乎了？什么“代码能力直逼神级”，什么“轻松超越 Claude 3.5”，看得我这每天加班到深夜的普通程序员都开始怀疑人生了：难道我一直用的都是‘假’AI？

话说，这 DeepSeek V3 横空出世后，互联网上的画风那叫一个“锣鼓喧天，鞭炮齐鸣，红旗招展，人山人海”啊！你随便打开几个技术自媒体的推送，标题恨不得自带 BGM：

“DeepSeek V3 震撼发布！代码能力直接碾压 Claude 3.5，程序员要失业了？” （喂喂，妖妖灵吗？这里有人制造恐慌！）
“告别加班！DeepSeek V3 助你光速写码，提前回家抱老婆！” （兄弟，我连女朋友都没有，你让我抱谁？）
“编程界迎来新纪元！DeepSeek V3 的出现，将彻底颠覆现有开发模式！” （别激动，我昨天还在改一行 CSS 改到怀疑人生。）
“炸裂！DeepSeek V3 代码生成速度提升 300%，效率提升看得见！” （真的吗？我的 CPU 怎么没感觉到一丝丝兴奋？）

我的键盘已经饥渴难耐了，它也想知道，那些自媒体口中的“神话”，究竟是现实，还是一场大型“喜剧”？

不是说 DeepSeek V3 一无是处，它在某些方面可能确实有亮点。但要说它能“碾压” Claude 3.5，那真的是让人满头问号：我是不是错过了什么？难道我用的 Claude 3.5 是盗版？还是我的打开方式不对？

所以，问题就来了：这些自媒体口中的“神话”，究竟有几分真实性？ 难道真的是我们这些“普通”程序员水平太低，无法领略 DeepSeek V3 的“神威”？还是说，这又是一场“大型营销行为”，目的是为了博眼球、蹭热度？又或者，DeepSeek V3 只是在某些特定场景下表现出色，但在我们日常的开发工作中，并没有想象中那么“神奇”？

当我们这些每天在键盘上“指点江山”的程序员，怀着激动的心情，迫不及待地去体验了一下传说中的 DeepSeek V3 后，表情大概是这样的：

我的测试原则很简单：不搞虚头巴脑，只看实际疗效！ 我们要测试的，不是模型能不能解出复杂的数学难题，而是能不能帮我们这些“前端打工人”更高效地完成日常工作。所以，我的测试场景都非常“家常便饭”，都是咱们每天可能遇到的开发任务。

测试场景：前端页面快速生成 —— “搭积木”谁更快更稳？

这个场景，我们模拟一个最常见的需求：快速搭建一个基础的前端页面。需求很简单，就比如：

把下面这个前端页面给实现出来。

同样的提示词丢给deepseek v3和claude 3.5

提示词如下：请你按照上传的这个图片的样式，帮我用uniapp的vue3语法写出来实现这个页面的效果。请你给我完整代码

deepseek给的代码如下：

<template>
  <view class="container">
    <view class="status-bar">
      <text>1:21AM</text>
      <text>100%</text>
    </view>
    <view class="header">
      <text>小伴</text>
      <view class="search">
        <text>Q搜索</text>
      </view>
    </view>
    <view class="messages">
      <view class="message-item">
        <text class="time">18:11</text>
        <text class="content">今天我联系了你你有看到系了你.</text>
      </view>
      <view class="message-item">
        <text class="time">13</text>
        <text class="content">吴莫愁</text>
      </view>
      <view class="message-item">
        <text class="time">5-20</text>
        <text class="content">您好，请详细描述症状、用药情况等</text>
      </view>
      <view class="message-item">
        <text class="time">2023-11-17</text>
        <text class="content">病情明显好转，可以正常工作，持续治疗</text>
      </view>
      <view class="message-item">
        <text class="time">2023-11-12</text>
        <text class="content">双向情感障碍，精神异常5年，心情潮涨潮.</text>
      </view>
    </view>
    <view class="footer">
      <text>消息</text>
      <text>关注</text>
      <text>匹配</text>
      <text>AI</text>
      <text>我</text>
    </view>
  </view>
</template>

<script setup>
// 你可以在这里添加一些逻辑代码
</script>

<style scoped>
.container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.status-bar {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  background-color: #f0f0f0;
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}

.search {
  padding: 5px 10px;
  background-color: #eee;
  border-radius: 15px;
}

.messages {
  flex: 1;
  padding: 10px;
  background-color: #f9f9f9;
}

.message-item {
  margin-bottom: 10px;
}

.time {
  font-size: 12px;
  color: #999;
}

.content {
  font-size: 14px;
  color: #333;
}

.footer {
  display: flex;
  justify-content: space-around;
  padding: 10px;
  background-color: #fff;
  border-top: 1px solid #ddd;
}
</style>

在编译器中显示的效果如下：

下面再来看看Claude 3.5的效果：

代码如下：

<template>
  <view class="container">
    <!-- 顶部导航栏 -->
    <view class="header">
      <text class="title">小伴</text>
      <view class="header-right">
        <text class="dots">•••</text>
        <text class="circle">⭕</text>
      </view>
    </view>

    <!-- 搜索框 -->
    <view class="search-box">
      <view class="search-input">
        <uni-icons type="search" size="20" color="#999"></uni-icons>
        <text class="placeholder">搜索</text>
      </view>
    </view>

    <!-- 消息列表 -->
    <view class="message-list">
      <!-- 系统消息 -->
      <view class="message-item">
        <view class="avatar system-avatar">
          <text>Mb</text>
        </view>
        <view class="content">
          <view class="name">小伴消息</view>
          <view class="desc">今天我联系了你 你有看到系了你......</view>
        </view>
        <view class="right">
          <text class="time">18:11</text>
          <view class="badge">13</view>
        </view>
      </view>

      <!-- 医生消息列表 -->
      <view class="message-item" v-for="(item, index) in doctorList" :key="index">
        <image class="avatar" :src="item.avatar"></image>
        <view class="content">
          <view class="name">{{ item.name }}</view>
          <view class="desc">{{ item.message }}</view>
        </view>
        <view class="right">
          <text class="time">{{ item.time }}</text>
        </view>
      </view>
    </view>

    <!-- 底部导航栏 -->
    <view class="tab-bar">
      <view class="tab-item" v-for="(tab, index) in tabs" :key="index">
        <view class="tab-icon">
          <uni-icons :type="tab.icon" size="24" :color="currentTab === index ? '#2BAD93' : '#999'"></uni-icons>
          <view class="badge-dot" v-if="tab.badge">{{ tab.badge }}</view>
        </view>
        <text class="tab-text" :class="{ active: currentTab === index }">{{ tab.name }}</text>
      </view>
    </view>
  </view>
</template>

<script setup>
import { ref } from 'vue'

const currentTab = ref(0)

const doctorList = ref([
  {
    avatar: '/static/doctor1.png',
    name: '吴莫愁',
    message: '您好，请详细描述症状、用药情况等',
    time: '5-20'
  },
  {
    avatar: '/static/doctor2.png',
    name: '向医生',
    message: '病情明显好转，可以正常工作，持续治疗',
    time: '2023-11-17'
  },
  {
    avatar: '/static/doctor3.png',
    name: '周翊然',
    message: '双向情感障碍，精神异常5年，心情潮涨潮......',
    time: '2023-11-12'
  }
])

const tabs = ref([
  { name: '消息', icon: 'chat', badge: 9 },
  { name: '关注', icon: 'star' },
  { name: '匹配', icon: 'heart' },
  { name: 'AI', icon: 'robot' },
  { name: '我', icon: 'person' }
])
</script>

<style scoped>
.container {
  height: 100vh;
  background-color: #f5f5f5;
}

.header {
  background-color: #2BAD93;
  padding: 40rpx 30rpx 20rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.title {
  color: #fff;
  font-size: 36rpx;
}

.header-right {
  display: flex;
  align-items: center;
  gap: 20rpx;
  color: #fff;
}

.search-box {
  padding: 20rpx;
  background-color: #f5f5f5;
}

.search-input {
  background-color: #fff;
  border-radius: 8rpx;
  padding: 15rpx 30rpx;
  display: flex;
  align-items: center;
  gap: 10rpx;
}

.placeholder {
  color: #999;
  font-size: 28rpx;
}

.message-list {
  background-color: #fff;
}

.message-item {
  padding: 30rpx;
  display: flex;
  align-items: center;
  border-bottom: 1rpx solid #eee;
}

.avatar {
  width: 100rpx;
  height: 100rpx;
  border-radius: 50%;
  margin-right: 20rpx;
}

.system-avatar {
  background-color: #2BAD93;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.content {
  flex: 1;
}

.name {
  font-size: 32rpx;
  margin-bottom: 10rpx;
}

.desc {
  font-size: 28rpx;
  color: #999;
}

.right {
  text-align: right;
}

.time {
  font-size: 24rpx;
  color: #999;
}

.badge {
  background-color: #ff5649;
  color: #fff;
  font-size: 24rpx;
  padding: 2rpx 12rpx;
  border-radius: 20rpx;
  margin-top: 10rpx;
  display: inline-block;
}

.tab-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100rpx;
  background-color: #fff;
  display: flex;
  border-top: 1rpx solid #eee;
}

.tab-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.tab-icon {
  position: relative;
}

.badge-dot {
  position: absolute;
  top: -8rpx;
  right: -8rpx;
  background-color: #ff5649;
  color: #fff;
  font-size: 20rpx;
  padding: 0 8rpx;
  border-radius: 20rpx;
  min-width: 30rpx;
  text-align: center;
}

.tab-text {
  font-size: 24rpx;
  color: #999;
  margin-top: 4rpx;
}

.tab-text.active {
  color: #2BAD93;
}
</style>

在编译器中呈现的效果：