Өзгеріс журналы

Жаңа мүмкіндіктер мен жақсартулар және қателерді түзету

Жаңа мүмкіндіктер мен жақсартулар және қателерді түзету

Бұл нұсқада жаңа мүмкіндік бар: Қалқымалы терезені автоматты түрде жасыру

Қалқымалы терезе параметрлерінен қалқымалы терезені автоматты түрде жасыру мүмкіндігін қосқанда, тінтуірді қалқымалы терезеден жылжытқанда кеңейтім қалқымалы терезесі автоматты түрде жоғалады.

Бұл элементтерді көшіруді жылдамырақ етеді, себебі қалқымалы терезені қолмен басу арқылы жабудың қажеті жоқ.
Қалқымалы терезені автоматты түрде жасыру
Бұл нұсқада параметрлердің орналасуына арналған өзгерістер де бар. Құрамдас бөлік пен стиль пішімдері Көшіру контроллеріне жылжытылды.

Біз сондай-ақ Фон түсін анықтау опциясын алып тастадық. Ол қазір әдепкі бойынша қосылған.

Жақсартулар

• Көшірілген стильдің жауап беру қабілеті жақсарды
• Шығарылым өлшемін азайту үшін жақсартылған стильді оңтайландыру коды
• Бірнеше ашық қойындыларды өңдеу үшін жақсартылған DevTools интеграциясы

Қателерді түзету

• Опциялар дұрыс сақталмаған қате түзетілді

Жаңа мүмкіндіктер мен жақсартулар және қателерді түзету

Бұл нұсқада жаңа мүмкіндік бар: Media Query CSS

Енді көшіріп жатқан элементтің медиа сұрауын көшіруге болады. Бұл көшірілген стильді жауап береді.
Толық ақпаратты Media Query CSS құжаттамасынан қараңыз. Media Query

Бұл нұсқада жаңа өзгеріс бар. Толық бетті көшіру түймесі жойылды. Негізгі элементті таңдау арқылы әлі де толық беттерді көшіруге болады.

Жақсартулар

• Қажетсіз стильдерді жою үшін стильді көшіруге жақсартулар енгізілді
• Шығару көлемін азайту үшін жақсартылған стильді оңтайландыру коды
• Мәнерлерді жылдам көшіру үшін жақсартылған DevTools интеграциясы

Қателерді түзету

• Абсолютті және салыстырмалы элементтерді көшіруге қатысты қателер түзетілді

Жаңа мүмкіндіктер мен жақсартулар және қателерді түзету

Бұл нұсқа екі жаңа мүмкіндікті қамтиды: Көшіру режимі және Ата-ана/Бала элементін таңдау

Көшіру режимі элементті көшіру кезінде алынған мәліметтер ауқымын реттеуге мүмкіндік береді.
Көшіру режимі туралы қосымша ақпарат алу үшін құжаттаманы қараңыз. Көшіру режимі

Ата-ана/еншілес элементті таңдау көшіріп жатқан элементтің негізгі және еншілес элементтері арасында ауысуға мүмкіндік береді.

Жақсартулар

• Шығару өлшемін азайту үшін жақсартылған стильді оңтайландыру коды
• Жақсартылған Tailwind CSS класс қамтуы
• Көшірілген стильдің жауап беру қабілеті жақсарды
• Шығару өлшемін азайту үшін жақсартылған стильді оңтайландыру коды

Қателерді түзету

• Элемент орнын есептеудегі қате түзетілді
• Элемент өлшемін есептеудегі қате түзетілді

Жаңа мүмкіндік және қателерді түзету

DivMagic DevTools шығарылды! Енді DivMagic қолданбасын кеңейтімді іске қоспай-ақ тікелей DevTools қолданбасынан пайдалана аласыз.

Элементтерді тікелей DevTools ішінен көшіруге болады.

Элементті тексеру арқылы таңдаңыз және DivMagic DevTools тақтасына өтіңіз, Көшіру түймесін басыңыз, сонда элемент көшіріледі.

Қосымша ақпарат алу үшін DivMagic DevTools туралы құжаттаманы қараңыз.
DivMagic DevTools Құжаттама

Рұқсаттарды жаңарту
DevTools қосу арқылы біз кеңейтім рұқсаттарын жаңарттық. Бұл кеңейтімге сіз кіретін барлық веб-сайттарда және бірнеше қойындыларда DevTools панелін біркелкі қосуға мүмкіндік береді.

⚠️ Ескерту
Осы нұсқаны жаңарту кезінде Chrome және Firefox кеңейтімінің «сіз кіретін веб-сайттардағы барлық деректеріңізді оқуы және өзгертуі» мүмкін екендігі туралы ескертуді көрсетеді. Мәтін алаңдатарлық болса да, біз сізге сендіреміз:

