Files
vf_react/public/htmls/利基型存储DDR4.html
2025-10-11 16:16:02 +08:00

555 lines
25 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>利基型存储DDR4行业分析</title>
<!-- Bootstrap 5 CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<!-- Chart.js -->
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<style>
:root {
--primary-color: #3b82f6;
--secondary-color: #64748b;
--accent-color: #f59e0b;
--light-bg: #f8fafc;
--dark-text: #1e293b;
}
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: var(--dark-text);
background-color: var(--light-bg);
}
.hero-section {
background: linear-gradient(135deg, #1e3a8a, #3b82f6);
color: white;
padding: 3rem 0;
border-radius: 0 0 1rem 1rem;
}
.card {
border: none;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease, box-shadow 0.3s ease;
margin-bottom: 1.5rem;
}
.card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}
.table-responsive {
border-radius: 0.5rem;
overflow: hidden;
}
.table {
margin-bottom: 0;
}
.table thead th {
background-color: var(--primary-color);
color: white;
border: none;
font-weight: 500;
text-transform: uppercase;
font-size: 0.8rem;
letter-spacing: 0.5px;
}
.table tbody tr:nth-of-type(odd) {
background-color: rgba(248, 250, 252, 0.5);
}
.table tbody tr:hover {
background-color: rgba(59, 130, 246, 0.1);
}
.badge {
font-weight: 500;
padding: 0.4em 0.8em;
}
.badge-product {
background-color: #3b82f6;
}
.badge-agent {
background-color: #8b5cf6;
}
.badge-chip {
background-color: #ec4899;
}
.badge-package {
background-color: #10b981;
}
.revenue-cell {
font-weight: 600;
color: #059669;
}
.chart-container {
position: relative;
height: 300px;
margin: 1rem 0;
}
.section-title {
position: relative;
margin-bottom: 2rem;
padding-bottom: 1rem;
}
.section-title:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 3px;
background-color: var(--primary-color);
}
.info-card {
border-left: 4px solid var(--primary-color);
padding-left: 1rem;
margin-bottom: 1.5rem;
}
.stock-highlight {
background-color: rgba(59, 130, 246, 0.1);
border-radius: 0.25rem;
padding: 0.25rem 0.5rem;
font-weight: 600;
}
footer {
background-color: #1e293b;
color: white;
padding: 2rem 0;
margin-top: 3rem;
}
@media (max-width: 768px) {
.hero-section {
padding: 2rem 0;
}
.table {
font-size: 0.85rem;
}
.table thead th {
font-size: 0.7rem;
}
}
</style>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top">
<div class="container">
<a class="navbar-brand" href="#">
<i class="fas fa-microchip me-2"></i>存储芯片分析
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link active" href="#overview">行业概览</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#stocks">股票数据</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#analysis">数据分析</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Hero Section -->
<section class="hero-section">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-8">
<h1 class="display-5 fw-bold mb-3">利基型存储DDR4行业分析</h1>
<p class="lead mb-4">深入解析DDR4存储芯片产业链挖掘投资机会与行业趋势</p>
<div class="d-flex flex-wrap gap-2">
<span class="badge bg-light text-dark">存储芯片</span>
<span class="badge bg-light text-dark">DDR4</span>
<span class="badge bg-light text-dark">半导体</span>
<span class="badge bg-light text-dark">国产替代</span>
</div>
</div>
<div class="col-lg-4 text-center">
<i class="fas fa-memory" style="font-size: 8rem; opacity: 0.7;"></i>
</div>
</div>
</div>
</section>
<!-- Main Content -->
<div class="container my-5">
<!-- Overview Section -->
<section id="overview" class="mb-5">
<h2 class="section-title">行业概览</h2>
<div class="row">
<div class="col-lg-8">
<div class="card">
<div class="card-body">
<h5 class="card-title">利基型存储DDR4市场现状</h5>
<p class="card-text">
DDR4作为当前主流的内存技术标准在利基市场如消费电子、工业控制、物联网等领域仍具有广泛应用。随着原厂产能调整和国产化进程加速国内企业在DDR4领域持续发力从产品设计、制造到封测形成完整产业链。
</p>
<div class="info-card">
<h6>核心趋势</h6>
<ul>
<li>原厂产能向DDR5转移利基型DDR4市场供给结构性变化</li>
<li>国内厂商加速DDR4产品研发与量产国产替代空间广阔</li>
<li>消费级、企业级DDR4产品需求稳定嵌入式市场持续增长</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card h-100">
<div class="card-body">
<h5 class="card-title">产业链分布</h5>
<div class="chart-container">
<canvas id="categoryChart"></canvas>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Stocks Data Section -->
<section id="stocks" class="mb-5">
<h2 class="section-title">股票数据</h2>
<div class="card">
<div class="card-body">
<div class="d-flex justify-content-between align-items-center mb-3">
<h5 class="card-title mb-0">利基型存储DDR4相关企业</h5>
<div class="d-flex gap-2">
<span class="badge badge-product">产品</span>
<span class="badge badge-agent">代理</span>
<span class="badge badge-chip">内存接口芯片</span>
<span class="badge badge-package">封测</span>
</div>
</div>
<div class="table-responsive">
<table class="table table-hover">
<thead>
<tr>
<th>股票名称</th>
<th>分类</th>
<th>营收相关</th>
<th>DDR4相关</th>
<th>信源</th>
</tr>
</thead>
<tbody>
<tr>
<td><span class="stock-highlight">江波龙</span></td>
<td><span class="badge badge-product">产品</span></td>
<td class="revenue-cell">2024年存储营收174.64亿元</td>
<td>公司恢复了部分DDR4的测试和制造产能能较好满足客户对于DDR4的需求</td>
<td>互动</td>
</tr>
<tr>
<td><span class="stock-highlight">佰维存储</span></td>
<td><span class="badge badge-product">产品</span></td>
<td class="revenue-cell">2024年存储产品营收63.41亿元</td>
<td>公司企业级DDR4 RDIMM内存条产品最高支持3,200MT/s数据传输速率容量支持16GB、32GB</td>
<td>半年报</td>
</tr>
<tr>
<td><span class="stock-highlight">兆易创新</span></td>
<td><span class="badge badge-product">产品</span></td>
<td class="revenue-cell">2024年存储芯片51.94亿元</td>
<td>DDR4产品在已有4Gb容量产品基础上进一步实现了8Gb容量产品的量产出货</td>
<td>年报</td>
</tr>
<tr>
<td><span class="stock-highlight">德明利</span></td>
<td><span class="badge badge-product">产品</span></td>
<td class="revenue-cell">2024年存储营收47.73亿元</td>
<td>公司消费级DDR4内存模组产品已经实现量产出货</td>
<td>互动</td>
</tr>
<tr>
<td><span class="stock-highlight">北京君正</span></td>
<td><span class="badge badge-product">产品</span></td>
<td class="revenue-cell">2024年存储芯片营收25.89亿元</td>
<td>公司正在用更加先进的工艺制程完善DDR4和LPDDR4产品线</td>
<td>互动/调研</td>
</tr>
<tr>
<td><span class="stock-highlight">大为股份</span></td>
<td><span class="badge badge-product">产品</span></td>
<td class="revenue-cell">2024年半导体存储器8.77亿元</td>
<td>大为创芯的DDR4以及LPDDR4X是嵌入式市场的主流方案</td>
<td>互动</td>
</tr>
<tr>
<td><span class="stock-highlight">东芯股份</span></td>
<td><span class="badge badge-product">产品</span></td>
<td class="revenue-cell">2024年存储相关营收6.38亿元</td>
<td>公司设计研发的LPDDR4x产品已进入量产阶段</td>
<td>年报</td>
</tr>
<tr>
<td><span class="stock-highlight">朗科科技</span></td>
<td><span class="badge badge-product">产品</span></td>
<td class="revenue-cell">2024年闪存相关收入4.65亿元</td>
<td>内存产品涵盖DDR4/DDR5不同产品规格</td>
<td>半年报</td>
</tr>
<tr>
<td><span class="stock-highlight">恒烁股份</span></td>
<td><span class="badge badge-product">产品</span></td>
<td class="revenue-cell">2024年存储芯片3.26亿元</td>
<td>公司新建易失性存储产品第一款搭载国内主流DRAM原厂晶圆颗粒的DDR4产品将在2025年量产发布</td>
<td>公告</td>
</tr>
<tr>
<td><span class="stock-highlight">成都华微</span></td>
<td><span class="badge badge-product">产品</span></td>
<td>——</td>
<td>已成功研制 DDR4达到供货阶段</td>
<td>公告</td>
</tr>
<tr>
<td><span class="stock-highlight">香农芯创</span></td>
<td><span class="badge badge-agent">代理</span></td>
<td>——</td>
<td>代理销售的存储产品包括DDR4</td>
<td>互动</td>
</tr>
<tr>
<td><span class="stock-highlight">澜起科技</span></td>
<td><span class="badge badge-chip">内存接口芯片</span></td>
<td>全球三大内存接口芯片厂商之一DDR4世代逐步成为行业领跑者</td>
<td>——</td>
<td>调研</td>
</tr>
<tr>
<td><span class="stock-highlight">深科技</span></td>
<td><span class="badge badge-package">封测</span></td>
<td class="revenue-cell">2024年存储业务营收35.22亿元</td>
<td>公司主要从事高端存储芯片的封装与测试产品包括DDR4/LPDDR4</td>
<td>年报</td>
</tr>
<tr>
<td><span class="stock-highlight">太极实业</span></td>
<td><span class="badge badge-package">封测</span></td>
<td class="revenue-cell">2024年半导体营收43.16亿元</td>
<td>子公司太极半导体投资约1.09亿元扩充DDR4/LPDDR4封测产能</td>
<td>年报</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<!-- Analysis Section -->
<section id="analysis" class="mb-5">
<h2 class="section-title">数据分析</h2>
<div class="row">
<div class="col-lg-6 mb-4">
<div class="card h-100">
<div class="card-body">
<h5 class="card-title">营收分布(亿元)</h5>
<div class="chart-container">
<canvas id="revenueChart"></canvas>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mb-4">
<div class="card h-100">
<div class="card-body">
<h5 class="card-title">行业洞察</h5>
<div class="info-card">
<h6>产品类企业主导市场</h6>
<p>在14家相关企业中10家为产品类企业占比71.4%显示DDR4产品研发与制造是产业链核心环节。</p>
</div>
<div class="info-card">
<h6>头部企业优势明显</h6>
<p>江波龙以174.64亿元存储营收位居首位佰维存储、兆易创新分别以63.41亿元、51.94亿元紧随其后,形成第一梯队。</p>
</div>
<div class="info-card">
<h6>国产替代加速推进</h6>
<p>多家企业已实现DDR4产品量产如兆易创新8Gb容量DDR4产品、德明利消费级DDR4内存模组等国产化进程明显加快。</p>
</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<h5 class="card-title">投资价值分析</h5>
<div class="row">
<div class="col-md-4 mb-3">
<div class="card bg-light border-0">
<div class="card-body text-center">
<i class="fas fa-chart-line text-primary" style="font-size: 2.5rem;"></i>
<h6 class="mt-2">市场空间</h6>
<p class="mb-0">利基型DDR4市场在消费电子、工业控制等领域需求稳定国产替代空间广阔</p>
</div>
</div>
</div>
<div class="col-md-4 mb-3">
<div class="card bg-light border-0">
<div class="card-body text-center">
<i class="fas fa-microchip text-success" style="font-size: 2.5rem;"></i>
<h6 class="mt-2">技术壁垒</h6>
<p class="mb-0">DDR4技术成熟但高端产品仍有较高技术门槛国内企业持续突破</p>
</div>
</div>
</div>
<div class="col-md-4 mb-3">
<div class="card bg-light border-0">
<div class="card-body text-center">
<i class="fas fa-industry text-warning" style="font-size: 2.5rem;"></i>
<h6 class="mt-2">产业链协同</h6>
<p class="mb-0">从设计、制造到封测国内DDR4产业链逐步完善协同效应增强</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-md-6">
<h5>关于本分析</h5>
<p>本报告基于公开市场数据整理旨在提供利基型存储DDR4行业参考信息不构成投资建议。</p>
</div>
<div class="col-md-6 text-md-end">
<h5>数据来源</h5>
<p>公司年报、半年报、互动平台回复、公告等公开信息</p>
</div>
</div>
<hr class="my-4 bg-secondary">
<div class="text-center">
<p class="mb-0">&copy; 2023 存储芯片分析平台. 保留所有权利.</p>
</div>
</div>
</footer>
<!-- Bootstrap 5 JS Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
<!-- Chart.js Scripts -->
<script>
// Category Distribution Chart
const categoryCtx = document.getElementById('categoryChart').getContext('2d');
const categoryChart = new Chart(categoryCtx, {
type: 'doughnut',
data: {
labels: ['产品', '封测', '代理', '内存接口芯片'],
datasets: [{
data: [10, 2, 1, 1],
backgroundColor: [
'#3b82f6',
'#10b981',
'#8b5cf6',
'#ec4899'
],
borderWidth: 0
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: {
position: 'bottom',
labels: {
font: {
size: 12
},
padding: 15
}
}
}
}
});
// Revenue Distribution Chart
const revenueCtx = document.getElementById('revenueChart').getContext('2d');
const revenueChart = new Chart(revenueCtx, {
type: 'bar',
data: {
labels: ['江波龙', '佰维存储', '兆易创新', '德明利', '北京君正', '太极实业', '深科技', '大为股份', '东芯股份', '朗科科技', '恒烁股份'],
datasets: [{
label: '2024年营收亿元',
data: [174.64, 63.41, 51.94, 47.73, 25.89, 43.16, 35.22, 8.77, 6.38, 4.65, 3.26],
backgroundColor: '#3b82f6',
borderColor: '#3b82f6',
borderWidth: 1
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
scales: {
y: {
beginAtZero: true,
title: {
display: true,
text: '营收(亿元)'
}
},
x: {
ticks: {
maxRotation: 45,
minRotation: 45
}
}
},
plugins: {
legend: {
display: false
}
}
}
});
// Smooth scroll for navigation links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
</script>
</body>
</html>