[Mesti dibaca untuk mencari pekerjaan bahagian hadapan] Soalan dan jawapan temu duga pembangunan bahagian hadapan terpilih_Soalan lanjutan

Question

Apakah masalah teknikal paling sukar yang pernah anda hadapi? Bagaimana anda menyelesaikannya?

Apakah perpustakaan yang biasa digunakan? Alat pembangunan bahagian hadapan yang biasa digunakan? Apakah aplikasi atau komponen yang telah anda bangunkan?

Bagaimana untuk membina semula halaman?

Senaraikan ciri yang menjadikan IE berbeza daripada pelayar lain?

Buku mana yang mengatakan bahawa 99% laman web perlu disusun semula?

Apakah itu degradasi anggun dan peningkatan progresif?

Apakah cara untuk aplikasi WEB untuk menolak data secara aktif dari pelayan kepada pelanggan?

Ada pendapat anda sendiri tentang kebaikan dan keburukan Node?

* (Kelebihan) Oleh kerana Node dipacu peristiwa dan tidak menyekat, ia sangat sesuai untuk mengendalikan permintaan serentak,
Oleh itu, pelayan proksi yang dibina pada Node berprestasi jauh lebih baik daripada pelayan yang dilaksanakan oleh teknologi lain (seperti Ruby).
Selain itu, kod klien yang berinteraksi dengan pelayan proksi Node ditulis dalam bahasa javascript,
Jadi kedua-dua klien dan pelayan ditulis dalam bahasa yang sama, yang merupakan perkara yang sangat cantik.

* (Kelemahan) Node ialah projek sumber terbuka yang agak baharu, jadi ia tidak stabil, ia sentiasa berubah,
dan tidak mempunyai sokongan perpustakaan pihak ketiga yang mencukupi. Ia kelihatan seperti rupa Ruby/Rails ketika itu.

Apakah kaedah pengoptimuman prestasi yang anda ada?

(Lihat 14 prinsip pengoptimuman prestasi Yahoo).

(1) Kurangkan bilangan permintaan http: CSS Sprites, JS, pemampatan kod sumber CSS, kawalan saiz imej yang sesuai Gzip, pengehosan CDN, cache data, pelayan imej.

(2) Templat bahagian hadapan JS + data untuk mengurangkan pembaziran lebar jalur yang disebabkan oleh teg HTML Bahagian hadapan menggunakan pembolehubah untuk menyimpan hasil permintaan AJAX Setiap kali ia mengendalikan pembolehubah tempatan, tidak perlu meminta, mengurangkan bilangannya of requests

(3) Gunakan innerHTML dan bukannya operasi DOM Kurangkan bilangan operasi DOM dan optimumkan prestasi JavaScript.

(4) Apabila terdapat banyak gaya yang perlu ditetapkan, tetapkan className dan bukannya gaya operasi terus.

(5) Gunakan kurang pembolehubah global dan cache hasil carian nod DOM. Kurangkan operasi baca IO.

(6) Elakkan menggunakan Ungkapan CSS (ungkapan css), juga dikenali sebagai sifat Dinamik (sifat dinamik).

(7) Pramuat imej, letak helaian gaya di bahagian atas dan skrip di bahagian bawah serta cap masa.

(8) Elakkan menggunakan jadual dalam reka letak utama halaman Jadual tidak akan dipaparkan sehingga kandungan dimuat turun sepenuhnya. Paparan lebih perlahan daripada reka letak div+css.

Apakah kod status http? Apa yang mereka maksudkan?

100-199 digunakan untuk menentukan tindakan tertentu yang perlu diambil oleh pelanggan dengan sewajarnya.
200-299 digunakan untuk menunjukkan permintaan yang berjaya.
300-399 digunakan untuk fail yang telah dialihkan dan selalunya disertakan dalam maklumat pengepala lokasi untuk menentukan maklumat alamat baharu.
400-499 digunakan untuk menunjukkan ralat pelanggan. 400 1. Semantik tidak betul dan permintaan semasa tidak dapat difahami oleh pelayan. 401 Permintaan semasa memerlukan pengesahan pengguna 403 Pelayan telah memahami permintaan itu tetapi enggan melaksanakannya.
500-599 digunakan untuk menyokong ralat pelayan. 503 – Perkhidmatan Tidak Tersedia

Apakah yang berlaku dalam proses daripada memasukkan URL hingga selesai memuatkan halaman dan paparan halaman? (Lebih terperinci proses, lebih baik)

