Chrome u önbelleği dayandırmağı necə etmək olar (10 addımda)

appendChild() — elementi tələb olunan elementin daxilinə əlavə edir;

Ən Populyar JavaScript Müsahibə Sualları və Cavabları

JavaScript həm müştəri tərəfi, həm də server tərəfi inkişafı üçün istifadə edilən ən populyar veb script dilidir. Obyekt yönümlü proqramlaşdırmanı dəstəkləyən JavaScript veb-brauzerlər tərəfindən başa düşülə və icra oluna bilən HTML səhifələrinə daxil edilə bilər.

Obyekt yönümlü:

Polimorfizmi, inkapsulyasiyanı və irsiliyi müəyyən dərəcədə dəstəkləyən obyekt yönümlü script dilidir.

Tərcüməçi dil:

Tərcüməçi dili əmri oxuyaraq onu işlədiyi maşının təlimat dəstinə çevirməklə mənbə kodunu icra edən proqramdır. Tərcümə ilə işləyən yüksək səviyyəli dillər birbaşa tərcümə edilmir. O, adətən Bytecode kimi aralıq formada tərtib edilir və bu kodlar təfsir edilir və doğma maşın dilinə tərcümə edilir və işlədilir.

JavaScript brauzerdə işləyir:

Siz JavaScript-i Google Chrome, Internet Explorer, Safari kimi brauzerlərdə işlədə bilərsiniz. JavaScript təkcə brauzerdə deyil, həm də serverdə və JavaScript Mühərriki olan istənilən cihazda işlədilə bilər.

Brauzerlər tərəfindən istifadə olunan JavaScript Mühərrikləri:

• Chrome — V8
• Firefox — SpiderMonkey
• IE — Chakra
• Safari — JavaScriptCore

== və === arasındakı fərq nədir?

JavaScript 3 fərqli dəyər müqayisəsi təklif edir: Ciddi bərabərlik müqayisəsi üç bərabərdir.Mücərrəd/zəif bərabərlik müqayisəsi iki bərabərdir.Object.ES2015-ə daxildir

İki bərabər və üç bərabər arasındakı ən əsas fərq növün və dəyərin müqayisəsidir. Üç bərabər iki dəyərin həm növünü, həm də dəyərini müqayisə edir, iki bərabər isə yalnız dəyər müqayisəsini edərək, dəyərlərin növlərini bərabərləşdirir.İki bərabər müqayisə qiymətlərin növünü dəyişir, üç bərabər isə bu müqayisəni növü dəyişmədən həyata keçirir.Object.is üç bərabərə bənzəyir, lakin NaN ilə -0 ilə +0 arasında olan müstəsna hallarda doğrunu qaytarır.

Null və undefined açar sözlər arasında fərq varmı?

Bəzi dillərdən fərqli olaraq, JavaScript iki ayrı halı null və undefined kimi qəbul edir. JavaScript-də undefined bir dəyişənin elan edildiyini, lakin hələ dəyər təyin edilmədiyini bildirir. . Əgər null təyin dəyəridirsə, dəyişənə dəyərsiz təqdimat təyin edilə bilər. typeof null bizə obyekt qaytarır.

call (), bind () ve apply () arasındakı fərq nədir?

Bəzi hallarda this açar sözün istifadəsi və onun hansı obyektə işarə etdiyini başa düşmək həmişə asan olmaya bilər. Belə hallarda və ya fərqli obyektlərdə funksiyadan istifadə etmək istədiyimiz zaman JavaScript prototip obyekti daxilində call,apply ve bind funksiyalarından istifadə edə bilərik.

Call ve Apply funksiyaları Funksiya obyektimizin __proto__ obyektindəki iki funksiyadır. Bu funksiyaların funksiyaları eyni olsa da, onların istifadəsində cüzi fərq var.

Call() funksiyası verilmiş açar dəyəri bu (obyekt) və müstəqil olaraq təmin edilmiş arqumentləri olan funksiyanı çağırır. Arqumentlər bir-bir funksiyaya göndərilir. (Məsələn: test(obj,arg1,arg2,arg3))

Apply() funksiyası verilmiş açar dəyəri bu (obyekt) və müstəqil olaraq təmin edilən dəyişənlərlə funksiyanı çağırır. Arqumentlər arqumentlər siyahısı kimi funksiyaya göndərilir. (Nümunə: test(obj,[arg1,arg2,arg3]))

Bind() funksiyası məntiq baxımından çağırış və tətbiq funksiyalarına çox bənzəyir. Lakin istifadə baxımından bu funksiyalardan fərqlidir.

