ខ្ញុំបានសួរ Claude Code ដើម្បីលុប jQuery។ វាបរាជ័យយ៉ាងវេទនា

ការដក jQuery ចេញពីមូលដ្ឋានកូដកេរដំណែល ស្តាប់ទៅសាមញ្ញនៅលើក្រដាស — វាជាការអនុវត្តជាក់ស្តែងមួយក្នុងចំណោមការបោកប្រាស់ដែលបោកបញ្ឆោតបំផុតដែលអ្នកអភិវឌ្ឍន៍អាចព្យាយាម។ ខ្ញុំបានប្រគល់ភារកិច្ចទៅឱ្យ Claude Code ដែលជាជំនួយការការសរសេរកូដ AI ដោយរំពឹងថានឹងមានការធ្វើចំណាកស្រុកយ៉ាងស្អាតស្អំទៅកាន់ vanilla JavaScript ហើយអ្វីដែលបន្ទាប់គឺបញ្ហានៃអ្នកដោះស្រាយព្រឹត្តិការណ៍ដែលខូច បាត់អរូបី AJAX និងភាពអាស្រ័យនៃកម្មវិធីជំនួយដែលជាប់គាំងយ៉ាងខ្លាំងដែលនាំគម្រោងដល់ជង្គង់របស់វា។

ហេតុ​អ្វី​បាន​ជា​ការ​លុប​សំឡេង jQuery ដូច​ជា​គំនិត​ល្អ?

ទីលានគឺគួរឱ្យទាក់ទាញ៖ កម្មវិធីរុករកតាមអ៊ីនធឺណិតទំនើបបានបិទគម្លាតភាពឆបគ្នាដែលធ្វើឱ្យ jQuery មានសារៈសំខាន់ក្នុងឆ្នាំ 2009 ។ វ៉ានីឡា JavaScript ឥឡូវនេះគ្រប់គ្រងការគ្រប់គ្រង DOM សំណើទាញយក និងប្រតិភូព្រឹត្តិការណ៍។ ការដក jQuery កោរសក់ 87KB ចេញពីបណ្តុំមួយ (បង្រួម + gzipped) ធ្វើអោយពិន្ទុ Lighthouse ប្រសើរឡើង និងលុបបំបាត់ភាពអាស្រ័យដែលទទួលបានការយកចិត្តទុកដាក់ក្នុងការថែទាំថយចុះ។

មូលដ្ឋានកូដរបស់យើងគឺជាផ្ទាំងគ្រប់គ្រង SaaS ទំហំមធ្យមដែលមាន JavaScript ប្រហែល 140,000 ជួរ ដែលប្រមូលបានក្នុងរយៈពេលប្រាំមួយឆ្នាំ។ jQuery មាននៅគ្រប់ទីកន្លែង — មិនត្រឹមតែនៅក្នុងមុខងារឧបករណ៍ប្រើប្រាស់ប៉ុណ្ណោះទេ ប៉ុន្តែត្រូវបានបញ្ចូលទៅក្នុងកម្មវិធីជំនួយភាគីទីបី សុពលភាពទម្រង់កេរ្តិ៍ដំណែល និងសូម្បីតែផ្នែកខ្លះនៃគំរូដែលបង្ហាញដោយម៉ាស៊ីនមេ។ ផ្ទៃរបស់ refactor គឺធំសម្បើម ហើយខ្ញុំសន្មត់ថាឧបករណ៍ AI ដោយចេតនានឹងញ៉ាំវាសម្រាប់អាហារពេលព្រឹក។

តើមានអ្វីកើតឡើងនៅពេលដែល Claude Code ព្យាយាមធ្វើវា?

