近年來，人工智能 (AI) 的快速發(fā)展已引起 IT 行業(yè)（尤其是 Web 開發(fā)）的根本性變化。AI 技術(shù)已變得如此普及，以至于它們現(xiàn)在既是許多開發(fā)人員的目的，也是手段。換句話說，開發(fā)團(tuán)隊經(jīng)常使用 AI 驅(qū)動的工具來促進(jìn)編程的各個方面，同時收到在 Web 項目中實現(xiàn) AI 功能的請求。

在本文中，我們將重點關(guān)注 AI 作為開發(fā)過程的輔助，強調(diào)這一趨勢的優(yōu)缺點，并分享 DHTMLX 與 AI 的經(jīng)驗。

DHTMLX Suite 最新版下載

人工智能成為 Web 開發(fā)的新驅(qū)動力

AI 技術(shù)已經(jīng)存在了很長時間，但隨著生成式 AI 的出現(xiàn)，尤其是 2022 年底 ChatGPT 的推出，它們才登上了主流頭條。這個工具和其他很棒的工具，如 GitHub Copilot、Gemini、Claude 等，已經(jīng)成為 Web 開發(fā)的新驅(qū)動力。這些工具越來越多地融入到開發(fā)生命周期中，可以非常有效地減少重復(fù)和平凡的任務(wù)數(shù)量，并提供幫助解決問題，從而提高開發(fā)人員的工作效率。Capterra 團(tuán)隊在最新一期的開發(fā)者調(diào)查中采訪的專業(yè)開發(fā)人員指出了 AI 工具的以下好處：
來源：

AI 在開源項目中的受歡迎程度也在飆升。根據(jù) Octoverse 2024 的數(shù)據(jù)，去年 GitHub 上的開發(fā)人員創(chuàng)建了超過 70,000 個新的公共和開源生成式 AI 項目，對 GitHub 上所有生成式 AI 項目的總貢獻(xiàn)增加了近 60%。大多數(shù)受訪者 (73%) 使用 GitHub Copilot 等工具進(jìn)行編碼或文檔編寫。自 GitHub Copilot 推出以來，GitHub 團(tuán)隊發(fā)現(xiàn) GitHub 用戶在平臺上的活動有所增加。

來源：

可以肯定的是，人工智能工具將在 2025 年及以后繼續(xù)發(fā)展，尤其是隨著 DeepSeek 等新參與者的出現(xiàn)，使開發(fā)團(tuán)隊能夠在開發(fā)過程中解決更復(fù)雜的任務(wù)。至于人工智能功能，，到 2026 年，超過 80% 的企業(yè)將使用生成式人工智能 API 或模型，和/或在生產(chǎn)環(huán)境中部署支持 GenAI 的應(yīng)用程序，而 2023 年這一比例還不到 5%。

與此同時，開發(fā)人員必須牢記，AI 并不是 Web 開發(fā)各個方面的通用解決方案。雖然 AI 工具的好處不可否認(rèn)，但它們也存在一些潛在的缺點，例如：

• 準(zhǔn)確性問題
• 安全和隱私
• 復(fù)雜性限制
• 道德考量

AI 工具可以很好地補充技術(shù)棧中包含的傳統(tǒng) JavaScript 工具和庫，但必須注重 AI 的平衡使用，這在行業(yè)中正逐漸獲得發(fā)展動力。

現(xiàn)在，我們想分享一些關(guān)于使用 AI 工具和 DHTMLX 的見解。

使用帶有 JavaScript UI 組件的 AI 工具時需要考慮的事項

在相對較短的時間內(nèi)，生成式人工智能領(lǐng)域已經(jīng)取得了令人驚奇的成就。許多 DHTMLX 開發(fā)人員已經(jīng)親身體驗了上文中強調(diào)的人工智能工具在 Web 開發(fā)中的優(yōu)勢，并對其表示贊賞。但是，我們想以 DHTMLX 為例，重點介紹如何將人工智能工具與 JavaScript 開發(fā)工具結(jié)合使用。

