Web Worker һүрәт эшкәрткән нигеҙҙәре

By Technical specialist

Web Worker — айырым JavaScript башҡарыу контексы, ул мөхәррирҙең төп ебе бөтә эште башҡармайынса ҡиммәтле иҫәпләүҙәр башҡара ала. Браузер һүрәттәрен эшкәртергә, тимәк, модель ҡуйыу һәм һығымта ҡасып була еп өсөн яуаплы төймәләр, прогресс хәбәрҙәр, кисть индереү, һәм экран яңыртыу.

Һөҙөмтәлә “фонды бушлай эшкәртергә” килеп сыҡмай. Шул уҡ ҡоролма әле лә иҫәпләүҙе башҡара һәм хәтерҙе ҡуллана. Архитектура өҫтөнлөгө булып тора айырыу: ауыр модель операцияһы һирәгерәк блокировать һәр интерфейс яуап, ә ул эшләй.

Төп ептең ҡулланыусы интерфейсы эше бар

Браузер битендә, ғәҙәттә, төп ептә JavaScript эшләй. Шул еп шулай уҡ макетты, һүрәт төшөрөүҙе һәм индереүҙе координациялай. Әгәр ҙә уны бер оҙон иҫәпләү биләй икән, баҫыуҙар тотҡарланған кеүек тойола, анимация туҡтай, браузер биттең яуап бирмәүе тураһында иҫкәртә.

Һүрәт мөхәррире һығымта яһау башланғансы төп еп буйынса яуаплылыҡты етерлек:

• файл һайлау алыу, йәбештереү, йәки ташлау;
• һүрәтте асыҡлау һәм күрһәтеү;
• прогресс һәм хата хәлдәрен яңыртыу;
• алдан ҡарау полотноһын төшөрөү;
• ручка Өҫтәү һәм юйыу кисть хәрәкәте;
• скачать йәки буфер ғәмәлдәре әҙерләү.

Сегментация моделенең һанлы эшен бер үк епкә ҡуйыу был бурыстарҙы туранан-тура конкурентлыҡҡа килтерер ине. Эшсе кеше анығыраҡ сик булдыра.

Хәбәр нигеҙендәге сик

Мөхәррир һәм эшсе ғәҙәти үҙгәртеүселәр менән бүлешмәй. Хәбәрҙәр ебәреп аралашалар. Ябайлаштырылған ағым былай күренә:

1. Мөхәррир эшсе булдыра йәки ҡабаттан ҡуллана.
2. Ул эшсе һығымта эшләү ваҡытын һәм модель инициализациялауҙы һорай.
3. Ул һүрәт мәғлүмәттәрен әҙерләй һәм һығымта яһау тураһында запрос ебәрә.
4. Эшсе мәғлүмәттәрҙе модель көтөлгән индереүгә әйләндерә.
5. Эшсе модель эшләй һәм битлек ҡиммәттәрен етештерә.
6. Ул битлек йәки һөҙөмтә мәғлүмәттәрен кире ебәрә.
7. Мөхәррир алдан ҡарауҙы составлай һәм рафинациялау йәки экспортлау мөмкинлеген бирә.

Хәбәрҙәрҙә дөрөҫ үтенескә яуап тап килһен өсөн етерлек контекст булырға тейеш. Был мөһим, әгәр ҡулланыусы алдағы эш тамамланғансы икенсе һүрәт һайлай. Интерфейс яңы сығанаҡ аша иҫке һөҙөмтәне күрһәтеүҙән ҡотолорға тейеш.

Һүрәт мәғлүмәттәрен күсереү һәм тапшырыу

Бәләкәй генә смс ебәреү арзан. Миллионлаған пиксель ҡиммәттәрен ебәреүҙең ҡиммәт булыуы мөмкин, әгәр браузерға бөтә буферҙы күсерергә тура килһә. Web API-лар урынына айырым бинар буферҙарға милек хоҡуғын тапшыра ала. Күсерелгән буфер ебәргән яғында ҡулланырлыҡ дубликаты һаҡланмайынса ҡабул итеүсегә мөмкин була.

Был оптимизация дизайн сикләүе менән килә: тапшырғандан һуң, ебәргән кеше шул уҡ буферҙы ҡулланып тора алмай, әгәр ҙә ул һаман да мәғлүмәттәргә хужа. Мөхәррир айырым дисплей күрһәтеүен һаҡлай, махсус һығымта буферы булдыра йәки һуңыраҡ үҙенә кәрәкле нәмәләрҙе яңырта ала.

