Saya meminta Claude Code untuk mengalih keluar jQuery. Ia gagal dengan teruk

Saya Minta Kod Claude untuk Alih Keluar jQuery. Ia Gagal Sungguh

Mengalih keluar jQuery daripada pangkalan kod warisan kedengaran mudah di atas kertas — ia, dalam praktiknya, salah satu refaktor yang paling menipu yang boleh dicuba oleh pembangun. Saya menyerahkan tugas kepada Claude Code, pembantu pengekodan AI, menjangkakan penghijrahan bersih kepada JavaScript vanila, dan selepas itu ialah rangkaian pengendali acara yang rosak, abstraksi AJAX yang hilang dan kebergantungan pemalam yang sangat bersarang yang membawa projek itu ke lututnya.

Mengapa Mengalih Keluar jQuery Bunyi Seperti Idea yang Baik?

Nadanya menarik: pelayar moden telah menutup jurang keserasian yang menjadikan jQuery penting pada tahun 2009. Vanila JavaScript kini mengendalikan manipulasi DOM, permintaan pengambilan dan perwakilan acara secara asli. Mengalih keluar jQuery mengurangkan 87KB daripada satu berkas (dikecilkan + gzip), meningkatkan skor Lighthouse dan menghapuskan pergantungan yang menerima perhatian penyelenggaraan yang semakin berkurangan.

Pangkalan kod kami ialah papan pemuka SaaS bersaiz sederhana dengan kira-kira 140,000 baris JavaScript, terkumpul selama enam tahun. jQuery ada di mana-mana — bukan sahaja dalam fungsi utiliti, tetapi ditenun ke dalam pemalam pihak ketiga, pengesahan borang warisan, dan juga beberapa bahagian templat yang diberikan pelayan. Kawasan permukaan refactor sangat besar, dan saya secara naif menganggap alat AI akan memakannya untuk sarapan pagi.

Apa yang Sebenarnya Berlaku Apabila Claude Code Cuba Melakukannya?

Pas pertama memang memberangsangkan. Kod Claude mengenal pasti panggilan $(document).ready() dengan betul dan menggantikannya dengan pendengar DOMContentLoaded. Panggilan $.ajax() mudah ditukar dengan bersih kepada fetch(). Untuk buah yang tergantung rendah, AI menunjukkan prestasi yang mengagumkan.

Kemudian datang pemalam. Pangkalan kod kami bergantung pada Select2, DataTables dan pemilih julat tarikh tersuai — semuanya bergantung kepada jQuery. Claude Code mencadangkan menggantikannya dengan alternatif moden, yang merupakan nasihat yang betul secara berasingan, tetapi ia tidak mengambil kira kesan riak. Menukar Select2 untuk Choices.js menukar API permulaan, nama acara dan kontrak mengikat data. Claude Code menggantikan import dan meneruskan, meninggalkan rujukan yang rosak merentas 23 komponen tidak disentuh.

Lebih teruk, AI bergelut dengan penggunaan jQuery tidak langsung — tempat di mana JS vanila ditulis secara teknikal tetapi lulus keputusan melalui fungsi utiliti jQuery seperti $.extend() atau $.isPlainObject(). Ia terlepas ini sepenuhnya semasa pas analisisnya.

"Alat pengekodan AI cemerlang dalam penggantian corak. Mereka bergelut dengan pemetaan kebergantungan sistemik — memahami bukan sahaja tempat pustaka dipanggil, tetapi kontrak yang dikuatkuasakan secara tersirat di seluruh pangkalan kod."

Apakah Cabaran Sebenar bagi Migrasi jQuery-ke-Vanila?

Kegagalan itu mendedahkan masalah struktur yang tiada alat tunggal - manusia atau AI - boleh mengetepikan tanpa penyediaan yang betul:

Kontrak pemalam tersembunyi: Pemalam jQuery bergantung pada sistem acara dalaman jQuery ($.fn sambungan, acara yang diwakilkan). Menukar pustaka hos membatalkan semua pemalam secara serentak, bukan secara berperingkat.

Perbezaan pengendalian ralat AJAX: $.ajax() jQuery membungkus ralat dalam objek ternormal. API Fetch melemparkan kegagalan rangkaian tetapi menyelesaikan pada respons 4xx/5xx — penyongsangan tingkah laku yang memecahkan setiap pengendali ralat sedia ada.

Abstraksi animasi: $.animate(), .fadeIn(), dan .slideUp() tidak mempunyai persamaan vanila langsung; Peralihan CSS memerlukan perubahan markup struktur, bukan hanya pertukaran JavaScript.

Perbezaan enjin pemilih: Enjin Sizzle jQuery menyokong pemilih pseudo seperti :visible dan :has() yang querySelectorAll() tidak dikendalikan secara asli.

Andaian keadaan global: Kod warisan sering memutasi objek jQuery atau bergantung pada susunan pemalam — andaian yang tidak dapat dilihat oleh analisis statik.

Claude Code mengenal pasti kira-kira 60% daripada perubahan yang diperlukan dengan betul. Baki 40% memerlukan pembangun manusia yang memahami kontrak tingkah laku, bukan hanya sintaks.

Bagaimanakah Pembangun Harus Mendekati Migrasi Ini?

Strategi yang betul adalah tambahan dan dipacu sempadan, bukan borong. Daripada merobek jQuery keluar

Related Posts

• Bagaimanakah Windows 95 mendapat kebenaran untuk meletakkan video Weezer 'Buddy Holly' pada CD?
• Paragon secara tidak sengaja memuat naik foto panel kawalan perisian pengintipnya
• DBASE pada Kaypro II
• WolfSSL juga menyebalkan, jadi sekarang apa?