Cari cache penyemak imbas
Resolusi DNS, cari alamat IP yang sepadan dengan nama domain, ubah hala (301), keluarkan permintaan GET kedua
Jalankan sesi protokol HTTP
Pelanggan menghantar pengepala ( Pengepala permintaan)
Pengepala maklum balas pelayan (pengepala respons)
Dokumen html mula dimuat turun
Pepohon dokumen ditubuhkan, dan fail dengan jenis MIME yang ditentukan diperlukan mengikut permintaan tanda
Fail dipaparkan
[
Kerja yang dilakukan oleh penyemak imbas dibahagikan secara kasar kepada langkah berikut ：

Memuatkan: Lakukan resolusi nama domain mengikut URL yang diminta, mulakan permintaan ke pelayan dan terima fail (HTML, JS, CSS, imej, dll.) .

Penghuraian: Lakukan analisis sintaks pada sumber yang dimuatkan (HTML, JS, CSS, dll.) dan cadangkan struktur data dalaman yang sepadan (seperti pepohon HTML DOM, jadual atribut JS (objek), peraturan gaya CSS, dll.)
}

Selain bahagian hadapan, adakah anda tahu teknologi lain? Apakah kemahiran terbesar anda?

Apakah alat pembangunan yang biasa anda gunakan dan mengapa?

Bagaimana anda memahami kedudukan jurutera antara muka hadapan? Apakah prospeknya?

Bahagian hadapan ialah pengaturcara yang paling hampir dengan pengguna, lebih dekat daripada bahagian belakang, pangkalan data, pengurus produk, operasi dan keselamatan.
1. Realisasikan interaksi antara muka
2. Tingkatkan pengalaman pengguna
3. Dengan Node.js, bahagian hadapan boleh menyedari beberapa perkara di bahagian pelayan

Bahagian hadapan ialah pengaturcara yang paling dekat dengan pengguna, dan keupayaan untuk bahagian hadapan adalah untuk menjadikan produk berkembang daripada 90 mata kepada 100 mata, atau lebih baik lagi,

Sertai projek, selesaikan rendering dengan cepat dengan kualiti tinggi, tepat kepada 1px

Berkomunikasi dengan ahli pasukan, reka bentuk UI, pengurus produk;

Struktur halaman yang baik, pembinaan semula halaman dan pengalaman pengguna

Berurusan dengan penggodaman, serasi dan tulis format kod yang cantik

Optimumkan pelayan dan terima teknologi terkini.

Apa pendapat anda tentang bekerja lebih masa?

Bekerja lebih masa adalah seperti meminjam wang Prinsipnya harus------untuk membantu kecemasan, bukan orang miskin

Bagaimana anda biasanya menguruskan projek anda?

Pasukan awal mesti menentukan gaya global (globe.css), mod pengekodan (utf-8), dll.

Tabiat penulisan mesti konsisten (contohnya, semuanya menggunakan tulisan warisan dan gaya tunggal ditulis dalam satu baris);

Menulis gaya anotasi Orang, setiap modul ditanda dalam masa (di mana panggilan gaya utama ditandakan

halaman ditanda (contohnya, modul halaman bermula dan tamat); untuk menyelamatkan orang dengan fungsi JS sebagai terjemahan kuasi -Bahasa Inggeris

Gambar menggunakan fail format Imej.png PNG8 sebanyak mungkin untuk menggunakan seni bina serentak?

Mari kita bercakap tentang beberapa perkara yang paling popular baru-baru ini? Apakah laman web yang sering anda lawati?

Node.js, Mongodb, npm, MVVM, MEAN, three.js

Bagaimana untuk meningkatkan pengalaman pengguna pada terminal mudah alih (Android IOS)?

Garis menegak visual yang jelas, pengumpulan maklumat, penolakan muktamad,

Penggunaan Pilih input alternatif, label dan reka letak teks,

Bergantung pada teks yang jelas untuk mengesahkan kata laluan, penggunaan papan kekunci yang munasabah,

Apakah peranan yang anda mainkan dalam pasukan semasa, dan apakah peranan jelas yang anda mainkan?

Apakah pada pendapat anda pembangun Full Stack?

Perkenalkan salah satu karya paling membanggakan anda?

Apakah kekuatan anda? Apakah keburukan?

Bagaimana untuk menguruskan pasukan hadapan?

Apa yang anda pelajari baru-baru ini? Bolehkah anda bercakap tentang rancangan anda untuk diri sendiri dalam 3 atau 5 tahun akan datang?

Nak tanya soalan tentang syarikat?

Tanya syarikat soalan:

Apakah teknologi hadapan web terkini (arah pembangunan masa depan) yang sedang anda perhatikan?

Bagaimanakah pasukan hadapan berfungsi (proses melaksanakan produk)?

Apakah struktur gaji syarikat?

Answer 1

Cikgu, maafkan saya kerana bertanya soalan yang tiada kaitan dengan tajuk ini! Saya tidak dapat mencari sesiapa yang boleh membantu saya, maafkan saya!

Syarikat baharu bertanggungjawab terutamanya untuk penghantar tali pinggang kilang Terdapat perisian untuk pemantauan masa nyata mesin, pengumpulan data, dan pemantauan kamera kawasan kilang! Ini dimuat naik ke pelayan Sila syorkan jenis konfigurasi pelayan yang diperlukan untuk keperluan sedemikian! Saya berminat dengan CPU dengan 4 teras, memori 8g dan kelajuan rangkaian 10Mbps Saya tidak tahu cara ia berfungsi. Terima kasih.