top 25 web developer interview questions
Ten samouczek zawiera zestaw często zadawanych pytań Pytania i odpowiedzi do wywiadów z programistami internetowymi dla młodszych i starszych programistów front-endowych:
Zespół marketingowy musi budować wiarygodną obecność w sieci, reklamować swoje produkty i usługi potencjalnym klientom, śledzić i świadczyć usługi posprzedażowe obecnym klientom.
Aplikacje internetowe są tworzone z myślą o tym, by były dostępne na całym świecie, były rozpoznawane i oferowały swoje produkty i usługi na rynku międzynarodowym.
faza analizy cyklu życia oprogramowania
Do tworzenia aplikacji internetowych niezbędna jest dogłębna znajomość języków znaczników, takich jak HTML5, kaskadowy arkusz stylów CSS3, JavaScript i biblioteki JS do interakcji użytkownika, obsługi elementów DOM, sprawdzania poprawności danych wejściowych klienta i tworzenia dynamicznych i responsywne strony internetowe.
Czego się nauczysz:
- Co to jest tworzenie stron internetowych
- Często zadawane pytania podczas wywiadów z programistami internetowymi
- Wniosek
Co to jest tworzenie stron internetowych
Tworzenie stron internetowych odnosi się do pracy związanej z tworzeniem i utrzymywaniem witryn internetowych i aplikacji internetowych, takich jak witryny eCommerce, Amazon, Flipkart, eBay itp. Oraz portale społecznościowe, takie jak Facebook, LinkedIn, Instagram i Twitter.
Obejmuje to również prace związane z tworzeniem stron internetowych dla kolei, banków, wszystkich głównych witryn rządowych w celu rozpowszechniania informacji i zwiększania świadomości.
Zwiększaj świadomość społeczną i zapewniaj edukację za pośrednictwem kanałów informacyjnych za pomocą oprogramowania do konferencji internetowych Skype, Zoom, GoToMeeting. Zapewnij rozrywkę online za pośrednictwem seriali internetowych, takich jak Netflix, Amazon Prime, odtwarzacz MX itp. Kształć uczniów, prowadź spotkania, aby zwracać się do klientów i zespołów z różnych krajów.
Przejdźmy teraz do najczęściej zadawanych pytań podczas wywiadów z programistami WWW, zarówno dla młodszych, jak i starszych pracowników.
Często zadawane pytania podczas wywiadów z programistami internetowymi
Pytanie 1) Wyjaśnij funkcjonalność przeglądarki.
Odpowiedź: Przeglądarka oferuje różne funkcje. Są to następujące:
- Pomaga uzyskać dostęp do stron HTML i wszystkich elementów sieci Web używanych w aplikacjach internetowych, a także witryn internetowych, a także wyświetlać odpowiedzi z innych witryn jako odpowiedzi na żądania.
- Umożliwia wyszukiwanie w Internecie interesującej Cię witryny przez wprowadzenie adresu URL lub adresu internetowego w pasku adresu i wyświetlanie odpowiedzi za pomocą dowolnej wyszukiwarki.
- Elementy sterujące nawigacją służą do powrotu do ostatnio otwieranych stron, klikając przycisk Wstecz i Dalej, aby przejść dalej.
- Historia śledzi odwiedzane witryny w porządku chronologicznym. Umożliwia zapamiętywanie lub tworzenie zakładek do interesujących Cię witryn w celu odniesienia się do nich lub zbadania na późniejszym etapie. Zapisuje również wcześniej odwiedzane witryny w postaci pamięci podręcznej i sprawia, że odwiedzający są rozpoznawani przez witryny, przyspieszając dostęp do tych witryn.
- Zarządza hasłami do często używanych witryn internetowych wymagających uwierzytelnienia iw większości przypadków utrzymuje użytkowników już zalogowanych na koncie.
- Umożliwia dostęp do różnych witryn, wymianę informacji za pośrednictwem wywołań API, komunikację za pośrednictwem poczty elektronicznej, oprogramowania do udostępniania danych i plików multimedialnych.
Przykładowe przeglądarki: Internet Explorer, Mozilla Firefox, Google Chrome, Opera, Safari.
Pytanie 2) Wyjaśnij HTML 5, CSS3, JavaScript i ich znaczenie w tworzeniu stron internetowych.
Odpowiedź:
- HTML jest językiem znaczników niezależnym od platformy i przeglądarki, z szeregiem znaczników, które zapewniają strukturę strony internetowej.
- CSS poprawia wygląd strony i jej zawartość.
- JavaScript kontroluje zachowanie elementów sieci, a tym samym sprawia, że witryna jest interaktywna / responsywna, weryfikuje wartości wprowadzane przez użytkowników, przechwytuje informacje o odwiedzających witrynę i rozpoznaje poprzednich odwiedzających, pomaga w analizie odsetka klikalności odwiedzających post na blogu.
P # 3) Co rozumiesz przez Framework?
Odpowiedź: Framework to struktura, która zapewnia platformę do tworzenia aplikacji. Jest to zbiór podobnych typów plików umieszczonych w taki sposób, że są skonfigurowane do wewnętrznego łączenia / integracji ze sobą.
Przykład: Struktura API, która zawiera dobrze przetestowane, wstępnie napisane i skompilowane klasy, aby osiągnąć typowe funkcje, takie jak funkcja przesyłania plików, odczytywanie zawartości plików, raporty w formacie PDF i podobne formaty zintegrowane z ich aplikacją internetową.
P # 4) Co to jest biblioteka z kontekstem do tworzenia stron internetowych?
Odpowiedź: Biblioteka to zbiór kodu, który jest wstępnie testowany i zaprojektowany pod kątem oczekiwanych funkcji opracowanych przez programistów i jest dostępny w repozytoriach. Twórcy stron internetowych mogą integrować te biblioteki i wykorzystywać ich funkcje, zamiast wymyślać kod na nowo, aby uzyskać tę samą funkcjonalność od samego początku.
Możesz użyć bibliotek iText i Apache FOP w swojej aplikacji, aby pomóc w eksportowaniu danych do plików w formacie pdf.
P # 5) Jakie są przyczyny problemu z zawieszaniem się przeglądarki?
Odpowiedź: Aby zidentyfikować główną przyczynę i rozwiązać częsty problem z zawieszaniem się przeglądarki, wykonaj następujące czynności:
Tutaj rozważamy Google Chrome jako domyślną przeglądarkę.
- Sprawdź wszelkie kwestie związane z Internetem: Kliknij ikonę Okno (Start) -> Wybierz Panel sterowania -> W obszarze Sieć i Internet -> Kliknij Wyświetl stan sieci i zadania -> Sprawdź Wyświetl swoją aktywną sieć - kliknij połącz lub rozłącz -> Powinno wyświetlić połączenie internetowe dla wybranej sieć.
- Chrome nie jest poprawnie zamknięty: W prawym dolnym rogu kliknij prawym przyciskiem myszy i wybierz Uruchom menedżera zadań, jeśli znajdziesz wiele chrome.exe na karcie Procesy, kliknij prawym przyciskiem myszy ten rekord i wybierz Zakończ proces. Spowoduje to zwolnienie miejsca w pamięci RAM. Następnie ponownie uruchom Chrome.
- Wyłącz rozszerzenia Chrome: Otwórz przeglądarkę Chrome i wpisz w pasku adresu -> chrome: // extensions / i naciśnij Enter. Wyłącz wszystkie aktywne rozszerzenia i ponownie uruchom przeglądarkę Chrome. Przejdź do rozszerzeń Chrome i włącz wszystkie rozszerzenia.
- Przeskanuj komputer w poszukiwaniu złośliwego oprogramowania: Uruchom Chrome i przejdź do ustawień. Kliknij Zaawansowane, znajdź Resetuj i Oczyść. Kliknij Oczyść komputer.
- Zresetuj ustawienia Chrome: Uruchom Chrome, przejdź do ustawień, kliknij Zaawansowane, znajdź Resetuj i wyczyść i kliknij Przywróć ustawienia do ich oryginalnych ustawień domyślnych.
- Usuń niezgodne aplikacje: Jeśli podczas skanowania Chrome wykryje niekompatybilną aplikację, kliknij Aktualizuj lub usuń niekompatybilne aplikacje.
- Wreszcie, jeśli problem nadal występuje, odinstaluj wersję Chrome i zainstaluj najnowszą wersję.
P # 6) Jak poprawić wrażenia użytkowników odwiedzających Twoją witrynę?
Odpowiedź: Poniżej znajdują się sugestie dotyczące poprawy komfortu użytkowania:
- Twoja witryna / aplikacja powinna działać 24 × 7.
- Powinien obsługiwać obciążenia wielu użytkowników w godzinach szczytu lub w sezonie.
- Powinien być przyjazny dla użytkownika i łatwy w nawigacji do funkcji, których szuka odwiedzający.
- Powinny zawierać interesujące filmy przedstawiające funkcje produktu.
- Stronę należy przeszukiwać z poziomu wyszukiwarek na podstawie wprowadzonych słów kluczowych.
- Strona internetowa powinna być zintegrowana z bramką płatniczą ze wszystkimi możliwymi alternatywami dla transakcji.
- Powinny mieć bezpłatne funkcje dostępne dla użytkowników, aby zdecydować o zakupie produktu.
- Dane użytkownika podczas korzystania z serwisu należy zabezpieczyć.
- Sesje i funkcje pamięci podręcznej powinny rozpoznawać powracających odwiedzających.
P # 7) Jakie formaty wideo są używane w tworzeniu stron internetowych?
Odpowiedź: Niektóre formaty wideo obsługiwane i używane w tworzeniu stron internetowych są wymienione poniżej:
- AVI firmy Microsoft
- FLV Adobe Flash Video Player
- WMV obsługiwany przez odtwarzacz multimedialny Windows
- MOV przez odtwarzacz QuickTime
- MP4 obsługiwane przez telefony komórkowe i inne platformy
P # 8) W jaki sposób włączysz funkcje ułatwień dostępu do swojej witryny internetowej?
Odpowiedź: Dostępność to podstawowa funkcja, którą należy zaimplementować w witrynie, aby umożliwić odwiedzającym ze specjalnymi potrzebami i niepełnosprawnościami dostęp i przeglądanie witryny.
- Strona powinna być przyjazna dla klawiatury, tzn. Wszystkie funkcje powinny być dostępne bez użycia myszy.
- Użytkownicy powinni mieć możliwość wyłączania dynamicznej i ruchomej zawartości, takiej jak pliki GIF, animacje, pliki wideo. Te treści mogą mieć niekorzystny wpływ na użytkowników z padaczką.
- Transkrypcje / napisy do oglądania filmów. Dla osób niesłyszących oglądanie wideo z napisami nie wystarczy, funkcje takie jak napisy powinny być wyświetlane podczas odtwarzania wideo.
- Funkcja pomocy głosowej oraz oznaczanie zdjęć, grafik i przycisków dla osób niedowidzących są niezbędne, aby wykonać kroki opisane w celu eksploracji i korzystania z funkcji oferowanych w witrynie
- Automatyczne uzupełnianie funkcji w pasku wyszukiwania i łatwe do znalezienia funkcje dla gości z opóźnionymi lub słabymi zdolnościami motorycznymi.
- Zwiększ rozmiar klikalnego obszaru. Używaj subtelnych kolorów dla gości cierpiących na ślepotę barw.
Pytanie 9) Kiedy zastosowałbyś AJAX w swojej aplikacji internetowej?
Odpowiedź: AJAX aktualizuje sekcję zawartości strony, bez ponownego ładowania całej strony. Ta funkcja jest niezbędna, gdy użytkownik potrzebuje szybkich wyników, bez opóźnienia w oczekiwaniu na wysłanie zapytania, klikając przycisk przesyłania i czekając na odpowiedź. Obciążenie serwera można zmniejszyć, stosując AJAX z mniejszą liczbą żądań, co oszczędza przepustowość.
Możesz użyć AJAX do walidacji formularza. Zamiast wyskakujących okienek można użyć lightboxa, sortowania i filtrowania treści w formacie tabelarycznym, wyświetlania wyników lub głosów za pomocą aplikacji czatu, ponownego ładowania captcha w celu sprawdzenia uwierzytelnienia.
P # 10) W jaki sposób możemy wdrożyć usługi sieciowe w aplikacjach internetowych?
Odpowiedź: Aplikacja internetowa wysyła żądania do usługi internetowej przy użyciu protokołu HTTP. Pod podanym adresem URL usługa internetowa przetwarza żądanie i zwraca odpowiedź z powrotem do aplikacji. SOAP i RESTful to dwa rodzaje usług internetowych.
P # 11) W jaki sposób i jakie funkcje bezpieczeństwa możesz zastosować w swojej witrynie?
Odpowiedź: Aby chronić swoją witrynę przed kradzieżą danych, musisz poprawić jej bezpieczeństwo, takie jak
- Egzekwuj politykę silnych haseł, zezwalając, aby hasło miało co najmniej 10 znaków i powinno zawierać górne, dolne, znaki specjalne i cyfry.
- Host, który instaluje Twoją witrynę, powinien mieć narzędzie do tworzenia kopii zapasowych, zainstalowany program antywirusowy i zaporę sieciową w celu zabezpieczenia Twoich treści.
- Strona logowania powinna mieć Captcha, funkcje OTP, funkcję blokowania konta (w przypadku wprowadzenia 3 błędnych haseł) itp., Aby uniemożliwić dostęp do konta przez nieautoryzowanego gościa.
P # 12) Jaka konfiguracja i konfiguracja jest wymagana do wysyłania wiadomości e-mail za pośrednictwem witryny internetowej?
Odpowiedź: Najlepiej byłoby skonfigurować swój SMTP na pojedynczym serwerze przy użyciu usługi innej firmy, takiej jak Gmail SMTP, lub użyć elastycznej poczty e-mail, używając nazwy hosta, portu, nazwy użytkownika i hasła.
P # 13) Po co zbudowałbyś responsywną stronę internetową?
Odpowiedź: Elastyczne projektowanie witryn internetowych pomaga automatycznie zmieniać szerokość i wysokość przeglądarki w zależności od komputerów stacjonarnych, tabletów i urządzeń przenośnych, uwzględniając rozmiar monitora komputera stacjonarnego lub laptopa.
P # 14) Jakie są formaty wymiany danych?
Odpowiedź: Różne formaty wymiany danych to XML, CSV, JSON i formaty tekstowe.
P # 15) Co rozumiesz przez protokół?
Odpowiedź: W terminologii sieciowej protokół jest zbiorem reguł formatowania i przetwarzania danych. W celu komunikacji oba urządzenia powinny mieć ten sam protokół. Protokół internetowy (IP) to protokół warstwy sieciowej odpowiedzialny za routing. Protokół kontroli transmisji (TCP) przesyła pakiety danych przez sieci.
zestaw słuchawkowy vr do konsoli Xbox One S.
HyperText Transfer Protocol (HTTP) to warstwa 7 używana w Internecie i przesyła dane między urządzeniami. Protokół User Datagram Protocol (UDP) jest używany w aplikacjach szybkiej wymiany danych, takich jak strumieniowanie wideo i gry.
P # 16) Jakie techniki zastosowałbyś, aby skrócić czas ładowania strony?
Odpowiedź: Aby skrócić czas ładowania strony i poprawić wydajność, można zastosować następujące techniki:
- Zastosuj najnowsze wersje technologii tworzenia stron internetowych, takich jak CSS3 i HTML5
- Użyj JavaScript i arkuszy stylów do minimum
- Staraj się unikać przekierowań
- Użyj małego rozmiaru obrazów
- Dołącz kod z sieci dostarczania treści (CDN)
- Zastosuj AJAX do szybkich i responsywnych aplikacji internetowych
P # 17) Wymień różnice między HTTP 1.1 i 2.0?
Odpowiedź: W poniższej tabeli przedstawiono różnice między protokołami HTTP 1.1 i HTTP 2:
HTTP 1.1 | HTTP 2 |
---|---|
HTTP 1.1 obsługuje tylko zwykły tekst i nie jest kompatybilny z przetwarzaniem CSS, JavaScript, obrazów, dźwięków, filmów i zdigitalizowanych próbek zapachów i dotyku. | Używa pomocy wypychanej przez serwer do przechowywania zasobów, które mają być używane w żądaniu, w pamięci podręcznej przeglądarki, nawet przed żądaniem, szybko wyświetlając zawartość. |
Wysłane prośby i otrzymane odpowiedzi były w formacie zwykłego tekstu. | Wiadomości, zarówno żądania, jak i odpowiedzi, są hermetyzowane w formacie binarnym, co zapewnia lepszą ochronę przed nieautoryzowanymi zmianami. |
Znajduje trudności w obsłudze białych znaków, wielkich liter i końcówek wierszy. | Korzystaj z protokołów binarnych, które wydajniej obsługują elementy takie jak spacje, wielkie litery i zakończenia linii |
Potrzebuje większej przepustowości do przetwarzania zawartości strony | Zużywa mniej przepustowości do wyświetlania zawartości strony |
Priorytetyzacja ładowania treści nie jest możliwa w protokole HTTP 1.1 | Programiści mają kontrolę nad ustalaniem priorytetów / przesyłaniem treści w kolejności ich preferencji. |
Wczytuje zasoby jeden po drugim, a ładowanie zawartości strony zajmuje trochę czasu | Wysyła wiele strumieni danych przy użyciu jednego połączenia TCP, rozwiązując problem blokowania nagłówka linii w protokole HTTP 1.1 |
Metadane są przesyłane w postaci zwykłego tekstu, dlatego ich obsługa wymaga większego obciążenia | Wykorzystuje mechanizm kompresji nagłówka, który zmniejsza narzut |
P # 18) Jakie priorytety wziąłbyś pod uwagę podczas tworzenia aplikacji internetowej?
Odpowiedź: Budując aplikacje internetowe należy mieć na uwadze następujące priorytety:
- Strony witryny sieci Web powinny być testowane pod kątem wydajności, ponieważ powinny ładować się jak najszybciej.
- Strony aplikacji nie powinny zawierać żadnych uszkodzonych linków.
- Aplikacja powinna być kompatybilna ze wszystkimi głównymi przeglądarkami, takimi jak Mozilla Firefox, Google Chrome, Internet Explorer i Opera.
- Witryna powinna zawierać słowa kluczowe dostępne dla wyszukiwarek.
- Powinna istnieć płynna łączność z bazą danych.
- Jednostki bazy danych, takie jak procedury składowane, należy dokładnie przetestować przy użyciu prawidłowych danych wejściowych.
- Tabele zaplecza powinny być zabezpieczone, odporne na manipulacje.
- Wstawianie danych należy weryfikować za pomocą ograniczeń na poziomie kolumn i wierszy.
- Wstawianie danych do tabel DB i przeglądanie ich w interfejsie użytkownika powinno odbywać się jak najszybciej.
- Struktura używana do integracji stron powinna być prosta i powinna być testowana bez żadnej kompilacji.
- Strony wprowadzania danych przez użytkownika powinny być zaprojektowane przy minimalnym wkładzie użytkownika, a używane elementy powinny być przyjazne dla użytkownika.
- Użycie protokołu HTTP2 do szybkiego ładowania zawartości strony.
- Użycie JavaScript powinno być minimalne.
- Należy zapewnić ułatwienia dostępu, takie jak lektor do czytania tekstu, większy rozmiar czcionki, dostęp do ekranu dotykowego, aby osoby z fizycznymi ograniczeniami również mogły łatwo uzyskać dostęp do witryny.
- Powinien integrować pliki multimedialne, takie jak audio i wideo, które można otwierać bez polegania na lokalnym oprogramowaniu do wykonywania tych plików.
- Strony internetowe powinny być responsywne na ekranach telefonów komórkowych.
P # 19) Jakie nowe funkcje wprowadzono w HTML5?
Odpowiedź: W HTML5 wprowadzono nowe elementy semantyczne, graficzne, multimedialne, dodano różne atrybuty do elementów, usunięto kilka elementów.
Dodano również nowe główne funkcje, takie jak elementy multimedialne wideo i audio, API geolokalizacji, API w pamięci sieciowej, gniazdo sieciowe, narzędzie do obsługi sieciowej JS, Canvas i Drag-n-Drop.
Q # 20) Wyjaśnij na przykładach różnice między Canvas a SVG.
Odpowiedź: Canvas i SVG oba kontenery są używane do przechowywania grafiki na stronie HTML, jednak mają między nimi następujące różnice.
SVG | Brezentowy |
---|---|
jest elementem kontenera dla grafiki, takiej jak ramka, okrąg, elipsa itp. na stronie HTML | jest kontenerem do rysowania grafiki za pomocą javascript |
SVG jest skalowalny i nadaje się do drukowania w wysokiej rozdzielczości | Canvas nie jest skalowalny i nie nadaje się do drukowania w wysokiej rozdzielczości |
Wyświetlaj lepszą wydajność wczytywania małej liczby obiektów i obiektów o dużej powierzchni | Wyświetlaj lepszą wydajność wczytywania dużej liczby obiektów i obiektów o małej powierzchni |
SVG można modyfikować za pomocą skryptu i css | Kanwę można modyfikować tylko za pomocą skryptu |
SVG jest oparty na wektorach i składa się z kształtów | Płótno jest oparte na rastrze i składa się z pikseli |
P # 21) Co to jest element DOM i jego hierarchia?
Odpowiedź: Obiekt dokumentu to dokument HTML, który jest wyświetlany w oknie przeglądarki, kiedy uzyskujemy dostęp do strony internetowej. DOM lub Document Object Model to sposób, w jaki uzyskuje się dostęp do tego dokumentu lub go modyfikuje.
Obiekt okna jest rodzicem wszystkich elementów, po którym następuje obiekt Document, który wyświetla zawartość strony, a następnie pojawia się Obiekt formularza , który jest identyfikowany za pomocą tagów.
Elementy sterujące formularzem: Wszystkie elementy wejściowe, takie jak pola tekstowe, przyciski, przyciski opcji, pola wyboru, listy itp., Są zawarte w obiekcie formularza.
P # 22) Kiedy należy używać identyfikatora i selektora klasy?
Odpowiedź: Identyfikator jako selektor jest zdefiniowany tak, aby jednoznacznie identyfikował go jako element, dlatego nie powinien być stosowany do żadnego innego elementu na tej samej stronie. Podczas gdy selektory klas to typy selektorów CSS, które są stosowane w celu dodania stylu do tego elementu, dla przykład, rodzina czcionek, rozmiar czcionki lub kolor, dlatego selektory klas można zastosować do wielu elementów.
W JavaScript mamy getElementById () metoda, która zwraca pierwszy element znaleziony w kodzie źródłowym, podczas gdy getElementsByClassName () metoda zwraca kolekcję elementów o określonej nazwie klasy.
Q # 23) Wyjaśnij interfejsy API wprowadzone przez HTML5.
Odpowiedź: HTML 5 wprowadził następujące metody API:
- Interfejs API czasu o wysokiej rozdzielczości: Podaje aktualny czas w rozdzielczości z dokładnością do poniżej milisekundy, niezależnie od przesunięcia zegara systemowego lub regulacji.
- User Timing API: Pozwala to na dokładny pomiar wydajności kodu JavaScript.
- Navigation Timing API: Pomaga w ocenie dziennika poklatkowego podczas opóźnień ładowania strony i bierze pod uwagę przekierowanie strony, wyszukiwanie DNS i czas budowy DOM, opóźnienia połączeń TCP itp.
- Network Information API: Pomaga zidentyfikować typ połączenia osoby odwiedzającej i stan całego dziennika przepustowości.
- API wibracji: Może stymulować reakcję podczas niektórych zdarzeń w aplikacjach do gier, wibrując urządzenia użytkownika (telefon komórkowy), zapewniając najwyższą jakość obsługi.
- Interfejs API stanu baterii: Oferuje informacje o stanie baterii urządzenia, takie jak ładowanie, pozostałe sekundy do całkowitego rozładowania itp.
- Interfejs API widoczności strony: Zawiera szczegółowe informacje o stanach widoczności strony, takich jak zminimalizowany, aktualnie skoncentrowany, zapewniając decyzje dotyczące zatrzymania wykorzystania procesora lub przepustowości.
- Pełnoekranowy interfejs API: Umożliwia pełnoekranowe wyświetlanie od użytkownika w oparciu o specyfikację aplikacji.
- getUserMedia API: Zapewnia dostęp do strumieni multimedialnych, takich jak wideo, audio lub obu, osadzonych na stronie internetowej.
- Interfejs API WebSocket: Utrzymuje trwałe połączenie między przeglądarką a serwerem.
- API geolokalizacji: Pomaga to śledzić położenie geograficzne miejsca i osób za pośrednictwem Globalnego Systemu Pozycjonowania (GPS) oraz pobiera szerokość i długość geograficzną, a tym samym wykreśla pozycję na mapie w czasie rzeczywistym.
P # 24) Jaka jest różnica między wartością Null, Empty i Undefined i jak sobie z nimi radzić?
Odpowiedź: Pusty ciąg, Null i Undefined mają podobny typ, ale różnią się od siebie.
Nieokreślony: Kiedy po prostu deklarujemy zmienną, ale nie przypisaliśmy żadnej wartości. Zmienna OR nie istnieje lub nie została zadeklarowana. Przykład: wartość; console.log (wartość); ==> niezdefiniowany
Zero: Identyfikatory lub nazwy nadane funkcjom, zmiennym istnieją, ale nie mają wartości. tj. wartość jest zerowa. Przykład: val = null
Pusta struna: Gdy zmienna o typie danych łańcuchowych nie zawiera żadnych danych znakowych. Przykład: a = '';
Q # 25) Wyjaśnij różne wyskakujące okienka używane w JavaScript.
Odpowiedź: W JavaScript istnieją trzy rodzaje wyskakujących okienek, a mianowicie. Alert, Potwierdź i Monituj.
Alarm to wyskakujące okienko, w którym użytkownik ma dostęp do informacji za pomocą przycisku OK. Użytkownicy mogą przeczytać wiadomość i kliknąć przycisk OK, aby zamknąć to okno.
Składnia używana do ostrzeżenia w JavaScript:
alert('message');
Potwierdzać to wyskakujące okienko, w którym użytkownicy mogą zdecydować i wybrać jedną z opcji, od OK i Anuluj.
- Aby się zgodzić z wiadomością polub Czy chcesz? , użytkownik może kliknąć OK, aby potwierdzić decyzję.
- Aby nie zgodzić się z wiadomością, użytkownik może kliknąć Anuluj i zrezygnować z decyzji.
Skłonić to rodzaj wyskakującego okienka, w którym użytkownik jest proszony o wpisanie wartości, takich jak imię lub wiek, a po kliknięciu przycisku OK akceptuje wprowadzoną wartość. Przykład: yourage = prompt („Podaj swój prawidłowy wiek”);
Q # 26) Opisz użycie animacji CSS na przykładzie.
Odpowiedź: Możesz dodać animację (stopniowo przechodząc z jednego stylu do drugiego) do elementów HTML bez użycia JavaScript lub Flash, używając animacji CSS.
Określono klatki kluczowe, które przechowują style, które element będzie zmieniany w określonych momentach.
Przykład pokazano na poniższym ekranie:
Przykład animacji CSS, zmiana koloru z czerwonego na aqua
Q # 27) Wyjaśnij cel każdego z typów żądań HTTP obsługiwanych przez usługi sieciowe RESTful
Odpowiedź: W usłudze sieciowej RESTful każdy typ żądania HTTP ma określony cel. Są one wyjaśnione poniżej:
- OTRZYMAĆ to typ żądania, które pobiera dane z serwera.
- POCZTA to rodzaj żądania używanego do przesłania szczegółów formularza z nowymi danymi, a następnie przesłania pliku.
- POŁOŻYĆ to żądanie podobne do POST, ale zostało zastosowane do aktualizacji istniejącej jednostki.
- KASOWAĆ to żądanie podobne do PUT i służy do usuwania zasobu z serwera.
- ŚLAD służy do sprawdzania treści otrzymanych wraz z siecią podczas żądania.
- GŁOWA jest podobny do GET, ale odbiera nagłówki odpowiedzi podczas żądania.
P # 28) Jakie są różnice między tagiem Span i Div w HTML5?
Odpowiedź: Elementy Div i Span są używane do reprezentowania określonej sekcji strony internetowej, ale różnią się od siebie, jak wyjaśniono w poniższej tabeli:
Div | Zakres |
---|---|
Div jest elementem blokowym | Span to element wbudowany |
Znacznik DIV służy do zawijania sekcji dokumentu | Znacznik rozpiętości służy do zawijania tekstu i obrazów w małych porcjach |
Div służy do tworzenia układów opartych na CSS | Rozpiętość służy do dodawania stylu do tekstu |
Div akceptuje atrybut align | Span nie akceptuje atrybutu align |
Q # 29) Wyjaśnij pseudoklasę w CSS na przykładach.
Odpowiedź: Pseudoklasa w kaskadowych arkuszach stylów to słowo kluczowe stosowane do selektorów elementu HTML, aby dodać specjalny styl do wydarzeń HTML, takich jak onblur, onclick, onchange, onhover itp., W odniesieniu do czynników zewnętrznych, takich jak poprzednia wizyta na stronie z historii nawigacji, pozycja lub ruch mysz, status zawartości elementu formularza.
Składnia pseudoklasy:
cssselector : pseudo-class { attribute: value; }
Przykład:
Pseudo-klasa CSS na stronie HTML:
narzędzia do testów warunków skrajnych dla aplikacji internetowych
Najechanie kursorem myszy na różne elementy powoduje wyświetlenie efektów pseudoklasy.
Wniosek
Dlatego w tym samouczku omówiliśmy pytania do rozmów kwalifikacyjnych związanych z tworzeniem i utrzymywaniem witryn internetowych i aplikacji internetowych. Niezbędne jest dobre zrozumienie i praktyczna wiedza na temat integracji nowych technologii, bibliotek języka skryptowego front-end, interfejsów API HTML5, CSS3 i języków takich jak Java, ASP, PHP. Musimy także wiedzieć, jak konfigurować aplikacje na serwerach internetowych i bazach danych, obsługiwać słowa kluczowe SEO, zabezpieczenia internetowe i zgodność z przeglądarkami.
Powinieneś być dobrze zorientowany w wiedzy sieciowej, takiej jak protokoły, usługi internetowe, doświadczenie użytkownika, rozwiązywanie problemów i innowacje w aplikacjach internetowych i mobilnych, a także bezpieczeństwo, obsługa sesji i funkcje ułatwień dostępu.
Życzę wszystkiego najlepszego z nadchodzącym wywiadem z programistami internetowymi.
rekomendowane lektury
- Kompletny przewodnik po testowaniu aplikacji internetowych (jak przetestować witrynę internetową)
- 25 najlepszych pytań i odpowiedzi do wywiadów z testami zwinnymi
- 30+ popularnych pytań i odpowiedzi do wywiadów CSS
- Ponad 25 najpopularniejszych pytań i odpowiedzi do wywiadów ADO.NET
- 20+ najczęściej zadawanych pytań i odpowiedzi do wywiadów .NET
- 30 najważniejszych pytań i odpowiedzi HTML do wywiadów (LISTA 2021)
- 25 najczęściej zadawanych pytań i odpowiedzi dotyczących usług internetowych Java
- 20 najważniejszych pytań i odpowiedzi do wywiadów dotyczących testowania API