Минималды деректерге қол жеткізу: біз сізге DivMagic қызметін қамтамасыз ету үшін қажетті ең аз деректерге ғана қол жеткіземіз.

Деректер қауіпсіздігі: Кеңейтім арқылы қол жеткізілетін барлық деректер жергілікті компьютерде қалады және ешқандай сыртқы серверлерге жіберілмейді. Сіз көшірген элементтер құрылғыңызда жасалады және ешбір серверге жіберілмейді.

Біріншіден, құпиялылық: біз сіздің жеке өміріңіз бен қауіпсіздігіңізді сақтауға міндеттенеміз. Қосымша мәліметтер алу үшін Құпиялық саясатымызды көре аласыз.

Түсіністік пен сеніміңізді бағалаймыз. Егер сізде қандай да бір мәселелер немесе сұрақтар болса, біздің қолдау көрсету тобына хабарласыңыз.

Қателерді түзету

• Түрлендіру параметрлері сақталмаған қате түзетілді

Жақсартулар және қателерді түзету

Жақсартулар

• Тор орналасуын көшіру жақсартылған
• Жақсартылған Tailwind CSS класс қамтуы
• Көшірілген стильдің жауап беру қабілеті жақсарды
• Шығарылым өлшемін азайту үшін жақсартылған стильді оңтайландыру коды

Қателерді түзету

• Абсолютті элементті көшіру қатесі түзетілді
• Фондық бұлыңғыр көшіру қатесі түзетілді

Жақсартулар және қателерді түзету

Жақсартулар

• Шығарылым өлшемін азайту үшін жақсартылған стильді оңтайландыру коды

Қателерді түзету

• Фонды анықтаудағы қате түзетілді

Жаңа мүмкіндіктер, жақсартулар және қателерді түзетулер

Енді сіз көшіріп жатқан элементтің фонын жаңа Фонды анықтау мүмкіндігімен анықтай аласыз.

Бұл мүмкіндік элементтің фонын ата-ана арқылы анықтайды. Әсіресе қараңғы фонда бұл өте пайдалы болады.

Егжей-тегжейлі ақпарат алу үшін Фонды анықтау құжаттамасын қараңыз
Фонды анықтау

Жақсартулар

• Көшірілген құрамдастардың жақсартылған жауап беруі
• Баптауды жеңілдету үшін мүмкіндігінше "currentColor" пайдалану үшін жаңартылған SVG элементтері
• CSS шығысының өлшемін азайту үшін жақсартылған стильді оңтайландыру коды

Қателерді түзету

• Биіктік пен енді есептеудегі қате түзетілді

Жаңа мүмкіндік және жақсартулар

Енді сіз толық беттерді жаңа Толық бетті көшіру мүмкіндігімен көшіре аласыз.

Ол барлық стильдермен толық бетті көшіреді және оны өзіңіз таңдаған пішімге түрлендіреді.

Толық ақпарат алу үшін құжаттаманы қараңыз.
Құжаттама

Жақсартулар

• Көшірілген құрамдастардың жақсартылған жауап беруі
• CSS шығысының өлшемін азайту үшін жақсартылған стильді оңтайландыру коды

Жақсартулар және қателерді түзету

Жақсартулар

• Жетілдірілген iframe стилін көшіру
• Жақсартылған шекара конверсиясы
• Шығарылым өлшемін азайту үшін жақсартылған стильді оңтайландыру коды

Қателерді түзету

• JSX түрлендіруіндегі қате түзетілді
• Шекара радиусын есептеудегі қате түзетілді

Жақсартулар және қателерді түзету

Жақсартулар

• Жақсартылған шекара конверсиясы
• Жаңартылған қаріп өлшемі логикасы
• Шығарылым өлшемін азайту үшін жақсартылған стильді оңтайландыру коды

Қателерді түзету

• Толтырғыш пен маржаны түрлендірудегі қате түзетілді

Жақсартулар және қателерді түзету

Жақсартулар

• Шығарылым өлшемін азайту үшін жақсартылған стильді оңтайландыру коды
• Жақсартылған тізімді түрлендіру
• Жақсартылған кесте түрлендіру

Қателерді түзету

• Торды түрлендірудегі қате түзетілді

Жаңа мүмкіндік және жақсартулар

Енді көшірілгенді CSS-ге түрлендіруге болады. Бұл өте сұранысқа ие мүмкіндік және біз оны шығаруға қуаныштымыз!

Бұл сіздің жобаларыңызбен оңай жұмыс істеуге мүмкіндік береді.

Мәнер пішімдері арасындағы айырмашылықтарды құжаттамадан қараңыз
Құжаттама

Жақсартулар

• Tailwind CSS шығысының өлшемін азайту үшін жақсартылған стильді оңтайландыру коды
• Жақсартылған тізімді түрлендіру
• Жақсартылған торды түрлендіру