Hacker News

Мин Клод Кодтан jQuery бетерүне сорадым. Бу аяныч булды

Мин Клод Кодтан jQuery бетерүне сорадым. Бу аяныч булды Бу разведка аның әһәмиятен һәм потенциаль йогынтысын тикшереп сорала. Төп төшенчәләр Бу эчтәлек тикшерә: Фундаменталь принциплар һәм теорияләр ...

1 min read Via www.jitbit.com

Mewayz Team

Editorial Team

Hacker News

Клод кодыннан jQuery бетерүне сорадым. Бу аяныч булды

jQuery-ны мирас коды базасыннан чыгару кәгазьдә гади яңгырый - бу, практикада, уйлап табучы иң алдаучы хыянәт реакторларының берсе. Мин биремне AI кодлау ярдәмчесе Клод Кодка бирдем, ванил JavaScript-ка чиста миграция көттем, һәм аннан соң ватылган вакыйгалар эшкәртүчеләре, AJAX абстрактлары юкка чыкты, һәм проектны тезләренә китергән тирән плагин бәйләнешләре.

Ни өчен jQuery тавышын бетерү яхшы идея кебек?

Мәйдан көчле иде: заманча браузерлар 2009-нчы елда jQuery-ны яраклаштырган яраклашу аермасын яптылар. Vanilla JavaScript хәзер DOM манипуляциясе, запрослар һәм вакыйгалар делегациясе белән эш итә. JQuery-ны бетерү 87КБ туплагычтан (минималь + гзипланган), Маяк балларын яхшырта, хезмәтнең игътибарын киметүче бәйләнешне бетерә.

Безнең код базасы уртача зурлыктагы SaaS ассортименты иде, якынча 140,000 линия JavaScript, алты ел эчендә тупланган. jQuery бөтен җирдә иде - файдалы функцияләрдә генә түгел, ә өченче як плагиннарына үрелгән, мирас формасын тикшерү, хәтта кайбер сервер күрсәткән шаблон өлешләре. Реакторның өслеге бик зур иде, һәм мин ЯИ коралы аны иртәнге ашка ашар дип уйладым.

Клод коды моны эшләргә тырышканда нәрсә булды?

Беренче пасс дәртләндергеч иде. Клод коды <код> $ (документ) дөрес билгеләнде. Инде () шалтыратты һәм аларны <код> DOMContentLoaded тыңлаучылары белән алыштырды. Гади <код> $ .ajax () шалтыратулары чиста итеп fetch () га үзгәртелде. Аз асылган җимеш өчен ЯИ сокландыргыч эшләде.

Аннары плагиннар килде. Безнең код базасы Select2 , DataTables , һәм махсус дата диапазонына таянды - барысы да jQuery-ка бәйле. Клод Код аларны заманча альтернатива белән алыштырырга тәкъдим итте, бу изоляциядә дөрес киңәш, ләкин бу эффектларны исәпкә алмады. Choices.js өчен Select2-ны алыштыру инициализация API, вакыйга исемнәрен һәм мәгълүматны бәйләүче контрактны үзгәртте. Клод коды импортны алыштырды һәм 23 компонент буенча өзелгән сылтамаларны калдырмады.

Начары, AI турыдан-туры jQuery куллану белән көрәште - ванила JS техник яктан язылган, ләкин нәтиҗәләр $ .extend () яки $ .isPlainObject () кебек jQuery ярдәм функцияләре аша үткән урыннар. Анализ вакытында ул аларны бөтенләй сагынды.

"ЯИ кодлау кораллары үрнәкне алыштыруда бик яхшы. Алар системалы бәйләнеш картасы белән көрәшәләр - китапханәнең кайда чакырылганын гына түгел, ә код-база кысаларында нинди контрактларны тулысынча үтәвен аңлыйлар."

jQuery-to-Vanilla миграциясенең реаль кыенлыклары нинди?

Уңышсызлык структур проблемаларны ачты, бер генә корал - кеше яки ЯИ - тиешле әзерлектән читкә китә алмый:

💡 DID YOU KNOW?

Mewayz replaces 8+ business tools in one platform

CRM · Invoicing · HR · Projects · Booking · eCommerce · POS · Analytics. Free forever plan available.

Start Free →
  • Яшерен плагин контрактлары: jQuery плагиннары jQuery'ның эчке вакыйгалар системасына таяналар ( $ .fn киңәйтүләр, тапшырылган вакыйгалар). Хост китапханәсен алыштыру барлык плагиннарны берьюлы юкка чыгара, арта.
  • аермаларны эшкәртүдә AJAX хата: jQuery'ның <код> $ .ajax () нормальләштерелгән объектта хаталар туплый. Fetch API челтәр җитешсезлегенә ыргыта, ләкин 4xx / 5xx җавапларда чишелә - һәрбер хата эшкәртүчене сындыручы тәртип инверсиясе.
  • Анимация абстракцияләре: CSS күчү JavaScript своплары гына түгел, структур билгеләр үзгәртүләрен таләп итә.
  • Селектор двигателе аермалары: jQuery's Sizzle двигателе : күренеп торган һәм кебек псевдо-селекторларга ярдәм итә: соравыSelectorAll () үзеннән-үзе эшләми.
  • Глобаль дәүләт фаразлары: Мирас коды еш jQuery объектын мутацияли яки плагин заказына таяна - статик анализда күренми торган фаразлар.