Һәр тормошҡа ашырыуҙа теүәл бер үк урындарҙа тапшырыу ҡулланылмай. Дөйөм һабаҡ шунда: ептәрҙе айырыу мәғлүмәттәрҙең хәрәкәт итеүен юҡҡа сығармай. Һүрәттең ҙурлыҡтары, буфер күләме һәм үҙгәртеп ҡороуҙар һаны һаман да тотҡарлыҡҡа һәм хәтергә йоғонто яһай.

Эшсегә нимә һала Easy Background Remover

Easy Background Remover ҡоролма сегментацияһы өсөн браузер һығымтаһы эшләү ваҡыты менән Web Worker ҡуллана. Ауыр автоматик ҡырҡыу аҙымы битлек етештерә. Һуңынан мөхәррир композит һөҙөмтә күрһәтә һәм процессор-канва кисть рафинациялауҙы хуплай.

Был айырыу уңышһыҙлыҡтарға файҙалыраҡ сик бирә. Әгәр эшсе инициализациялай алмай йәки һығымта яһау ваҡытында аварияға осрай икән, интерфейс эшсе менән бәйле хата тураһында хәбәр итә ала, ә берҙән-бер сигнал булараҡ даими туңдырылған өлөшсәгә таянмай.

Ул шулай уҡ урындағы-эшкәртелгән дәғүә аңлайышлы тота. Киңәйтеү битенән үҙ эшсеһенә пикселдәр ебәреүҙе браузер мөхите эсендә аралашыу тип һанайҙар, ә алыҫтан ҡырҡыу API-һына тейәү түгел. Беренсе сессия айырым скачать мөмкин күп тапҡыр ҡулланыла торған модель активы; ҡарағыҙ Ни өсөн беренсе йүгерә скачивает модель.

Эшсе иҫәпләүҙе тиҙ арала эшләмәй

Эшселәр сеймал ҡоролма мөмкинлектәрен түгел, ә яуаплылыҡты яҡшырта. Модель һаман да процессор, график процессор йәки башҡа ресурстарҙы браузер тәьмин итә алғанына ҡарап ҡуллана. Ҙур индереү һаман да оҙағыраҡ ваҡыт ала һәм бәләкәйенә ҡарағанда күберәк хәтер талап итә ала.

Бер нисә сик ҡала:

• модель инициализацияһы реаль хаҡҡа эйә;
• пиксель буферҙары күсерелгән осраҡта ике яҡтан да хәтерҙе биләй;
• ҙурлыҡты үҙгәртеү һәм форматты үҙгәртеү ваҡыт талап итә;
• хәтере түбән булған ҡоролма ҙур һүрәттәр менән көрәшергә мөмкин;
• күберәк эшселәр бәхәсте кәметергә түгел, ә арттыра ала;
• экспорт һәм полотно яңыртыу әле лә төп епте йәлеп итә ала.

Биш һүрәт өсөн биш һығымта эшселәрен башлау автоматик рәүештә биш тапҡырға тиҙерәк түгел. Эшселәр бер машинаны бүлешә. Параллель эштәр хәтер үткәреүсәнлеге һәм башҡарыу ресурстары өсөн көрәшә ала, шул уҡ ваҡытта һәр модель данаһы үҙ хәтер хаҡын йөрөтә ала.

Прогресс тураһында отчет кооператив

Эшсе статус хәбәрҙәре ебәрә ала, әммә ул автоматик рәүештә белмәй, ниндәй прогресс проценты дөрөҫ тойор. Модель скачать, эшләү ваҡытын инициализациялау, индереү әҙерләү, һығымта, битлек үҙгәртеп ҡороу, һәм алдан ҡарау рендеринг айырым фазалар менән төрлө ваҡыт.

Ҡайһы бер фазаларҙа үлсәп була торған байттар һаны бар. Бер модель башҡарыу тик фашлау мөмкин “башланған” һәм “тамамланған”. Шуға күрә бер тигеҙ алға киткән шыма процент теүәл үлсәү түгел, ә косметик була ала.