Bind() funksiyası verilmiş obyekt əsasında funksiyanın yeni surətini yaradır. Biz sonradan arqument siyahısı ilə göndərilən obyektə bu nəticədə kopyalama funksiyasından istifadə edə bilərik.

JavaScript-də hansı xəta növləri var?

Üç növ xəta var:

Yükləmə vaxtı xətaları: Veb səhifəni yükləyərkən baş verən səhvlər, məsələn, düzgün olmayan sintaksis xətaları, Yükləmə vaxtı xətaları kimi tanınır və dinamik olaraq xətalar yaradır.

İcra zamanı xətaları: HTML dilində əmrdən istifadə nəticəsində yaranan xətalar.

Məntiqi xətalar: Fərqli əməliyyatla funksiyada yerinə yetirilən pis məntiq səbəbindən baş verən xətalar.

JavaScript-də pop() metodu nədir?

pop() metodu massivin sonuncu elementini silir və massivin strukturunu dəyişir. O, həmçinin massivdən silinmiş elementi qaytarır.

Pop() metodu shift() metoduna bənzəyir.

Onların arasında fərq ondadır ki, shift metodu massivin əvvəlində işləyir.

Pop() metodu verilmiş massivdə sonuncu elementi götürür və onu qaytarır. Sonra onun çağırıldığı massiv dəyişdirilir.

ViewState və SessionState arasındakı fərq nədir?

ViewState-dən yalnız seansdakı səhifə üçün istifadə edərkən; SessionState bütün veb proqram səhifələrində əldə edilə bilən istifadəçiyə məxsus məlumatlara özəldir.

JavaScript’de this nədir?

JavaScript-də funksiyalar obyektlərlə yanaşı xassələrə malikdir. Funksiya çağırıldıqda o, “this” xassəsini alır və bu “this” funksiyanı çağıran obyektin qiymətidir.

This, harada istifadə olunduğundan və funksiyanın necə çağırıldığından asılı olaraq fərqli dəyərə malik olsa da, this həmişə obyektə istinad edir və adətən funksiya və ya metod daxilində istifadə olunur. O, funksiyadan kənarda, yəni qlobal miqyasda da istifadə oluna bilər, lakin nəzərə alınacaq məsələ; Sinifimizi ciddi rejimdə işlədiriksə, “this” undefined olacaq.

DOM nədir və JavaScript-də DOM-dan necə istifadə etmək olar?

Document Object Model (DOM) HTML və XML sənədləri üçün nəzərdə tutulmuş proqramlaşdırma interfeysidir. Sənədlərin və ya websaytın quruluşunu, tərzini, məzmununu dəyişdirmək, dinamikləşdirmək üçün istifadə olunur. Beləliklə, proqramlaşdırma dilləri səhifələrə əlavə olunur. Bu o demək deyil ki, DOM proqramlaşdırma dilidir, DOM standart bir modeldir və bu modeldən istifadə edərək HTML və ya XML sənədləri, və ya, bu sənədlərdə işlədilən elementləri (h1, a, table, form və s.) dəyişə, idarə edə bilirik.

JavaScript`in HTML sənədinə qoşulmasından danışanda, JavaScript`də HTML elementlərinə uyğun obyekt yaratmağı nəzərdə tuturuq. Necə ki, HTML`də hər hansı element class, id və ya elementin adına əsasən seçilir, CSS`də bu elementin xarakteristikaları dəyişdirilirdi. Eyni ilə, JavaScript`də də müxtəlif seçim üsulları vardır.

getElementById() — metodu ilə, id`nin adına uyğun olan elementi obyektə mənimsədəcəyik, məsələn,

— myParagraph obyektinə HTML`də id`si “first” olan elementi mənimsət.;

getElementsByName() — metodundan istifadə edərək, elementin adına uyğun elementi əldə edəcəyik;

getElementsByTagName() — metodu isə yazılan tag`a uyğun element qaytaracaqdır. Məsələn, h1, div, p və s.

getElementsByClassName() — elementin əsas atributlarından biri olan class`a əsasən işlədirik;

querySelector() və querySelectorAll() — elementlərin atributlarını CSS`də olduğu kimi (yəni, elementinAdı, .elementinClassı və #elementin id` si) yazmalıyıq. Məsələn,

— myParagraph obyektinə HTML`də id`si “first” olan elementi mənimsət.;

