体验地址：百炼控制台
1 千问3模型：全球最强开源大模型震撼发布
2025年4月29日，阿里巴巴正式开源了新一代通义千问模型Qwen3（简称千问3），这一里程碑式的事件标志着中国开源大模型首次登顶全球性能榜首。千问3系列包含8款不同尺寸的模型，全部采用创新的混合推理架构，在性能全面超越DeepSeek-R1、OpenAI-o1等全球顶尖模型的同时，部署成本仅需同类产品的三分之一。
2 革命性的混合推理架构
千问3最引人注目的技术突破在于其首创的"混合推理"机制，通过将"快思考"与"慢思考"集成进同一模型，实现了对计算资源的智能分配。面对简单查询时，模型可仅激活22B参数快速响应；处理复杂问题时则能自动启动多步骤深度思考模式。这种动态调整能力使Qwen3-235B-A22B旗舰模型在保持235B总参数规模的同时，日常推理仅需4张H20显卡即可满血运行，显存占用较同类产品减少67%。
3 全面超越的性能表现
在权威测评中，千问3创下多项纪录：AIME25奥数测评81.5分刷新开源模型上限；LiveCodeBench代码评测突破70分大关超越Grok3；ArenaHard人类偏好对齐测评95.6分力压OpenAI-o1。特别值得一提的是其BFCL智能体评测70.8分的表现，这意味着千问3在工具调用、任务分解等Agent能力上已超越Gemini2.5-Pro，为下一代AI应用的爆发铺平道路。
4 原生支持MCP协议
作为面向未来的基础设施，千问3原生集成MCP（模型上下文协议）支持，配合强大的function calling能力，开发者可通过Qwen-Agent框架轻松实现跨设备智能体操作。用户在新版通义网页版(tongyi.com) 的交互界面中，已能看到类似时间轴拖拽的"思考预算"调节功能，可手动控制模型对复杂问题的推理深度，这种设计在大模型产品中尚属首创。
5 全场景覆盖的模型矩阵
阿里此次开源的模型矩阵极具战略眼光：0.6B-4B系列专为移动端优化，8B模型适配汽车与PC端侧部署，32B稠密模型成为企业级应用首选。特别值得注意的是Qwen3-4B小模型，其性能竟可媲美上一代72B模型，这种"小模型大能量"的特性彻底改写了边缘计算的可能性边界。61221
6 开发者生态与商业化路径
采用Apache2.0协议的千问3全面开放商用，支持119种语言的开发者可通过魔搭社区、HuggingFace等平台自由下载。阿里云百炼平台同步提供API服务，配合36T tokens的预训练数据和强化学习框架，使企业能快速微调出行业专属模型。这种"开源+云服务"双轨模式，正在重塑全球大模型产业格局。
7 技术演进的里程碑意义
从2023年Qwen1.5到如今的Qwen3，阿里通义团队在7个月内实现了参数量效率300%的提升。这次开源不仅使中国首次拥有全球性能第一的开源模型，更标志着混合推理架构正式成为大模型发展的新范式。正如阿里CTO所言，千问3代表着通向AGI道路上的重要里程碑，其"快慢思考"机制很可能成为未来智能体的标准配置
8 使用体验
千问
问题
股票分析页面需要实现以下功能：
股票数据展示 ：展示股票的基本信息，如股票代码、名称、当前价格等。
历史数据查询 ：允许用户查询股票的历史价格数据，并以图表的形式展示。
数据分析 ：对股票数据进行简单的分析，如计算涨幅、跌幅等。 写一个网页
通义千问3-235B-A22B 的回答
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>股票分析系统</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<style>
.stock-card {
transition: all 0.3s ease;
}
.stock-card:hover {
transform: translateY(-5px);
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-primary mb-4">
<div class="container">
<a class="navbar-brand" href="#">股票分析系统</a>
</div>
</nav>
<div class="container">
<!-- 股票基本信息 -->
<div class="row mb-4">
<div class="col-md-6">
<div class="card stock-card">
<div class="card-body">
<h5 class="card-title">股票信息</h5>
<p class="card-text">代码：<span id="stock-code">SH600000</span></p>
<p class="card-text">名称：<span id="stock-name">浦发银行</span></p>
<p class="card-text fs-4 text-success">当前价格：<span id="stock-price">7.85</span> <small class="text-muted">+0.45%</small></p>
</div>
</div>
</div>
</div>
<!-- 历史数据查询 -->
<div class="card mb-4">
<div class="card-body">
<h5 class="card-title">历史数据查询</h5>
<form id="history-form" class="row g-3">
<div class="col-md-4">
<label for="start-date" class="form-label">开始日期</label>
<input type="date" class="form-control" id="start-date" required>
</div>
<div class="col-md-4">
<label for="end-date" class="form-label">结束日期</label>
<input type="date" class="form-control" id="end-date" required>
</div>
<div class="col-md-4 align-self-end">
<button type="submit" class="btn btn-primary">查询</button>
</div>
</form>
</div>
</div>
<!-- 数据图表 -->
<div class="card mb-4">
<div class="card-body">
<canvas id="stockChart" height="100"></canvas>
</div>
</div>
<!-- 数据分析 -->
<div class="row" id="analysis-result">
<div class="col-md-4">
<div class="card text-white bg-info mb-3">
<div class="card-header">涨幅分析</div>
<div class="card-body">
<h5 class="card-title">周涨幅</h5>
<p class="card-text fs-3" id="week-change">+3.25%</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card text-white bg-warning mb-3">
<div class="card-header">波动分析</div>
<div class="card-body">
<h5 class="card-title">月振幅</h5>
<p class="card-text fs-3" id="month-range">±5.8%</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card text-white bg-success mb-3">
<div class="card-header">趋势分析</div>
<div class="card-body">
<h5 class="card-title">季均线</h5>
<p class="card-text fs-3" id="quarter-trend">↑ 强势</p>
</div>
</div>
</div>
</div>
</div>
<script>
// 模拟股票数据（实际应用中应通过API获取）
const mockData = {
dates: ['2023-09-01', '2023-09-05', '2023-09-06', '2023-09-07', '2023-09-08',
'2023-09-11', '2023-09-12', '2023-09-13', '2023-09-14', '2023-09-15'],
prices: [7.65, 7.72, 7.68, 7.85, 7.89, 7.92, 7.88, 7.95, 8.02, 8.10]
};
// 图表初始化
const ctx = document.getElementById('stockChart').getContext('2d');
let stockChart = new Chart(ctx, {
type: 'line',
data: {
labels: [],
datasets: [{
label: '收盘价',
data: [],
borderColor: 'rgb(75, 192, 192)',
tension: 0.1
}]
},
options: {
responsive: true,
scales: {
y: {
beginAtZero: false
}
}
}
});
// 表单提交处理
document.getElementById('history-form').addEventListener('submit', function(e) {
e.preventDefault();
const startDate = document.getElementById('start-date').value;
const endDate = document.getElementById('end-date').value;
// 简单的数据过滤（实际应调用API）
const filteredDates = mockData.dates.filter(date =>
date >= startDate && date <= endDate
);
const filteredPrices = mockData.prices.slice(
mockData.dates.indexOf(filteredDates[0]),
mockData.dates.indexOf(filteredDates[filteredDates.length - 1]) + 1
);
// 更新图表
stockChart.data.labels = filteredDates;
stockChart.data.datasets[0].data = filteredPrices;
stockChart.update();
// 简单数据分析
calculateAnalysis(filteredPrices);
});
// 数据分析函数
function calculateAnalysis(prices) {
if (prices.length < 2) return;
// 计算周涨幅（最近5个交易日）
const weekChange = ((prices[prices.length-1] - prices[prices.length-6]) / prices[prices.length-6] * 100).toFixed(2);
document.getElementById('week-change').textContent = `${weekChange}%`;
// 计算月波动范围（假设数据跨度为1个月）
const maxPrice = Math.max(...prices);
const minPrice = Math.min(...prices);
const range = ((maxPrice - minPrice) / minPrice * 100).toFixed(2);
document.getElementById('month-range').textContent = `±${range}%`;
// 趋势分析（简单判断均线方向）
const avg20 = prices.slice(-5).reduce((a,b) => a + b, 0) / 5;
const avg60 = prices.slice(-10).reduce((a,b) => a + b, 0) / 10;
document.getElementById('quarter-trend').textContent =
avg20 > avg60 ? '↑ 强势' : avg20 < avg60 ? '↓ 弱势' : '→ 盘整';
}
</script>
</body>
</html>效果
千问3低参数版本
通义千问-Turbo-Latest
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>股票分析页面</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 40px;
background: #f5f5f5;
}
.container {
max-width: 1000px;
margin: auto;
background: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
h2 {
color: #333;
}
.input-group {
margin-bottom: 20px;
}
.input-group label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
.input-group input {
width: 100%;
padding: 8px;
box-sizing: border-box;
}
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
table, th, td {
border: 1px solid #ddd;
}
th, td {
padding: 10px;
text-align: left;
}
#chartContainer {
height: 400px;
}
</style>
</head>
<body>
<div class="container">
<h2>股票分析系统</h2>
<div class="input-group">
<label for="stockCode">股票代码:</label>
<input type="text" id="stockCode" placeholder="例如: SH600000">
</div>
<div id="stockInfo">
<!-- 股票信息将在这里显示 -->
</div>
<div id="chartContainer">
<canvas id="priceChart"></canvas>
</div>
<div id="analysisResult">
<!-- 分析结果将在这里显示 -->
</div>
</div>
<!-- 引入Chart.js库 -->
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
// 模拟股票数据
const mockStockData = {
"SH600000": {
code: "SH600000",
name: "浦发银行",
price: 15.25,
change: +1.2,
history: [
{ date: "2023-09-01", close: 15.00 },
{ date: "2023-09-02", close: 15.10 },
{ date: "2023-09-03", close: 15.20 },
{ date: "2023-09-04", close: 15.15 },
{ date: "2023-09-05", close: 15.25 }
]
},
"SZ000001": {
code: "SZ000001",
name: "平安银行",
price: 18.75,
change: -0.5,
history: [
{ date: "2023-09-01", close: 18.80 },
{ date: "2023-09-02", close: 18.60 },
{ date: "2023-09-03", close: 18.70 },
{ date: "2023-09-04", close: 18.50 },
{ date: "2023-09-05", close: 18.75 }
]
}
};
let currentStock = null;
document.getElementById('stockCode').addEventListener('input', function() {
const code = this.value.toUpperCase();
if (mockStockData[code]) {
currentStock = mockStockData[code];
renderStockInfo();
renderChart();
analyzeStock();
} else {
document.getElementById('stockInfo').innerHTML = '<p>未找到该股票信息</p>';
document.getElementById('chartContainer').style.display = 'none';
document.getElementById('analysisResult').innerHTML = '';
}
});
function renderStockInfo() {
const infoDiv = document.getElementById('stockInfo');
infoDiv.innerHTML = `
<h3>${currentStock.name} (${currentStock.code})</h3>
<table>
<tr><td>当前价格</td><td>${currentStock.price}</td></tr>
<tr><td>涨跌幅</td><td style="color:${currentStock.change >= 0 ? 'green' : 'red'}">${currentStock.change}%</td></tr>
</table>
`;
document.getElementById('chartContainer').style.display = 'block';
}
function renderChart() {
const ctx = document.getElementById('priceChart').getContext('2d');
const dates = currentStock.history.map(h => h.date);
const prices = currentStock.history.map(h => h.close);
new Chart(ctx, {
type: 'line',
data: {
labels: dates,
datasets: [{
label: '收盘价',
data: prices,
borderColor: '#4caf50',
fill: false,
tension: 0.1
}]
},
options: {
responsive: true,
scales: {
x: {
title: { display: true, text: '日期' }
},
y: {
title: { display: true, text: '价格 (元)' }
}
}
}
});
}
function analyzeStock() {
const history = currentStock.history;
const latest = history[history.length - 1].close;
const previous = history[history.length - 2].close;
const changePercent = ((latest - previous) / previous * 100).toFixed(2);
const analysisDiv = document.getElementById('analysisResult');
analysisDiv.innerHTML = `
<h3>数据分析</h3>
<p>最近一日涨幅: ${changePercent}%</p>
<p>最近5日最高价: ${Math.max(...history.map(h => h.close))}</p>
<p>最近5日最低价: ${Math.min(...history.map(h => h.close))}</p>
<p>平均收盘价: ${(history.reduce((sum, h) => sum + h.close, 0) / history.length).toFixed(2)}</p>
`;
}
</script>
</body>
</html>效果
老版本千问
通义千问-Plus-2025-01-25
1. HTML部分
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>股票分析页面</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<h1>股票分析工具</h1>
<!-- 股票代码输入 -->
<div class="input-section">
<label for="stock-symbol">请输入股票代码：</label>
<input type="text" id="stock-symbol" placeholder="例如 AAPL">
<button onclick="fetchStockData()">查询</button>
</div>
<!-- 股票基本信息展示 -->
<div id="stock-info" class="stock-info"></div>
<!-- 历史数据查询 -->
<div class="history-section">
<h2>历史数据查询</h2>
<label for="start-date">起始日期：</label>
<input type="date" id="start-date">
<label for="end-date">结束日期：</label>
<input type="date" id="end-date">
<button onclick="fetchHistoricalData()">查询历史数据</button>
</div>
<!-- 图表展示 -->
<div id="chart-container" style="width: 100%; height: 400px;"></div>
<!-- 数据分析 -->
<div id="data-analysis" class="data-analysis"></div>
</div>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="script.js"></script>
</body>
</html>
2. CSS部分 (styles.css)
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
.container {
max-width: 800px;
margin: 50px auto;
padding: 20px;
background-color: white;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.input-section, .history-section {
margin-bottom: 20px;
}
.stock-info, .data-analysis {
margin-top: 20px;
padding: 10px;
border: 1px solid #ddd;
border-radius: 4px;
}
#chart-container {
margin-top: 20px;
}
3. JavaScript部分 (script.js)
// 模拟的API端点（请替换为实际的API）
const API_URL = "https://api.example.com/stock"; // 替换为实际API
// 获取股票基本信息
function fetchStockData() {
const symbol = document.getElementById("stock-symbol").value;
if (!symbol) {
alert("请输入股票代码！");
return;
}
// 模拟API请求
fetch(`${API_URL}/info?symbol=${symbol}`)
.then(response => response.json())
.then(data => {
if (data.error) {
alert(data.error);
return;
}
displayStockInfo(data);
})
.catch(error => {
console.error("Error fetching stock data:", error);
alert("无法获取股票数据，请稍后再试！");
});
}
// 展示股票基本信息
function displayStockInfo(data) {
const stockInfoDiv = document.getElementById("stock-info");
stockInfoDiv.innerHTML = `
<p><strong>股票代码：</strong>${data.symbol}</p>
<p><strong>股票名称：</strong>${data.name}</p>
<p><strong>当前价格：</strong>$${data.price.toFixed(2)}</p>
`;
}
// 获取历史数据并绘制图表
function fetchHistoricalData() {
const symbol = document.getElementById("stock-symbol").value;
const startDate = document.getElementById("start-date").value;
const endDate = document.getElementById("end-date").value;
if (!symbol || !startDate || !endDate) {
alert("请输入完整的查询条件！");
return;
}
// 模拟API请求
fetch(`${API_URL}/history?symbol=${symbol}&start=${startDate}&end=${endDate}`)
.then(response => response.json())
.then(data => {
if (data.error) {
alert(data.error);
return;
}
drawChart(data);
analyzeData(data);
})
.catch(error => {
console.error("Error fetching historical data:", error);
alert("无法获取历史数据，请稍后再试！");
});
}
// 绘制历史数据图表
function drawChart(data) {
const dates = data.map(item => item.date);
const prices = data.map(item => item.close);
const ctx = document.getElementById("chart-container").getContext("2d");
new Chart(ctx, {
type: 'line',
data: {
labels: dates,
datasets: [{
label: '收盘价',
data: prices,
borderColor: 'blue',
fill: false
}]
},
options: {
responsive: true,
scales: {
x: {
type: 'time',
time: {
unit: 'day'
}
},
y: {
beginAtZero: false
}
}
}
});
}
// 数据分析
function analyzeData(data) {
const prices = data.map(item => item.close);
const maxPrice = Math.max(...prices);
const minPrice = Math.min(...prices);
const firstPrice = prices[0];
const lastPrice = prices[prices.length - 1];
const change = lastPrice - firstPrice;
const changePercentage = (change / firstPrice) * 100;
const analysisDiv = document.getElementById("data-analysis");
analysisDiv.innerHTML = `
<p><strong>最高价格：</strong>$${maxPrice.toFixed(2)}</p>
<p><strong>最低价格：</strong>$${minPrice.toFixed(2)}</p>
<p><strong>涨幅/跌幅：</strong>${change.toFixed(2)} (${changePercentage.toFixed(2)}%)</p>
`;
}体验了下 还是 通义千问3-235B-A22B 搞出网页版本好像做出的网页炫酷点 你们说呢 可以自己实验看看
扫一扫
4717
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