Клод коды кирәкле үзгәрешләрнең якынча 60% -ын дөрес билгеләде. Калган 40% синтаксисны гына түгел, тәртип контрактларын аңлаган кеше уйлап табучысын таләп итә.

Төзүчеләр бу миграциягә ничек якынлашырга тиеш?

Дөрес стратегия арту һәм чик белән идарә итү, күпләп сату түгел. JQuery-ны бер пассажирда таркату урынына, тәҗрибәле коллективлар бергә яшәү ысулын кулланалар: jQuery-ны мирас модуллары өчен йөкләгез, яңа функция коды ванил JSда язылган. Бу кыскарган утрау моделен тудыра - jQuery-ның эзе чыгаруны киметә, производствоны бозган зур шартлаудан башка.

Автоматлаштырылган кораллар механик алыштыру катламына булыша ала, ләкин алар башта кеше авторы миграция сынауларын таләп итә. Агымдагы тәртипне тотып торган, аларны ЯИ чыгарылышына каршы торган һәм уңышсызлыкларны фактик миграция артка караган интеграция тестларын языгыз. ЯИ ышанычлы финишчы түгел, беренче генератор булып китә.

Комплекслы техник сенаж белән идарә итүче бизнес өчен бу нәрсәне аңлата?

jQuery повесте - зуррак проблема микрокосмиясе: техник карарларны масштабта идарә итү геройлык түгел, ә система таләп итә. Businessesсеш өчен, мираска бәйле булган яшерен бәя, реактор экзистенциаль булганчы тыныч кына кушыла.

Бу ни өчен Mewayz кебек платформалар - 138,000 артык кулланучы кулланган 207 модульле бизнес-система - беренче көннән модульле, тотрыклы архитектура белән эшләнгән. Сезнең оператив стакан мирас коды түгел, ә чиста абстракцияләргә корылганда, яңарту һәм кабатлау бәясе кискен төшә. Мевайз CRM һәм электрон сәүдәдән башлап био-коралларга һәм команда эш урыннарына кадәр эшли, айдан 19 доллардан башлап, төп архитектура масштабланырга планлаштырылганга - факттан соң реформаланмаган.

Еш бирелә торган сораулар

Клод Код кебек AI кораллары jQuery-ны зур код базасыннан ышанычлы рәвештә бетерә аламы?

өлешчә. ЯИ кораллары синтаксик алмаштыруда яхшы эшли - <код> $ .ajax () ны <код> алу () га үзгәртү, <код> $ (селектор) ны document.querySelector () белән алыштыру - ләкин аларда тәртип контрактлары, плагин экосистемалары турында уйлау сәләте юк. Кеше карау мәҗбүри, аеруча өченче як jQuery плагиннары булган код базалары өчен.

jQuery-ны бетерү 2026-нчы елда кыйммәтме?

Яңа проектлар өчен, бөтенләй - jQuery кертү өчен заманча сәбәп юк. Мирас проектлары өчен ROI код базасы зурлыгына, плагинга таянуга, команда сыйдырышлыгына бәйле. Ике jQuery куллану белән 10КБ бит җиңел җиңү. Алты jQuery плагины булган 500 компонентлы SaaS ассортименты - күп спринт инвестиция, ул башланганчы чыгым-файда анализын таләп итә.

Бүген jQuery миграциясен башлау өчен иң куркынычсыз юл нинди?

Хәзерге тәртипне документлаштыручы интеграция тестларыннан башлап, кыскарган утрау моделен кабул итегез: jQuery мирасын модульләрдә туңдырыгыз, ванилла JS барлык яңа кодта. Чикне үтәү өчен ESLint кагыйдәләрен кулланыгыз. Вакыт узу белән, мирас утравы табигый рәвештә кысыла, чөнки үзенчәлекләр яңадан язылган, берьюлы куркынычлы реактор аша түгел.

<сәгать>

Техник бурыч реаль, реакторлар каты, хәтта иң яхшы ЯИ кораллары тылсымлы таяклар түгел. Ләкин тотрыклы үсә торган бизнес - бу катлаулы хаосны киметүче платформаларга һәм архитектураларга инвестицияләр салучылар. Әгәр дә сез бизнес төзисез яки масштаблыйсыз икән, үкенү урынына ныклык өчен эшләнгән кораллар телисез икән, Mewayz белән танышыгыз - 207 модуль, бер чиста платформа, $ 19 / айдан башлана.