利用Trae將原型圖轉換為可執行的html文件，感受AI編程的魅力

1、UI設計原型效果

請添加圖片描述

2、通過Tare對話生成的效果圖（5分鐘左右）

在這里插入圖片描述

3、查資料做的效果圖（30分鐘左右））

在這里插入圖片描述
通過以上對比，顯然差別不多能滿足要求，只需要在繼續優化就能搞定；

4、Trae生成的源碼

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>許可證容量趨勢</title><script src="echarts.min.js"></script><style>body {margin: 0;padding: 20px;background-color: #0f172a;color: white;font-family: Arial, sans-serif;}.chart-container {position: relative;width: 100%;height: 80vh;max-width: 1200px;margin: 0 auto;}.chart-title {text-align: center;font-size: 24px;margin-bottom: 20px;color: #e2e8f0;}.unit-label {position: absolute;top: 10px;left: 10px;background: rgba(15, 23, 42, 0.7);padding: 5px 10px;border-radius: 4px;font-size: 14px;}</style>
</head><body><h1 class="chart-title">許可證容量趨勢</h1><div class="chart-container"><!-- <div class="unit-label">單位: L</div> --><div id="capacityChart" style="width: 100%; height: 100%;"></div></div><script>// 許可證容量數據 - 修正為二維數組格式 [索引, 值]const years = ['2016年', '2017年', '2018年', '2019年', '2020年', '2021年', '2022年', '2023年', '2024年', '2025年'];const licenseCapacity = [2500, 3200, 2500, 2800, 3300, 2800, 2500, 3200, 3300, 3500].map((val, idx) => [idx, val]);const standardCapacity = [2200, 2800, 2200, 2500, 3000, 2500, 2200, 2800, 2900, 3200].map((val, idx) => [idx, val]);// 創建圖表const chartDom = document.getElementById('capacityChart');const myChart = echarts.init(chartDom);const option = {tooltip: {trigger: 'axis',axisPointer: {type: 'shadow'},backgroundColor: 'rgba(15, 23, 42, 0.9)',borderColor: 'rgba(0, 123, 255, 0.5)',borderWidth: 1,textStyle: {color: 'rgba(255, 255, 255, 0.9)'}},legend: {data: ['許可證容量', '標準容量'],textStyle: {color: 'rgba(255, 255, 255, 0.9)',fontSize: 14},top: 0},grid: {left: '3%',right: '4%',bottom: '3%',containLabel: true,backgroundColor: 'transparent',borderColor: 'rgba(255, 255, 255, 0.1)'},xAxis: [{type: 'category',data: years,axisLine: {lineStyle: {color: 'rgba(255, 255, 255, 0.3)'}},axisLabel: {color: 'rgba(255, 255, 255, 0.7)'},splitLine: {lineStyle: {color: 'rgba(255, 255, 255, 0.1)'}}}],yAxis: [{type: 'value',min: 0,max: 4000,interval: 1000,axisLine: {lineStyle: {color: 'rgba(255, 255, 255, 0.3)'}},axisLabel: {color: 'rgba(255, 255, 255, 0.7)',formatter: '{value}'},splitLine: {lineStyle: {color: 'rgba(255, 255, 255, 0.1)'}}}],series: [{name: '許可證容量',type: 'custom',renderItem: function (params, api) {// 獲取數據值和坐標 - 使用正確的維度索引const value = api.value(1); // Y軸值const barWidth = 40;const x = api.coord([api.value(0), 0])[0] - barWidth / 2; // X軸位置(減去寬度一半)const y = api.coord([0, value])[1];const yAxisHeight = api.coord([0, 0])[1];const cubeDepth = 15; // 立方體深度// 計算三個面的坐標// 正面const frontPoints = [[x, y],[x + barWidth, y],[x + barWidth, yAxisHeight],[x, yAxisHeight]];// 頂面const topPoints = [[x, y],[x + barWidth, y],[x + barWidth + cubeDepth, y - cubeDepth],[x + cubeDepth, y - cubeDepth]];// 右側面const rightPoints = [[x + barWidth, y],[x + barWidth + cubeDepth, y - cubeDepth],[x + barWidth + cubeDepth, yAxisHeight - cubeDepth],[x + barWidth, yAxisHeight]];return {type: 'group',children: [// 右側面{type: 'polygon',shape: { points: rightPoints },style: {fill: new echarts.graphic.LinearGradient(0, 0, 1, 1, [{ offset: 0, color: 'rgba(0, 64, 128, 0.7)' },{ offset: 1, color: 'rgba(0, 40, 80, 0.5)' }]),stroke: 'rgba(0, 64, 128, 0.8)',lineWidth: 1}},// 正面{type: 'polygon',shape: { points: frontPoints },style: {fill: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: 'rgba(0, 191, 255, 1)' },{ offset: 1, color: 'rgba(0, 123, 255, 0.8)' }]),stroke: 'rgba(0, 123, 255, 1)',lineWidth: 1}},// 頂面{type: 'polygon',shape: { points: topPoints },style: {fill: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: 'rgba(173, 216, 230, 0.9)' },{ offset: 1, color: 'rgba(0, 191, 255, 0.7)' }]),stroke: 'rgba(173, 216, 230, 0.8)',lineWidth: 1}}]};},data: licenseCapacity,encode: {x: 0,  // 使用數據的第0維度作為X軸索引y: 1   // 使用數據的第1維度作為Y軸值}},{name: '標準容量',type: 'custom',renderItem: function (params, api) {// 獲取數據值和坐標 - 使用正確的維度索引const value = api.value(1); // Y軸值const barWidth = 40;const x = api.coord([api.value(0), 0])[0] + barWidth / 2; // X軸位置(加上寬度一半)const y = api.coord([0, value])[1];const yAxisHeight = api.coord([0, 0])[1];const cubeDepth = 15; // 立方體深度// 計算三個面的坐標// 正面const frontPoints = [[x, y],[x + barWidth, y],[x + barWidth, yAxisHeight],[x, yAxisHeight]];// 頂面const topPoints = [[x, y],[x + barWidth, y],[x + barWidth + cubeDepth, y - cubeDepth],[x + cubeDepth, y - cubeDepth]];// 右側面const rightPoints = [[x + barWidth, y],[x + barWidth + cubeDepth, y - cubeDepth],[x + barWidth + cubeDepth, yAxisHeight - cubeDepth],[x + barWidth, yAxisHeight]];return {type: 'group',children: [// 右側面{type: 'polygon',shape: { points: rightPoints },style: {fill: new echarts.graphic.LinearGradient(0, 0, 1, 1, [{ offset: 0, color: 'rgba(139, 0, 0, 0.7)' },{ offset: 1, color: 'rgba(101, 31, 31, 0.5)' }]),stroke: 'rgba(139, 0, 0, 0.8)',lineWidth: 1}},// 正面{type: 'polygon',shape: { points: frontPoints },style: {fill: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: 'rgba(255, 105, 180, 1)' },{ offset: 1, color: 'rgba(255, 0, 0, 0.8)' }]),stroke: 'rgba(255, 0, 0, 1)',lineWidth: 1}},// 頂面{type: 'polygon',shape: { points: topPoints },style: {fill: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: 'rgba(255, 182, 193, 0.9)' },{ offset: 1, color: 'rgba(255, 105, 180, 0.7)' }]),stroke: 'rgba(255, 182, 193, 0.8)',lineWidth: 1}}]};},data: standardCapacity,encode: {x: 0,  // 使用數據的第0維度作為X軸索引y: 1   // 使用數據的第1維度作為Y軸值}}]};myChart.setOption(option);// 響應窗口大小變化window.addEventListener('resize', function () {myChart.resize();});</script>
</body></html>

5、最終的效果圖源碼

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>許可證容量趨勢</title><script src="echarts.min.js"></script><style>body {margin: 0;padding: 20px;background-color: #0f172a;color: white;font-family: Arial, sans-serif;}.chart-container {position: relative;width: 100%;height: 80vh;max-width: 1200px;margin: 0 auto;}.chart-title {text-align: center;font-size: 24px;margin-bottom: 20px;color: #e2e8f0;}.unit-label {position: absolute;top: 10px;left: 10px;background: rgba(15, 23, 42, 0.7);padding: 5px 10px;border-radius: 4px;font-size: 14px;}</style>
</head><body><h1 class="chart-title">許可證容量趨勢</h1><div class="chart-container"><!-- <div class="unit-label">單位: L</div> --><div id="capacityChart" style="width: 100%; height: 100%;"></div></div><script>// 許可證容量數據 - 修正為二維數組格式 [索引, 值]const years = ['2016年', '2017年', '2018年', '2019年', '2020年', '2021年', '2022年', '2023年', '2024年', '2025年'];const licenseCapacity = [2500, 3200, 2500, 2800, 3300, 2800, 2500, 3200, 3300, 3500].map((val, idx) => [idx, val]);const standardCapacity = [2200, 2800, 2200, 2500, 3000, 2500, 2200, 2800, 2900, 3200].map((val, idx) => [idx, val]);// 創建圖表const chartDom = document.getElementById('capacityChart');const myChart = echarts.init(chartDom);const option = {grid: {bottom: "20px",left: "50px", // 左邊距為容器寬度的 50pxright: "0px" // 右邊距為容器寬度的 0px},// 左上角顯示單位title: {text: "單位: 個",left: "left",top: "top",textStyle: {color: "#8CBAEE",fontSize: 14}},// 右上角顯示圖例legend: {width: "200px",orient: "horizontal", // 設置圖例水平排列data: ["許可證容量", "標準容量"],right: "right",top: "top",textStyle: {color: "#8CBAEE"},itemType: "rect", // 指定圖例圖標為矩形itemWidth: 10, // 設置矩形寬度itemHeight: 10 // 設置矩形高度},xAxis: {data: ["2016", "2017", "2018", "2019", "2020", "2021", "2022", "2023", "2024", "2025"],axisLabel: {color: "#8CBAEE"// rotate: -60},axisLine: {lineStyle: {color: "#8CBAEE"}},axisTick: {show: false}},yAxis: {axisLabel: {color: "#8CBAEE"},axisLine: {lineStyle: {color: "#8CBAEE"}},axisTick: {show: false},splitLine: {lineStyle: {color: "#FFFFFF3C", // 設置顏色為白色type: "dashed" // 設置為虛線}}},// 立方體柱狀series: [{type: "custom",name: "許可證容量",// 手動指定圖例顏色color: "#387BFE",data: [0.04, 0.02, 0.03, 0.034, 0.03, 0.024, 0.044, 0.044, 0.036, 0.044],renderItem: (params, api) => {const basicsCoord = api.coord([api.value(0), api.value(1)])const topBasicsYAxis = basicsCoord[1]const basicsXAxis = basicsCoord[0] - 15 // 向左偏移 15pxconst bottomYAxis = api.coord([api.value(0), 0])[1]return {type: "group",children: [// 左側{type: "polygon",shape: {points: [[basicsXAxis - 10, topBasicsYAxis - 4],[basicsXAxis - 10, bottomYAxis],[basicsXAxis, bottomYAxis],[basicsXAxis, topBasicsYAxis]]},style: {fill: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: "#387BFE" },{ offset: 1, color: "#7CB1FD" }]),opacity: 0.8 // 設置半透明}},// 右側{type: "polygon",shape: {points: [[basicsXAxis, topBasicsYAxis],[basicsXAxis, bottomYAxis],[basicsXAxis + 10, bottomYAxis],[basicsXAxis + 10, topBasicsYAxis - 4]]},style: {fill: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: "#387BFE" },{ offset: 1, color: "#7CB1FD" }]),opacity: 0.8 // 設置半透明}},// 頂部{type: "polygon",shape: {points: [[basicsXAxis, topBasicsYAxis],[basicsXAxis - 10, topBasicsYAxis - 4],[basicsXAxis, topBasicsYAxis - 8],[basicsXAxis + 10, topBasicsYAxis - 4]]},style: {fill: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: "#387BFE" },{ offset: 1, color: "#7CB1FD" }]),opacity: 0.8 // 設置半透明}}]}}},{type: "custom",name: "標準容量",// 手動指定圖例顏色color: "#1362AC",data: [0.042, 0.042, 0.042, 0.042, 0.042, 0.042, 0.042, 0.042, 0.042, 0.042],renderItem: (params, api) => {const basicsCoord = api.coord([api.value(0), api.value(1)])const topBasicsYAxis = basicsCoord[1]const basicsXAxis = basicsCoord[0] + 15 // 向右偏移 15pxconst bottomYAxis = api.coord([api.value(0), 0])[1]return {type: "group",children: [// 左側{type: "polygon",shape: {points: [[basicsXAxis - 10, topBasicsYAxis - 4],[basicsXAxis - 10, bottomYAxis],[basicsXAxis, bottomYAxis],[basicsXAxis, topBasicsYAxis]]},style: {fill: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: "#1362AC" },{ offset: 1, color: "#1362AC8A" }]),opacity: 0.8 // 設置半透明}},// 右側{type: "polygon",shape: {points: [[basicsXAxis, topBasicsYAxis],[basicsXAxis, bottomYAxis],[basicsXAxis + 10, bottomYAxis],[basicsXAxis + 10, topBasicsYAxis - 4]]},style: {fill: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: "#1362AC" },{ offset: 1, color: "#1362AC8A" }]),opacity: 0.8 // 設置半透明}},// 頂部{type: "polygon",shape: {points: [[basicsXAxis, topBasicsYAxis],[basicsXAxis - 10, topBasicsYAxis - 4],[basicsXAxis, topBasicsYAxis - 8],[basicsXAxis + 10, topBasicsYAxis - 4]]},style: {fill: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: "#1362AC" },{ offset: 1, color: "#1362AC8A" }]),opacity: 0.8 // 設置半透明}}]}}}]}myChart.setOption(option);// 響應窗口大小變化window.addEventListener('resize', function () {myChart.resize();});</script>
</body></html>

6、對話全過程

  1. 有意思的是第一次識別的時候因為背景有地圖，是給提供了mapbox繪制的解決方案
    在這里插入圖片描述
  2. 去掉地圖
    在這里插入圖片描述
  3. 修改無效的echart在線地址，本文使用的echart地址
    在這里插入圖片描述
    在這里插入圖片描述
  4. 第一次生成的是普通的柱狀圖，不是我想要的立體效果，這個過程我反復了3個來回沒有給到關鍵字，所以效果不明顯。
    在這里插入圖片描述
  5. 再次提交我讓他試試renderItem的方式繪制
    在這里插入圖片描述
    在這里插入圖片描述
    在這里插入圖片描述

最終就是目錄2的效果，當然想實現目錄3的效果就是咫尺之間了。使用過程中發現還是需要給一定的關鍵字才能快速的實現想要的效果，所以目前階段只能打打輔助還是相當不錯的。

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/diannao/92980.shtml
繁體地址，請注明出處：http://hk.pswp.cn/diannao/92980.shtml
英文地址，請注明出處：http://en.pswp.cn/diannao/92980.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！

相關文章

Chessboard and Queens

Chessboard and Queens

題目描述Your task is to place eight queens on a chessboard so that no two queens are attacking each other. As an additional challenge, each square is either free or reserved, and you can only place queens on the free squares. However, the reserved squares …
閱讀更多...
菜鳥教程R語言一二章閱讀筆記

菜鳥教程R語言一二章閱讀筆記

菜鳥教程R語言一二章閱讀筆記 一.R語言基礎教程 R 語言是為數學研究工作者設計的一種數學編程語言&#xff0c;主要用于統計分析、繪圖、數據挖掘。側重于數學工作者 R語言特點如下&#xff1a; R 語言環境軟件屬于 GNU 開源軟件&#xff0c;兼容性好、使用免費 語法十分有利于…
閱讀更多...
Tactile-VLA：解鎖視覺-語言-動作模型的物理知識，實現觸覺泛化

Tactile-VLA：解鎖視覺-語言-動作模型的物理知識，實現觸覺泛化

25年7月來自清華、中科大和上海交大的論文“Tactile-VLA: Unlocking Vision-Language- Action Model’s Physical Knowledge For Tactile Generalization ”。 視覺-語言-動作 (VLA) 模型已展現出卓越的成就&#xff0c;這得益于其視覺-語言組件豐富的隱性知識。然而&#xff0…
閱讀更多...
HTML初學者第五天

HTML初學者第五天

<1>表格標簽1.1基本語法<table><tr><td>單元格內的文字</td>...</tr>... </table>1.<table></table>是用于定義表格的標簽。2.<tr></tr>標簽用于定義表格中的行&#xff0c;必須嵌套在<table></ta…
閱讀更多...
FastAPI入門：demo、路徑參數、查詢參數

FastAPI入門：demo、路徑參數、查詢參數

demo from fastapi import FastAPIapp FastAPI()app.get("/") async def root():return {"message": "Hello World"}在終端運行 fastapi dev main.py結果如下&#xff1a;打開http://127.0.0.1:8000&#xff1a;交互式API文檔&#xff1a;位于h…
閱讀更多...
pytest中的rerunfailures的插件（失敗重試）

pytest中的rerunfailures的插件（失敗重試）

目錄 1-- 安裝rerunfailures插件 2-- rerunfailures的使用 3-- 重試案例 安裝rerunfailures插件 pip install pytest-rerunfailures點擊左下角的控制臺面板 輸入 pip install pytest-rerunfailures 出現上圖的情況就算安裝完成了 rerunfailures的使用 可以添加一下參數使用&…
閱讀更多...
SpringMVC——建立連接

SpringMVC——建立連接

建立連接 將用戶&#xff08;瀏覽器&#xff09;和java程序連接起來&#xff0c;也就是訪問一個地址能夠調用到我們的Spring程序。在 Spring MVC 中使用 RequestMapping來實現URL 路由映射&#xff0c;也就是瀏覽器連接程序的作用。 1.RequestMapping注解介紹 RequestMapping…
閱讀更多...
蘑菇云路由器使用教程

蘑菇云路由器使用教程

1: 手機連接路由器的Wi-Fi&#xff0c;在瀏覽器輸入背面IP地址&#xff1a;192.168.132.1進入路由管理界面1.1: 電腦連接路由器網線在瀏覽器輸入背面IP地址&#xff1a;192.168.132.1進入路由管理界面賬號&#xff1a;admin密碼&#xff1a;123456782:選擇上網模式2.1&#xff…
閱讀更多...
ubuntu的tar解壓指令相關

ubuntu的tar解壓指令相關

1. 指令說明參數作用-xextract&#xff0c;解包-z通過 gzip 解壓&#xff08;.tar.gz、.tgz&#xff09;-vverbose&#xff0c;顯示過程-ffile&#xff0c;后面緊跟壓縮包文件名2. 什么時候用z參數場景是否加 -z結果.tar.gz / .tgz? 必須加 -z正常解壓.tar.gz / .tgz? 沒加 -…
閱讀更多...
車載診斷刷寫 --- Flash關于擦除和寫入大小

車載診斷刷寫 --- Flash關于擦除和寫入大小

我是穿拖鞋的漢子，魔都中堅持長期主義的汽車電子工程師。 老規矩，分享一段喜歡的文字，避免自己成為高知識低文化的工程師： 簡單，單純，喜歡獨處，獨來獨往，不易合同頻過著接地氣的生活，除了生存溫飽問題之外，沒有什么過多的欲望，表面看起來很高冷，內心熱情，如果你身…
閱讀更多...
【Verilog HDL 入門教程】 —— 學長帶你學Verilog（基礎篇）

【Verilog HDL 入門教程】 —— 學長帶你學Verilog（基礎篇）

文章目錄一、Verilog HDL 概述1、Verilog HDL 是什么2、Verilog HDL產生的背景3、Verilog HDL 和 VHDL的區別二、Verilog HDL 基礎知識1、Verilog HDL 語言要素1.1、命名規則1.2、注釋符1.3、關鍵字1.4、數值1.4.1、整數及其表示1.4.2、實數及其表示1.4.3、字符串及其表示2、數…
閱讀更多...
SQL Developer Data Modeler：一款免費跨平臺的數據庫建模工具

SQL Developer Data Modeler：一款免費跨平臺的數據庫建模工具

SQL Developer Data Modeler 是由 Oracle 公司開發的一款免費的圖形化數據建模和數據庫設計工具&#xff0c;用于創建、瀏覽和編輯邏輯模型、關系模型、物理模型、多維模型和數據類型模型。 SQL Developer Data Modeler 既是一個獨立的應用程序&#xff0c;同時也被集成到了 Or…
閱讀更多...
CSS面試題及詳細答案140道之（21-40）

CSS面試題及詳細答案140道之（21-40）

《前后端面試題》專欄集合了前后端各個知識模塊的面試題&#xff0c;包括html&#xff0c;javascript&#xff0c;css&#xff0c;vue&#xff0c;react&#xff0c;java&#xff0c;Openlayers&#xff0c;leaflet&#xff0c;cesium&#xff0c;mapboxGL&#xff0c;threejs&…
閱讀更多...
篇四 tcp,udp客戶端服務器編程模型

篇四 tcp,udp客戶端服務器編程模型

一 前言 本篇內容主要介紹tcp&#xff0c;udp客戶端服務器編程的基礎API和示例代碼。 二 APIAPI用途使用方socket創建套接字&#xff0c;這是網絡通信的橋梁Tcp,udp客戶端&#xff0c;服務器bind綁定本地IP地址和端口Tcp,udp客戶端&#xff0c;服務器listen監聽端口&#xff0c…
閱讀更多...
ESP32學習筆記_Components(1)——使用LED Strip組件點亮LED燈帶

ESP32學習筆記_Components(1)——使用LED Strip組件點亮LED燈帶

LED strip ESP32-S3 的 RMT&#xff08;Remote Control Transceiver&#xff0c;遠程控制收發器&#xff09;外設最初設計用于紅外收發&#xff0c;但由于其數據格式的靈活性&#xff0c;RMT 可以擴展為通用的信號收發器&#xff0c;能夠發送或接收多種類型的信號&#xff1b;…
閱讀更多...
無人機拋投模塊分析

無人機拋投模塊分析

一、設計核心要點1. 結構輕量化與強度平衡 材料選擇&#xff1a;主體采用航空鋁、碳纖維復合材料&#xff0c;降低自重并保證承重強度。 機械傳動優化&#xff1a;齒輪-齒條傳動替代傳統絲桿結構&#xff0c;簡化機構并提升可靠性。 模塊化設計&#xff1a;支持多倉位獨立控…
閱讀更多...
【硬件-筆試面試題】硬件/電子工程師，筆試面試題-33，（知識點：二極管結溫，熱阻，二極管功耗計算）

【硬件-筆試面試題】硬件/電子工程師，筆試面試題-33，（知識點：二極管結溫，熱阻，二極管功耗計算）

目錄 1、題目 2、解答 步驟一&#xff1a;明確熱阻的相關公式 步驟二&#xff1a;計算二極管的功耗 步驟三&#xff1a;計算二極管的結溫 3、相關知識點 一、熱阻的定義 二、二極管功耗的計算 三、結溫的計算 題目匯總版--鏈接&#xff1a; 【硬件-筆試面試題】硬件…
閱讀更多...
【LeetCode 熱題 100】79. 單詞搜索——回溯

【LeetCode 熱題 100】79. 單詞搜索——回溯

Problem: 79. 單詞搜索 給定一個 m x n 二維字符網格 board 和一個字符串單詞 word 。如果 word 存在于網格中&#xff0c;返回 true &#xff1b;否則&#xff0c;返回 false 。 單詞必須按照字母順序&#xff0c;通過相鄰的單元格內的字母構成&#xff0c;其中“相鄰”單元格…
閱讀更多...
ARM SMMUv3控制器注冊過程分析（八）

ARM SMMUv3控制器注冊過程分析（八）

1.概述 ARM SMMUv3控制器初始化及設備樹分析&#xff08;七&#xff09;中描述了IOMMU控制器初始化過程。SMMU驅動最后調用iommu_device_register將其注冊到內核中&#xff0c;下面分析一下SMMU控制器注冊過程中都做了那些工作。 如下圖所示&#xff0c;SMMU控制器注冊過程中…
閱讀更多...
Idefics3：構建和更好地理解視覺-語言模型：洞察與未來方向

Idefics3：構建和更好地理解視覺-語言模型：洞察與未來方向

溫馨提示&#xff1a; 本篇文章已同步至"AI專題精講" Idefics3&#xff1a;構建和更好地理解視覺-語言模型&#xff1a;洞察與未來方向 摘要 視覺-語言模型&#xff08;VLMs&#xff09;領域&#xff0c;接收圖像和文本作為輸入并輸出文本的模型&#xff0c;正在快…
閱讀更多...
最新文章

Copyright @ 2022~2023