生成式 AI 工具使用公開數(shù)據(jù)（文檔、教程、示例、社區(qū)等）進(jìn)行訓(xùn)練，因此與知名度較高的工具搭配使用時，其效率會高于知名度較低的工具。特定開發(fā)工具的在線資源質(zhì)量和數(shù)量對于 AI 生成有意義的輸出至關(guān)重要。

當(dāng)談到將 AI 工具與 DHTMLX JavaScript 組件結(jié)合使用時，結(jié)果可能會因用例場景而異。由于 DHTMLX 產(chǎn)品在網(wǎng)絡(luò)上的覆蓋率適中，因此必須謹(jǐn)慎對待所使用的 AI 工具中請求的復(fù)雜性。

DHTMLX 團(tuán)隊已經(jīng)探索了 AI 驅(qū)動的編碼輔助，以了解它與我們的 JavaScript 庫和組件的集成效果。我們可以肯定地說，ChatGPT 可以很好地處理諸如檢測代碼錯誤或調(diào)整樣式之類的任務(wù)。

以下是幾個示例：

• 代碼錯誤

在此中，事件未顯示在時間線視圖中。如果您要求 ChatGPT 檢查此示例并找出此問題的原因，它將正確地注意到數(shù)據(jù)集中的任何事件都不包含section_id屬性，并為這種場景提供更正的代碼。

• 自定義主題

如果您使用此文檔頁面提供的關(guān)鍵 CSS 變量并要求 ChatGPT 為您的JavaScript 日程安排日歷創(chuàng)建自定義深色主題，您將獲得一個修改后的代碼塊，該代碼塊可啟用以下主題：

但是當(dāng)涉及到更復(fù)雜的場景時，由于互聯(lián)網(wǎng)上沒有充分涵蓋，您可能會遇到障礙。

例如，您可以嘗試挑戰(zhàn) ChatGPT 或任何其他 AI 聊天機(jī)器人，以提供自定義解決方案，用于在JavaScript 甘特圖組件中實現(xiàn)任務(wù)之間的虛線鏈接（依賴關(guān)系） ，如下例所示。

AI 聊天機(jī)器人應(yīng)該提供有關(guān)如何實現(xiàn)這些目標(biāo)的說明，但由于缺乏必要的訓(xùn)練數(shù)據(jù)，這些解決方案很可能不起作用。

新的 DeepSeek 工具提供了一個不存在的配置：

gantt.config.links = {     link_class : function ( link ) { return “ gantt_link_dashed ” ; } } ;

.dashed-link {
    stroke-dasharray : 5 , 5 ; /* 創(chuàng)建虛線 */
    stroke : #FF0000 ; /* 設(shè)置虛線鏈接的顏色 */
    stroke- width : 2px ; /* 調(diào)整粗細(xì) */
}

在這種情況下適當(dāng)?shù)臉邮饺缦拢?/span>

.gantt_line_wrapper div {
    background ：未設(shè)置；
    邊框： 1px 虛線 #a1a4a6 ；
    盒子大小：邊框；
}

在這種情況下，您還必須對與 AI 結(jié)合使用的庫有充分的了解。否則，聊天機(jī)器人提供的建議可能會被誤解或不正確實施，從而導(dǎo)致代碼效率低下、兼容性問題或項目中出現(xiàn)意外錯誤。

總結(jié)

現(xiàn)代人工智能工具是 Web 開發(fā)的強大盟友，可加快工作流程、減少錯誤并提高生產(chǎn)力。但人工智能聊天機(jī)器人并非完美無缺，開發(fā)人員應(yīng)保持警惕并不斷驗證輸出以避免不準(zhǔn)確的建議。通過平衡人類專業(yè)知識與人工智能能力，開發(fā)人員可以顯著提高項目的質(zhì)量和效率。

慧都是DHTMLX在中國的官方授權(quán)代理商，提供DHTMLX系列產(chǎn)品免費試用，咨詢，正版銷售等于一體的專業(yè)化服務(wù)。

下載|體驗更多DHTMLX，請咨詢，或撥打產(chǎn)品熱線：023-68661681