ការ​ឆ្លង​កាត់​ដំបូង​គឺ​ជា​ការ​លើក​ទឹក​ចិត្ត។ Claude Code បានកំណត់អត្តសញ្ញាណយ៉ាងត្រឹមត្រូវនូវការហៅទូរសព្ទ $(document.ready() ហើយជំនួសវាដោយអ្នកស្តាប់ DOMContentLoaded។ ការហៅ $.ajax() សាមញ្ញបានបំប្លែងយ៉ាងស្អាតទៅជា fetch()។ សម្រាប់​ផ្លែ​ឈើ​ដែល​ព្យួរ​ទាប AI បាន​ធ្វើ​ការ​គួរ​ឱ្យ​សរសើរ។

បន្ទាប់​មក​កម្មវិធី​ជំនួយ​បាន​មក។ មូលដ្ឋានកូដរបស់យើងពឹងផ្អែកលើ Select2, DataTables និងកម្មវិធីជ្រើសរើសជួរកាលបរិច្ឆេទផ្ទាល់ខ្លួន — ទាំងអស់គឺអាស្រ័យលើ jQuery ។ Claude Code បានស្នើឱ្យជំនួសពួកគេដោយជម្រើសទំនើប ដែលជាដំបូន្មានត្រឹមត្រូវក្នុងភាពឯកោ ប៉ុន្តែវាមិនបានគិតគូរពីផលប៉ះពាល់នៃរលក។ ការផ្លាស់ប្តូរ Select2 សម្រាប់ Choices.js បានផ្លាស់ប្តូរ API ការចាប់ផ្តើម ឈ្មោះព្រឹត្តិការណ៍ និងកិច្ចសន្យាភ្ជាប់ទិន្នន័យ។ Claude Code បានជំនួសការនាំចូល និងបន្តដោយបន្សល់ទុកនូវឯកសារយោងដែលខូចនៅទូទាំង 23 សមាសភាគមិនត្រូវបានប៉ះពាល់។

កាន់តែអាក្រក់ AI បានតស៊ូជាមួយការប្រើប្រាស់ jQuery ដោយប្រយោល ដែលជាកន្លែងដែល vanilla JS ត្រូវបានសរសេរតាមលក្ខណៈបច្ចេកទេស ប៉ុន្តែបានឆ្លងកាត់លទ្ធផលតាមរយៈមុខងារឧបករណ៍ប្រើប្រាស់ jQuery ដូចជា $.extend() ឬ $.isPlainObject()។ វាខកខានការទាំងនេះទាំងស្រុងក្នុងអំឡុងពេលឆ្លងកាត់ការវិភាគរបស់វា។

"ឧបករណ៍សរសេរកូដ AI ពូកែក្នុងការជំនួសលំនាំ។ ពួកគេតស៊ូជាមួយការគូសផែនទីភាពអាស្រ័យជាប្រព័ន្ធ — ការយល់ដឹងមិនត្រឹមតែកន្លែងដែលបណ្ណាល័យត្រូវបានហៅនោះទេ ប៉ុន្តែកិច្ចសន្យាដែលវាអនុវត្តដោយប្រយោលនៅទូទាំងមូលដ្ឋានកូដ។

តើអ្វីជាបញ្ហាប្រឈមពិតប្រាកដនៃការធ្វើចំណាកស្រុក jQuery-to-Vanilla?

ការបរាជ័យបានបង្ហាញពីបញ្ហារចនាសម្ព័ន្ធដែលមិនមានឧបករណ៍តែមួយ - មនុស្ស ឬ AI - អាចដើរទៅមុខដោយគ្មានការរៀបចំត្រឹមត្រូវ៖

• កិច្ចសន្យាកម្មវិធីជំនួយដែលលាក់៖ កម្មវិធីជំនួយ jQuery ពឹងផ្អែកលើប្រព័ន្ធព្រឹត្តិការណ៍ខាងក្នុងរបស់ jQuery (ផ្នែកបន្ថែម $.fn ព្រឹត្តិការណ៍ដែលបានផ្ទេរសិទ្ធិ)។ ការប្តូរបណ្ណាល័យម៉ាស៊ីនធ្វើឱ្យកម្មវិធីជំនួយទាំងអស់មានសុពលភាពក្នុងពេលដំណាលគ្នា មិនមែនបង្កើនទេ។
• ភាពខុសគ្នានៃការគ្រប់គ្រងកំហុស AJAX៖ $.ajax() របស់ jQuery បិទបាំងកំហុសនៅក្នុងវត្ថុធម្មតា។ Fetch API បោះចោលការបរាជ័យបណ្តាញ ប៉ុន្តែដោះស្រាយលើការឆ្លើយតប 4xx/5xx ដែលជាការបញ្ច្រាសអាកប្បកិរិយាដែលបំបែករាល់កម្មវិធីដោះស្រាយកំហុសដែលមានស្រាប់។
• អរូបីគំនូរជីវចល៖ $.animate(), .fadeIn() និង .slideUp() មិនមានសមមូល vanilla ផ្ទាល់ទេ។ ការផ្លាស់ប្តូរ CSS ទាមទារការផ្លាស់ប្តូរការសម្គាល់រចនាសម្ព័ន្ធ មិនមែនគ្រាន់តែជាការផ្លាស់ប្តូរ JavaScript នោះទេ។
• ភាពខុសគ្នានៃម៉ាស៊ីនជ្រើសរើស៖ ម៉ាស៊ីន Sizzle របស់ jQuery គាំទ្រឧបករណ៍ជ្រើសរើស pseudo ដូចជា :visible និង :has() ដែល querySelectorAll() មិនអាចដោះស្រាយបានទេ។
• ការសន្មត់របស់រដ្ឋសកល៖ កូដកេរ្តិ៍ដំណែលជារឿយៗផ្លាស់ប្តូរវត្ថុ jQuery ឬពឹងផ្អែកលើការតម្រៀបកម្មវិធីជំនួយ — ការសន្មត់ដែលមើលមិនឃើញចំពោះការវិភាគឋិតិវន្ត។

Claude Code បានកំណត់អត្តសញ្ញាណប្រហែល 60% នៃការផ្លាស់ប្តូរដែលត្រូវការត្រឹមត្រូវ។ 40% ដែលនៅសេសសល់តម្រូវឱ្យអ្នកអភិវឌ្ឍន៍មនុស្សដែលយល់ពីកិច្ចសន្យាអាកប្បកិរិយា មិនត្រឹមតែវាក្យសម្ព័ន្ធប៉ុណ្ណោះទេ។

តើ​អ្នក​អភិវឌ្ឍន៍​គួរ​ចូល​ទៅ​រក​ការ​ធ្វើ​ចំណាក​ស្រុក​នេះ​ដោយ​របៀប​ណា?

យុទ្ធសាស្ត្រត្រឹមត្រូវគឺបង្កើន និងជំរុញដោយព្រំដែន មិនមែនលក់ដុំទេ។ ជាជាងការច្រៀក jQuery ចេញក្នុងសំបុត្រតែមួយ ក្រុមដែលមានបទពិសោធន៍ប្រើប្រាស់វិធីសាស្រ្តរួមមួយ៖ ផ្ទុក jQuery សម្រាប់តែម៉ូឌុលចាស់ប៉ុណ្ណោះ ខណៈដែលកូដមុខងារថ្មីត្រូវបានសរសេរជា vanilla JS។ វាបង្កើតគំរូកោះដែលរួញតូច — ដានរបស់ jQuery កាត់បន្ថយការចេញផ្សាយដោយការចេញផ្សាយដោយគ្មានការសរសេរឡើងវិញដែលធ្វើអោយខូចផលិតកម្ម។

ឧបករណ៍ស្វ័យប្រវត្តិអាចជួយដល់ស្រទាប់ជំនួសមេកានិក ប៉ុន្តែពួកគេត្រូវការការធ្វើតេស្តការធ្វើចំណាកស្រុកដោយមនុស្សអ្នកនិពន្ធជាមុនសិន។ សរសេរការធ្វើតេស្តរួមបញ្ចូលដែលចាប់យកឥរិយាបទបច្ចុប្បន្ន ដំណើរការពួកវាប្រឆាំងនឹងលទ្ធផលរបស់ AI និងចាត់ទុកការបរាជ័យជាកំហុសនៃការធ្វើចំណាកស្រុកពិតប្រាកដ។ AI ក្លាយជាអ្នកបង្កើតសេចក្តីព្រាងដំបូង មិនមែនជាអ្នកបញ្ចប់ដែលអាចទុកចិត្តបាន។

តើ​នេះ​មាន​ន័យ​យ៉ាង​ណា​សម្រាប់​អាជីវកម្ម​ដែល​គ្រប់​គ្រង​ស្មុគ្រស្មាញ​បច្ចេកវិទ្យា?

រឿង jQuery saga គឺជា microcosm នៃបញ្ហាប្រឈមធំជាងនេះ៖ ការគ្រប់គ្រងការសម្រេចចិត្តផ្នែកបច្ចេកទេសតាមមាត្រដ្ឋានតម្រូវឱ្យមានប្រព័ន្ធ មិនមែនវីរភាពទេ។ សម្រាប់អាជីវកម្មដែលកំពុងរីកចម្រើន ការចំណាយលាក់កំបាំងនៃភាពអាស្រ័យនៃកេរដំណែលផ្សំឡើងដោយស្ងៀមស្ងាត់ រហូតទាល់តែ refactor ក្លាយជាអត្ថិភាព។

នេះជាផ្នែកនៃមូលហេតុដែលវេទិកាដូចជា Mewayz — ប្រព័ន្ធប្រតិបត្តិការអាជីវកម្ម 207-module ដែលប្រើប្រាស់ដោយអ្នកប្រើប្រាស់ជាង 138,000 នាក់ — ត្រូវបានរចនាឡើងជាមួយនឹងម៉ូឌុលដែលរក្សាបាននូវស្ថាបត្យកម្មចាប់ពីថ្ងៃដំបូង។ នៅពេលដែលជង់ប្រតិបត្តិការរបស់អ្នកត្រូវបានបង្កើតឡើងនៅលើ abstractions ស្អាត ជាជាងកូដកេរ្តិ៍ដំណែលដែលបានបិទភ្ជាប់ដោយបំពង់ នោះតម្លៃនៃការអាប់ដេត និងការធ្វើឡើងវិញបានធ្លាក់ចុះយ៉ាងខ្លាំង។ Mewayz គ្រប់គ្រងអ្វីៗគ្រប់យ៉ាងពី CRM និង e-commerce ទៅនឹងឧបករណ៍ភ្ជាប់ក្នុង bio និងកន្លែងធ្វើការជាក្រុម ដោយចាប់ផ្តើមពី $19/month យ៉ាងជាក់លាក់ ពីព្រោះស្ថាបត្យកម្មមូលដ្ឋានត្រូវបានគ្រោងធ្វើមាត្រដ្ឋាន — មិនត្រូវបានកែលម្អឡើងវិញភ្លាមៗបន្ទាប់ពីការពិត។

សំណួរដែលគេសួរញឹកញាប់

តើឧបករណ៍ AI ដូចជា Claude Code អាចដក jQuery ចេញពីមូលដ្ឋានកូដធំបានទេ?

ដោយផ្នែក។ ឧបករណ៍ AI ដំណើរការបានល្អលើការជំនួសវាក្យសម្ព័ន្ធ — បំប្លែង $.ajax() ទៅ fetch(), ជំនួស $(selector) ជាមួយ document.querySelector() — ប៉ុន្តែពួកគេខ្វះសមត្ថភាពក្នុងការវែកញែកអំពីកិច្ចសន្យាអាកប្បកិរិយា កម្មវិធីជំនួយប្រព័ន្ធអេកូឡូស៊ី និងការបដិសេធមិនច្បាស់លាស់។ ការវាយតម្លៃរបស់មនុស្សគឺចាំបាច់ ជាពិសេសសម្រាប់មូលដ្ឋានកូដដែលមានកម្មវិធីជំនួយ jQuery ភាគីទីបី។

តើការលុប jQuery នៅតែមានតម្លៃវានៅឆ្នាំ 2026 មែនទេ?

សម្រាប់គម្រោងថ្មី គឺគ្មានហេតុផលទំនើបដើម្បីរួមបញ្ចូល jQuery ទេ។ សម្រាប់គម្រោងកេរ្តិ៍ដំណែល ROI អាស្រ័យលើទំហំមូលដ្ឋានកូដ ការពឹងផ្អែកលើកម្មវិធីជំនួយ និងសមត្ថភាពក្រុម។ ទំព័រ 10KB ដែលមានការប្រើប្រាស់ jQuery ពីរគឺជាការឈ្នះដ៏ងាយស្រួល។ ផ្ទៃតាប្លូ SaaS សមាសភាគ 500 ដែលមានកម្មវិធីជំនួយ jQuery ចំនួនប្រាំមួយគឺជាការបណ្តាក់ទុនច្រើនដែលទាមទារការវិភាគតម្លៃ-អត្ថប្រយោជន៍យ៉ាងប្រុងប្រយ័ត្នមុនពេលចាប់ផ្តើម។

តើ​អ្វី​ជា​វិធី​សុវត្ថិភាព​បំផុត​ក្នុង​ការ​ចាប់​ផ្តើម​ការ​ធ្វើ​ចំណាក​ស្រុក jQuery នៅ​ថ្ងៃ​នេះ?

ចាប់ផ្តើមជាមួយនឹងការធ្វើតេស្តរួមបញ្ចូលដែលចងក្រងជាឯកសារអំពីឥរិយាបទបច្ចុប្បន្ន បន្ទាប់មកទទួលយកគំរូកោះដែលរួញតូច៖ បង្កកការនាំចូល jQuery នៅក្នុងម៉ូឌុលកេរ្តិ៍ដំណែល ខណៈពេលដែលតម្រូវឱ្យ vanilla JS នៅក្នុងកូដថ្មីទាំងអស់។ ប្រើច្បាប់ ESLint ដើម្បីពង្រឹងព្រំដែន។ យូរៗទៅ កោះកេរដំណែលត្រូវរួញដោយធម្មជាតិ ដោយសារលក្ខណៈពិសេសត្រូវបានសរសេរឡើងវិញ ជាជាងទាំងអស់ក្នុងពេលតែមួយតាមរយៈឧបករណ៍ refactor ដែលមានហានិភ័យខ្ពស់។

បំណុល​បច្ចេកទេស​គឺ​ពិត​ប្រាកដ អ្នក​ជួសជុល​គឺ​ពិបាក ហើយ​សូម្បី​តែ​ឧបករណ៍ AI ដែល​ល្អ​បំផុត​ក៏​មិន​មែន​វេទមន្ត​ដែរ។ ប៉ុន្តែអាជីវកម្មដែលរីកចម្រើនប្រកបដោយនិរន្តរភាព គឺជាក្រុមហ៊ុនដែលវិនិយោគលើវេទិការ និងស្ថាបត្យកម្ម ដែលកាត់បន្ថយភាពចលាចលដែលរួមផ្សំប្រភេទនេះ។ ប្រសិនបើអ្នកកំពុងសាងសង់ ឬពង្រីកអាជីវកម្ម ហើយចង់បានឧបករណ៍ដែលត្រូវបានរចនាឡើងសម្រាប់ភាពធន់ជាជាងការសោកស្តាយ រុករក Mewayz — 207 ម៉ូឌុល ដែលជាវេទិកាស្អាតមួយ ចាប់ផ្តើមពី $19/ខែ។