艹，維護 AI 寫的程式碼，我心態崩了......
> 關注我的公眾號：【程式設計朝花夕拾】，可獲取首發內容。
01 引言
最近做了一個專案，同事用 AI 寫的頁面，出來之後效果感人。但是因為使用的外掛有版權問題，應用的部分外掛需要重新選擇。
由於同事還有其他問題要處理，我接手了這個功能，改的時候發現，根本無從下手。
02 事件還原
功能需求是在材料檔案中需要切換 Tab，預覽 word 文件，AI 使用的是微軟的外掛來預覽 office 檔案，但裡面嵌入了微軟的資訊，這裡的預覽外掛需要重新選型。
功能分析：
頁面的基本構成已經完成了，直接更換預覽外掛即可。解決方案也很簡單，因為是頁面展示，直接將文件轉成 Html、或者 PDF 即可。
這裡選擇了轉成 Html，為了讓 CSS 能夠隔離，使用了 iframe 標籤，把 html 內容包裹起來即可。
看似簡單的修改，看到程式碼的那一刻直接傻眼。
03 AI 生成的程式碼
CSS：
JS
這只是冰山一角，整個頁面全部使用 JavaScript 生成，可讀性很差，根本無從下手。
要理解每一行程式碼太難了，關鍵是臨時救火，沒有時間。
原本這些程式碼可讀性就差，由於預覽需求要支援 office 文件和圖片，圖片還要支援拖曳、放大縮小等功能。
作為一個後端工程師，寫這些東西腦袋都大了。
04 破局
既然都是 AI 寫的，那就還是交給 AI 改吧。
AI 一如既往地在頁面上堆砌程式碼，不忍直視，那就不看了，只要功能好就行。
果然還是得用魔法打敗魔法，比想像中順利，AI 很快就修改好了頁面，並修復了功能。
05 小結
AI 時代，AI 確實可以幫我們提升效率。但是不同人使用的提示詞不同，寫出來的效果也不盡相同。另一個人接手，古法程式設計修復可能心態都會崩潰。但是使用 AI 就不一樣了。
AI 的程式碼還是交給 AI 去修改。
共有 0 則留言
文字內容提供幾種功能：
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
熱門文章