Bildiyimiz kimi, İd hər element üçün yalnız 1 dəfə yazılmalıdır. Eyni id`ə malik olan 2 və ya daha artıq element yazmaq mümkün deyil. Amma, eyni class və tag adı ilə istənilən qədər element yaza bilərik. Bu zaman, querySelectorAll() metodunu işlədərək, eyniadlı və ya eyni class adı olan elementləri listlər şəklində bir obyektə mənimsədə bilərik. Qeyd edək ki, querySelector() metodunu class və ya tag`ın adına əsasən işlətdikdə, bu tag və ya class adına malik olan ilk element nəzərdə tutulur.

Elementlərin manipulasiyası

HTML sənədində yazdığımız elementləri seçməyi, obyektlərə mənimsətməyi öyrəndik, indi isə onları idarə etməkdən danışaq.

createElement() — boş element yaradır;

innerHTML — elementə məlumat əlavə edir;

appendChild() — elementi tələb olunan elementin daxilinə əlavə edir;

removeChild() — elementi HTML sənədindən silmək üçün istifadə olunur.

Yuxarıda qeyd olunan metodlardan istifadə etməklə, biz yeni, boş element (tag) yarada, onun içinə bizə lazım olan məlumatları əlavə edə, və bu elementi HTML sənədində lazım olan hissəyə yerləşdirə (yeni elementin parent`ini təyin edə) bilərik. Daha ətraflı desək,

Yuxarıdakı kod nümunəsində internal (HTML sənədi daxilində) JavaScript və HTML görürük. JavaScript koduna nəzər yetirsək, görərik ki, verdiyimiz əmrlər aşağıdakı kimidir:

Yeni, boş “div” yarat;

Yaratdığımız div`in id`si “content” ə bərabər olsun;

Div`in daxilində paraqrafımız var;

Və bu div body tag`ı daxilinə əlavə edilsin.

Aşağıdakı linklərdən JavaScript DOM haqqında daha çox məlumata çata bilərsiniz, qeyd etdiklərim ən çox istifadə və tələb olunan metodlar, əsas anlayışlar idi.

Javascript-də function declaration və expression nədir?

Function expression (Funksional ifadə)

Function expressionun təyin olunması fərqli olduğu kimi, özünü declarationdan fərqli aparır. Expression bizə bir neçə növ istifadə imkanı verir. Gəlin sadə funksiya yazaq.

Ilk onu deyim ki, burada əgər funksiyanı yazmamışdan əvvəl onu çağırsanız, reference error alacaqsınız. Misal kimi yazdığım funksiyanın içinə baxaq. Funksiyanı çağırmağın növlərindən birini də start funksiyası ilə göstərmişəm.

İkinci növ isə method kimi object-in içində istifadədir. Methodlar da function expression sayılırlar.

Expressionla rekursiya etmək üçün anonim funksiyaya mütləq ad vermək lazım olur. Bunu daha geniş rekursiya barədə yazarkən izah edəcəm. Çünki rekursiya özü də bəzən çətin anlaşılan məsələlərdən biri olur.

Nəticə kimi əvvəldə dediyimi, sonda deməli olacam amma bir neçə əlavə ilə. Əgər mentorunuz yoxdursa, senyor developer başınızın üstündə sizə hər addımı izah etmirsə, xırdalıqlara diqqət edərək və bir neçə mənbəni eyni anda oxumaq lazımdır. Scope, callStack, hoisting və s. kimi sözlərlə o qədər tez-tez qarşılaşırdım ki, beynim onun mənasını bilməsə də, tanış söz kimi qəbul edir (özü özünü aldadır) amma əslində anlamırdı. Yaxşı ki, bu tələni tez gördüm və bir daha ora düşmədim.

Function declaration

Növlərdən biri — function declarationdur. Funksiya — açar sözü, funksiyanın mütləq adı, mötərizə içərisində parametrləri və fiqurlu mötərizənin daxilində funksiyanın “bədəni” yazılaraq qurulur.

Bilməliyik ki, funksiyaların təyin olunma formalarının fərqliliyi, onların işləməsində fərqliliklər yaradır. Məsələn function declaration yazıldığı scope(“işləmə sərhədləri”) tərkibində hoisting deyə bir effektə məruz qalır və scope-un tam yuxarısına qalxır. Hoisting-i (“qalxmanı”) baxaraq anlamaq daha asan olar.

Məsələn, burada funksiyanı təyin etməmişdən qabaq onu çağırırıq amma javascript interpretatoru bunu anlayır, çünki funksiya təyin bu cür təyin olunan kimi, scope daxilində onu ən yuxarı qaldırır. İlk növbədə funksiya oxunur və daha sonra onun çağırılması işə düşür. Amma bir məsələ var ki, bu funksiya işləməyəcək. Çünki funksiyanın içində olan message təyin olunmazdan əvvəl çağrılıb və ona görə də ReferenceError: message is not defined səhvini çıxaracaq.

Chrome’u önbelleği dayandırmağı necə etmək olar (10 addımda)

Chrome önbelleği, server yükünü azaltmaq və səhifə yükləmə sürətini artırmaq üçün daxil olduğunuz veb səhifələri saxlayır. Brauzer önbelleğinin bu məlumatları sisteminizdə saxlamaması üçün onu deaktiv edə bilərsiniz. Brauzerin Developer Konsoluna girişiniz varsa, oradan önbelleği deaktiv edə bilərsiniz. Əks halda, brauzeri açarkən əmr sətri açarından istifadə edin.

Geliştirici Konsolu

Addım 1

Masaüstünüzdəki işarəni cüt vuraraq Google Chrome’u açın. Veb səhifəsinə və ya veb tətbiqinə keçin.

Addım 2

Tapıcının sağ üst küncündə açarın üzərinə vurun. “Alətləri” seçin və “Developer Alətləri” seçimini vurun.

Addım 3

Farenizi səhifədəki elementin üzərinə aparın. Kontekst menyusunu göstərmək üçün sağ vurun və “Elementi yoxla” seçimini seçin.

Addım 4

Developer Tools pəncərəsini açmaq üçün “CTRL” + “SHIFT” + “J” düymələrini basın. Bu, Developer Konsolunu aktivləşdirəcəkdir.

Addım 5

Ayarlar pəncərəsini göstərmək üçün pəncərənin sağ altındakı dişli simgesini vurun. Şəbəkə başlığı altında tapılan “Önbelleği Disable” üçün onay işarəsi qoyun.

Addım 6

Geliştirici Alətləri pəncərəsini bağlayın və dəyişikliklərin qüvvəyə minməsi üçün brauzeri yenidən başladın.

Komanda xətti açarı

Addım 1

Masaüstünüzdəki Chrome üçün qısa düyməni sağ vurun. Xüsusiyyətlər pəncərəsini göstərmək üçün kontekst menyusundan “Xüsusiyyətlər” seçimini seçin.

Addım 2

İmlecinizi “Hədəf” mətn qutusuna fayl yolunun sağında yerləşdirin. Boşluq çubuğuna bir dəfə basın və “-disk.cache-dir =” CACHE_DIR “-disck-cache-size = N” yazın.

Addım 3

Yeni cache kataloqu üçün “CACHE_DIR” sisteminizdəki bir qovluqla əvəz edin. “N” düyməsini baytlarla təyin etmək üçün ölçüsü ilə əvəz edin.

Addım 4

Dəyişikliyi saxlamaq üçün “Tətbiq et” düyməsini vurun və Xüsusiyyətlər pəncərəsini bağlamaq üçün “Tamam” düyməsini basın. Dəyişiklikləri yoxlamaq üçün masaüstünüzdəki “Chrome” simgesini cüt vurun.

Chrome ƏS Yeniləməsi Faydalı Yeni Xüsusiyyətlər Gətirir

Google-dan yeni güncəlləmə sayəsində Chromebook’unuz tezliklə daha çox qoşula bilər.

Chrome OS 92 Stable bir çox digər gözəl funksiyalar arasında eSim dəstəyi və təkmilləşdirilmiş video zənglər təklif edir. Google Meet bütün Chromebook-larda əvvəlcədən quraşdırılacaq, ona görə də proqramı işə salmaq və birbaşa başlatma qurğusundan video zəngə keçmək asan olacaq.

Bu yaxınlarda mən ən son Chrome yeniləməsinin sizə işləri daha sürətli yerinə yetirməyə kömək edə biləcək bir sıra faydalı funksiyalar, eləcə də bəzi əyləncəli əlavələr təklif etdiyinə nəzər saldım. Emojilər üçün yeni dəstək, eləcə də xarici kamera ilə daha çox iş görmək imkanı var. Siz həmçinin uzun sənədləri yalnız səsinizlə tərtib etmək üçün mətnə təkmil nitq əldə edirsiniz.

Virtual sim kartlar

SİM kartlar son onilliklərdə hər yerdə yayılıb və Chromebook-lar indi yeni buraxılış altında eSIM kartları dəstəkləyəcək. “Elektron SİM kart” mənasını verən ad, fiziki kartla narahat olmadan mobil operatorların məlumat və zəng funksiyaları da daxil olmaqla, adi SİM kartın bütün xüsusiyyətlərinə sahib olmağa imkan verir. Nəzərə alın ki, bütün Chromebook-lar bu funksiyanı dəstəkləmir.

Rahatlıq faktoru heyrətamizdir. eSIM kartdan istifadə etdiyiniz zaman operator xidmətləri almaq üçün artıq mağazaya girməyə ehtiyac yoxdur. Bu o deməkdir ki, sadəcə tətbiq və ya vebsayt vasitəsilə eSIM-i endirməklə operatorları asanlıqla dəyişə bilərsiniz.

eSIM kartları ilə siz həmçinin mobil xidmətlərdə ən yaxşı qiymətləri asanlıqla əldə edə bilərsiniz. Bir neçə vebsayt hətta eSIM kartları üçün tarifləri müqayisə edir.

eSIM kartların digər faydalı xüsusiyyəti ondan ibarətdir ki, siz onları fiziki SİM kartlarla yanaşı istifadə edə bilərsiniz, potensial olaraq cihazınızda eyni vaxtda iki operator aktivdir. Bu, bir nömrəni şəxsi xəttiniz üçün, digərini isə iş üçün istifadə etmək istədiyiniz zaman faydalıdır.

Elektron SİM kartlar da səyahət üçün əladır. Xaricdə olduğunuz zaman və ABŞ mobil provayderinizdən istifadə etdiyiniz zaman operator rouminq haqları tez bir zamanda arta bilər. Lakin eSIM kartı ilə siz asanlıqla səs və məlumat üçün daha rəqabətli tariflər təklif edən başqa bir xətt əlavə edə bilərsiniz.

Ümumiyyətlə, ən son Chrome yeniləməsi, möhkəm təkmilləşdirmələr təqdim edəcək kimi görünür.

Məsələn, Avropaya səfər edərkən, Verizon-dan operator kimi istifadə etdiyim zaman sürətlə artan data rouminq ödənişləri məni heyrətə gətirdi. Əksər operatorlar kimi, Verizon da məlumatların daxil olduğu beynəlxalq rouminq planı təklif edir. Bununla belə, planda olan məlumatlar nisbətən cüzi miqdarda istifadə edildikdən sonra azaldılır, internetə baxışı və digər internet funksiyalarını yavaşlatır. Mən asanlıqla onlayn olaraq eSIM kartı ala bildim və Verizonun təklif etdiyindən daha ucuz yerli məlumat əhatə dairəsi əldə etdim.

Daha yaxşı Video Zənglər

Bu günlərdə video zənglər dəbdədir. Dostlarınız və ailənizlə video vasitəsilə əlaqə saxlamağa imkan verən bir çox şirkətlər arasında Zoom, WhatsApp və Microsoft Teams ilə həmişəkindən daha çox seçim var.

Daha əvvəl qeyd edildiyi kimi, Google həmçinin ən son Chrome OS yeniləməsi ilə video zəng oyununu gücləndirir. Google Meet performans təkmilləşdirmələri əldə edir, şirkətin dediyinə görə, video zəngləri müxtəlif şəbəkə şərtlərinə uyğunlaşdırmaq və ekran paylaşımı zamanı video performansını tənzimləmək daxildir. Meet həmçinin növbəti virtual konfrans zəngini daha da gözəlləşdirmək üçün yeni video fonları əldə edir.

Həmişə olduğu kimi, Google ən son Chrome buraxılışı ilə daha bir neçə kiçik təkmilləşdirmələr edir. Məsələn, Android və Linux proqramları indi xüsusi Virtual Masaya və ya bütün masalara təyin edilə bilər.

Təkmilləşdirilmiş emoji seçici də var. Kompakt emoji seçicisini işə salmaq üçün siz yeni klaviatura qısa yolundan istifadə edirsiniz (Axtarış və ya Başlatıcı düyməsi+Shift+Boşluq). Yeni funksiyalar sizə son istifadə olunan emojiləri görməyə imkan verir və mətn sahələrində başqalarını axtara bilərsiniz.

Chromebook-a qoşulmuş xarici kameranız varsa, sizin də şansınız var. Chrome kamera proqramı indi pan-tilt-zoom kameralarını dəstəkləyir.

Səbirsizliklə sınamaq istədiyim şəxsi sevimli yeni xüsusiyyətim Dictation-da davamlı nitqdən mətnə keçiddir. Mənim fikrimcə, yazıdan çox danışmaq bacarığı çox aşağı səviyyədədir və bu təkmilləşdirmə uzun sənədləri diktə etmək üçün faydalı olmalıdır.

Ümumiyyətlə, ən son Chrome yeniləməsi, möhkəm təkmilləşdirmələr təqdim edəcək kimi görünür. Mən buraxılışı sınamağı və gələcəkdə bu barədə fikirlərimi bölüşməyi səbirsizliklə gözləyirəm.