Файҙалы прогресс UI исемдәре фазаһы мөмкин булғанда: модель әҙерләү, һүрәтте эшкәртергә, йәки төҙөү һөҙөмтәһе. Ул шулай уҡ етешһеҙлектәр һәм отмена урынына ҡалдырырға спиннер аңлатмаһыҙ идара итә.

Отмена йәшереүҙән дә өҫтөнөрәк спиннер

Әгәр ҡулланыусы һүрәтте яба йәки яңынан башлай икән, интерфейс иҫке үтенестән килгән ахырғы яуапты иғтибарға алмай ала. Төп иҫәпләүҙе шунда уҡ туҡтатыу өсөн эшләү ваҡытынан өҫтәмә ярҙам йәки эшсене туҡтатыу һәм яңынан булдырыу талап ителергә мөмкин.

Эшсене эштән бушатыу хәл иткес әһәмиәткә эйә, әммә ул уның инициализацияланған хәлен ташлай. Киләһе эшкә тейәү һәм модель яңынан инициализациялау кәрәк булыуы ихтимал. Ҡыҫҡа операция өсөн һөҙөмтәне иҫкергән тип билдәләү барыһын да емереүгә ҡарағанда арзаныраҡ булыуы мөмкин.

Дөрөҫ һайлау хәтер баҫымына, эш оҙайлылығына һәм эшләү ваҡыты мөмкинлектәренә бәйле. Ҡулланыусы күҙлегенән ҡарағанда, мөһим ҡағиҙә шунда: иҫке эш ағымдағы мөхәррирләүҙе өҫтөнә яҙырға тейеш түгел.

Хаталар ҙа сикте үтергә тейеш

Эшсе эсендәге исключение ғәҙәти төп еп исключениеһына әйләнмәй. Эшсе ҡулланырлыҡ хаталар тураһында хәбәр итергә тейеш, ә мөхәррир эшсе кимәлендәге етешһеҙлектәрҙе тыңларға тейеш.

Яҡшы хаталар менән эш итеү кәмендә айыра:

• модель активы юҡ;
• модель инициализацияһы уңышһыҙлыҡҡа осраны;
• һүрәтте декодлау йәки индереү әҙерләү уңышһыҙлыҡҡа осраған;
• һығымта яһау уңышһыҙлыҡҡа осраны;
• эшсе уйламағанда туҡтаған;
• һөҙөмтә инде ағымдағы запросҡа ҡарамай.

Был дөйөм “нимәлер дөрөҫ булманы” ҡарағанда ғәмәлгә яраҡлыраҡ, бигерәк тә тәүге йүгереүҙе ойоштороу һәм ғәҙәти һүрәт эшкәрткәндә төрлө саралар бар.

Эшсе сығыш һаман да беренсе битлек кенә

Еп архитектураһы ике мәғәнәле ситте үҙенән-үҙе яҡшыртмай. Эшсе техник яҡтан дөрөҫ битлекте кире ҡайтара ала, унда һаман да йөн, үтә күренмәле материал, тар ҡайыштар йәки теләк күләгәһе юҡ. Был сегментация һәм ниәт һорауҙары.

Мөхәррирҙең эше һығымта яһағандан һуң тергеҙелә: битлекте эш координаталар системаһына масштаблаштырыу, алдан ҡарауҙы төҙөү, ҡулланыусыға уны нығытырға рөхсәт итеү һәм ағымдағы хәлде экспортлау. Битлек асыҡлығы ҡаршы алдан ҡарау күләме аңлата, ни өсөн был координаталар системаларын бутарға ярамай.

Ҡыҫҡаса менталь модель

Эшсене хәбәрҙәр тәҙрәһе артында урындағы белгес тип уйлағыҙ:

• үҙ-ара эш итеүгә мөхәррир хужа;
• эшсе ауыр һығымта яһау бурысына эйә;
• бинар һүрәт мәғлүмәттәре билдәләнгән сикте үтә;
• эшсе һәр сите тураһында әҙер хөкөм түгел, ә битлек ҡайтара;
• мөхәррир ағымдағы хәл, тикшерелгән, рафинацияланған һәм экспорт өсөн яуаплы булып ҡала.

Модель өсөн пикселдәрҙең үҙҙәрен ҡарау өсөн Ҡоролма өҫтөндәге ҡырҡыу моделе нимә күрә менән дауам итегеҙ. Осонан-осона тиклем практик дөйөм ҡараш өсөн Урындағы фонды юйыу нисек эшләй ҡарағыҙ.