Tag tertutup, label, bersarang yang tidak bermoral, meningkatkan kemungkinan pencarian robot, menggunakan skrip CSS dan JS rantai eksternal, pemisahan kinerja struktural, unduhan file dan halaman lebih cepat, konten dapat diakses oleh lebih banyak pengguna, konten dapat diakses dan kode konten dan kode konten dan kode dan kode konten dan kode dan kode konten dan kode dan kode konten dan konten dan kode dan kode konten dan konten dan kode dan kode konten dan konten dan kode dan lebih cepat Komponen yang dapat diakses oleh perangkat yang lebih luas mudah dipelihara dan dimodifikasi.
Apa perbedaan antaraxhtml dan html
HTML adalah bahasa desain web dasar.
Elemen XHTML harus bersarang dengan benar.
Elemen xhtml harus ditutup.
Label harus menjadi huruf kecil.
Dokumen XHTML harus memiliki elemen root.
3.Doctype?
Digunakan untuk mendeklarasikan dokumen menggunakan spesifikasi itu (HTML/XHTML) secara umum, dokumen HTML dengan kerangka kerja berlebihan yang ketat berdasarkan kerangka kerja dipicu oleh pernyataan XML, dan metode analisis diubah menjadi bug IE5.5 dengan IE5.5.
4. Apa elemen di barisan?
Blok -Elemen Level: Div P H1 H2 H3 H4 Formul Ul
Elemen di baris: AB BR I Span Input SELECT
CSS Box Model: konten, perbatasan, margin, padding
5. Apa cara untuk memperkenalkan BYCSS?
Internal internal internal dan internal internal -link bimbingan
Perbedaan: Muat pada saat yang sama
Yang pertama tidak kompatibel, yang terakhir tidak mendukung browser di bawah CSS2.1
Tautan mendukung penggunaan JavaScript untuk mengubah gaya, yang tidak mungkin
6. Apa simbol seleksi yang dipilih?
Bagaimana cara menghitung?
Manakah dari internal dan penting yang tinggi?
Tag Seleksi Silabus Pemilihan ID ID Pilihan Karakter
Warisan tidak sebagus ID yang ditentukan> Kelas> Pemilihan Label
Yang terakhir adalah prioritas tinggi
7. Apa tiga lapisan halaman depan -end dan apa perbedaannya?
Lapisan Struktur HTML mewakili lapisan perilaku CSS JS
8. Komposisi Kalimat Dasar OFCSS?
Selector {Properties 1: Nilai 1;
9. Apa halaman yang Anda buat?
Apa intinya?
IE (IE Kernel) Gecko (Webkit) Open (Presto)
10. Tulis beberapa solusi untuk bug IE6
1. Gunakan tampilan yang disebabkan oleh pelampung bug jarak bilateral
2.3 Pixel Masalah Penggunaan Dislpay: inline -3px disebabkan oleh float
3. Howl Link Hover Setelah mengklik tautan pesanan penulisan yang benar yang dikunjungi Hover Active
4.ie Z-IDEX Masalah Menambahkan Posisi: Relatif
5. PNG Transparan Gunakan perubahan kode JS
6. Tinggi minimum Min-Min! Solusi penting '
7. Pilih untuk menutupi dengan iframe bersarang di bawah IE6
8. Mengapa tidak ada cara untuk mendefinisikan Width Container sekitar 1px (IE6 Default Line
Disebabkan oleh Over: Tersembunyi, Zoom: 0,08 garis garis: 1px)
11. Apa perbedaan antara judul dan properti alt pada label?
Alt diwakili oleh teks saat gambar tidak ditampilkan.
Judul memberikan informasi untuk atribut ini
12. Jelaskan peran dan penggunaan reset CSS.
Setel ulang varietas browser atribut default CSS dari browser,
Gaya yang berbeda, lalu atur ulang, biarkan mereka menyatukan
13. Jelaskan cara menggunakan sprite CSS.
CSS Elf mengintegrasikan banyak gambar kecil ke dalam gambar besar,
Kurangi jumlah permintaan di server
14. Apa perbedaan antara mode standar dan mode aneh browser?
Mode rendering model kotak yang berbeda
Gunakan window.top.document.compatmode
Dapat menampilkan mode mengapa
15. Bagaimana Anda mengoptimalkan dokumen dan sumber daya situs web?
File Merger
File Minimalkan/Kompresi File
Hosting CDN
Penggunaan cache
16. Apa itu HTML semantik?
Kesadaran akan tag bagus untuk perebutan mesin pencari
17. Beberapa cara untuk menghilangkan pelampung, kelebihan dan kekurangan masing -masing
1. Gunakan label kosong untuk menghapus floating clear: keduanya (secara teoritis jelas bisa jelas
Label apa pun ,,, tambahkan label yang tidak berarti)
2. Gunakan overflow: otomatis (elemen tag kosong untuk menghapus float tanpa
Jangan meningkatkan kerugian kode yang tidak disengaja, gunakan Zoom: 1 untuk IE yang kompatibel)
3. Clear Float dengan elemen semu Afert (untuk browser non -ee)
Javascript1. Jenis data apa dari tipe pengembalian JavaScript
Fungsi Nomor Objek Boolean Underfind
2. Contoh 3 Konversi Jenis Wajib dan 2 Konversi Tipe Tersembunyi?
Wajib (parseint, parsefloat, nomor)
Tersembunyi (== - ===)
3. Perbedaan antara wlit () gabungan ()
Yang pertama adalah bentuk pemotongan menjadi kelompok, dan yang terakhir adalah mengubah array menjadi string
4. Metode array pop () push () unshift () shift ()
Tambahkan Pop () Ekor Hapus di ekor push ()
Unshift () head menambahkan shift () head delete
5. Apa perbedaan antara peristiwa yang mengikat dan acara biasa
6. Berbeda dari aliran dan aliran acara DOM
1. Perintah eksekusi berbeda,
2. Parameter berbeda
3. Jangan menambahkan acara tersebut
4. Ahis menunjuk ke masalah
7. Apa metode penulisan yang kompatibel di bawah II dan standar
Var EV = EV ||
document.documentelement.clientwidth ||
Var target = ev.srcelement || ev.target
8. Perbedaan antara metode GET dan POST saat meminta
Satu ditempatkan di pembawa virtual di belakang URL
Ada batasan ukuran
Pertanyaan keamanan
Aplikasi yang berbeda adalah forum dan sebagainya.
9. Perbedaan antara Panggilan dan Terapkan
Object.call (Ini, Obj1, Obj2, Obj3)
Object.Apply (ini, argumen)
Saat 10. AJAX Permintaan, bagaimana menjelaskan data JSON
Eval Parse lebih dapat diandalkan untuk menggunakan parse mengingat pertimbangan keamanan
11.B Cara mewarisi a
12. Tulis fungsi untuk mendapatkan gaya non -line
Fungsi getStyle (obj, attr, value) {if (! Value) {if (obj.currenstyle) {return obj.currenstyle (attr)} else {obj.getComputestyle (attr, false)}} else {obj.style [attr ] = Nilai}}13. Apa komisi insiden tersebut
Biarkan prinsip menggelegak dalam acara tersebut, biarkan peristiwa dipicu, biarkan elemen induknya dilakukan!
14. Apa penutupannya, apa karakteristiknya, dan dampaknya pada halaman
Penutupan adalah fungsi yang dapat membaca variabel internal lain dari fungsi lain.
1. Simpan variabel I untuk setiap objek paragraf (p)
1. Fungsi init1 () {
2. Var pry = document.geteLementsbyTagname (p);
3. untuk (var i = 0; i <prry.length; i ++) {
4. Pary [i] .i = i;
5. pary [i] .onclight = function () {
6. Peringatan (this.i);
7.}
8.}
9.}
2. Simpan variabel i dalam fungsi anonim itu sendiri
1. Fungsi init2 () {
2. Var pry = document.geteLementsbyTagname (p);
3. untuk (var i = 0; i <prry.length; i ++) {
4. (Pary [i] .onclight = function () {
5. waspada (argumen.callee.i);
6.}).
7.}
8.}
3. Tambahkan penutupan lapisan penutupan, saya mengirimkannya ke fungsi lapisan dalam dalam bentuk parameter fungsi
1. Fungsi init3 () {
2. Var pry = document.geteLementsbyTagname (p);
3. untuk (var i = 0; i <prry.length; i ++) {
4. (Function (arg) {
5. pary [i] .onclight = function () {
6. Peringatan (Arg);
7.};
8.}) (i); // Parameter Saat Panggilan
9.}
10.}
4. Tambahkan penutupan lapisan penutupan, saya mengirimkannya ke fungsi lapisan dalam dalam bentuk variabel lokal
1. Function init4 () {
2. Var pry = document.geteLementsbyTagname (p);
3. untuk (var i = 0; i <prry.length; i ++) {
4. (Function () {
5. var temp = i; // variabel lokal saat menelepon
6. pary [i] .onclight = function () {
7. Peringatan (temp);
8.}
9.}) ();
10.}
11.}
5. Tambahkan penutupan lapisan dan kembalikan fungsi sebagai peristiwa respons (perhatikan perbedaan halus dari 3)
1. Function init5 () {
2. Var pry = document.geteLementsbyTagname (p);
3. untuk (var i = 0; i <prry.length; i ++) {
4. Pary [i] .onclight = function (arg) {
5. return function () {// return a function
6. Peringatan (Arg);
7.}
8.} (i);
9.}
10.}
6. Untuk implementasi dengan fungsi, pada kenyataannya, setiap instance fungsi akan menghasilkan penutupan
1. Function init6 () {
2. Var pry = document.geteLementsbyTagname (p);
3. untuk (var i = 0; i <prry.length; i ++) {
4. Pary [i] .onclight = fungsi baru (peringatan ( + i +););
5.}
6.}
7. Implementasikan dengan fungsi, perhatikan perbedaan dari 6
1. Fungsi init7 () {
2. Var pry = document.geteLementsbyTagname (p);
3. untuk (var i = 0; i <prry.length; i ++) {
4. Pary [i] .onclight = function ('alert ('+i+')');
5.}
6.}
15. Cara Menghentikan Peristiwa Bubling dan Default
Cancebubble mengembalikan false
16. Tambahkan ke Hapus dan ganti metode penyisipan ke dalam kontak tertentu
obj.appendchidl ()
obj.innersetBefore
obj.replacechild
Obj.Removechild
17. Jelaskan prinsip JSONP, dan mengapa itu bukan Ajax yang sebenarnya
Buat label skrip secara dinamis, fungsi panggilan balik
Ajax adalah operasi data permintaan penyegaran tanpa pagel
18. Objek lokal JavaScript, objek Built -in dan objek host
Objek lokal adalah array obj regexp, dll.
Objek yang dibangun -dalam adalah matematika gload, dll.
Documen, jendela, dll. Tuan rumah dilengkapi dengan browser
19. Perbedaan antara beban dokumen dan siap dokumen
Document.onload adalah eksekusi JS setelah memuat struktur dan gaya
Dokumen. Spesies asli tidak memiliki metode ini, jQuery telah tersedia
$ ().
20. == dan === berbeda
Yang pertama akan secara otomatis mengonversi jenisnya
Yang terakhir tidak akan
21. Strategi Homolog Javascript
Sebuah skrip hanya dapat membaca atribut jendela dan dokumen dari sumber yang sama,
Sumber yang sama di sini mengacu pada kombinasi nama host, kesepakatan dan nomor port
22. Tulis cara untuk menjadi berat untuk array
Fungsi osort (arr)
{{
var result = {};
var newarr = [];
untuk (var i = 0; i <arr.length; i ++)
{{
if (! hasil [arr])
{{
newarr.push (arr)
Hasil [ARR] = 1
}
}
Kembalikan newarr
}
23. Pemilih Media
@Media (Min-lebar: 992px) dan (Max-Width: 1199px)
Layar @Media dan (Min-lebar: 768px)
HTML & CSS
1. Apa tes browser yang umum digunakan? Kernel apa (mesin tata letak)?
(Q1) Browser: IE, Chrome, Firefox, Safari, Opera.
(Q2) Kernel: Trident, Gecko, Presto, Webkit.
2. Berbicara tentang perbedaan antara elemen downlink dan elemen level blok? Apa kompatibilitas elemen blok bagian dalam? (IE8 di bawah)
(Q1) Dalam -elemen -line: Ini akan diatur dalam arah horizontal, yang tidak dapat menyertakan elemen tingkat blok, dan lebarnya tidak valid.
Tinggi tidak valid (Anda dapat mengatur garis-garis), margin tidak valid, bantalan tidak valid.
Elemen Blok -Tingkat: Masing -masing menempati garis, dan arah vertikal diatur. Dari akhir baris baru, satu terputus.
(Q2) Kompatibilitas: Tampilan: blok inline;*Tampilan: inline;*Zoom: 1;
3. Apa cara untuk menghilangkan pelampung? Mana yang lebih baik?
(Q1)
(1) Definisi tinggi div.
(2) Tag div kosong di akhir.
(3) Keluarga Div Definisi Pseudo: Setelah dan Zoom.
(4) Definisi overflow: tersembunyi.
(5) Definisi overflow: Auto: Auto.
(6) Div induk juga mengapung dan perlu menentukan lebar.
(7) Tampilan Definisi: Tabel.
(8) Tambahkan tag BR Clear: keduanya di akhir.
(Q2) Lebih baik untuk metode ketiga.
4. Apa atribut ukuran inbox yang biasa digunakan? Apa perannya?
(Q1) Ukuran kotak: Kotak Konten |
(Q2) Kotak konten: Lebar dan tinggi masing-masing diterapkan pada kotak konten elemen.
Gambar interior dan batas elemen di luar lebar dan tinggi (efek default elemen).
Kotak perbatasan: Setiap interior dan bingkai yang ditentukan dalam elemen akan diatur
Gambarlah lebar dan tinggi. Penurunan dari lebar dan tinggi yang ditetapkan
Hanya lebar dan ketinggian konten yang dapat diperoleh oleh perbatasan dan jarak interior.
5.Doctype? Apa perbedaan antara mode standar dan mode kompatibilitas?
(Q1)>!
Analisis standar dokumen ini. Doctype tidak ada atau format yang salah akan menyebabkan teks
File disajikan dalam mode yang kompatibel.
(Q2) Mode pengoperasian pengoperasian dan JS dari mode standar adalah yang paling didukung oleh browser
Operasi standar tinggi. Dalam mode yang kompatibel, halamannya longgar dan terbelakang
Tunjukkan bahwa perilaku simulasi browser lama digunakan untuk mencegah situs tidak dapat bekerja.
6.html5 Mengapa hanya perlu menulis>!
HTML5 tidak didasarkan pada SGML, jadi tidak perlu merujuk DTD, tetapi
Butuh Doctype untuk mengatur perilaku browser (biarkan browser mengikuti mereka
Itu harus dijalankan).
HTML4.01 didasarkan pada SGML, jadi perlu dirujuk ke DTD
Menginformasikan jenis dokumentasi yang digunakan dalam dokumen browser.
7. Saat halaman diimpor, apa perbedaan antara menggunakan tautan dan @import?
(1) Tautan milik label XHTML.
Untuk mendefinisikan RSS, tentukan peran atribut koneksi rel, dll.; Dan @import adalah CSS menyebutkan
Untuk pasokan, itu hanya dapat digunakan untuk memuat CSS;
(2) Saat halaman dimuat, tautan akan dimuat pada saat yang sama, dan @Import Quotes
CSS akan menunggu sampai halaman dimuat sebelum dimuat;
(3) Impor diusulkan oleh CSS2.1.
Tautan adalah label XHTML, yang tidak kompatibel;
8. Perkenalkan pemahaman Anda tentang kernel browser?
Terutama dibagi menjadi dua bagian: mesin render (insinyur tata letak atau
Mesin rendering) dan mesin JS.
Mesin Rendering: Bertanggung jawab untuk mendapatkan konten halaman web (html, xml, gambar, dll.),
Urutkan pesan (seperti menambahkan CSS, dll.), Dan metode tampilan menghitung halaman web,
Kemudian output ke layar atau printer. Inti berbeda dari kernel browser
Interpretasi tata bahasa dari halaman web akan berbeda, sehingga efek rendering berbeda.
Semua browser web, klien email, dan lainnya perlu diedit,
Aplikasi yang menampilkan konten jaringan memerlukan kernel.
Mesin JS: Menganalisis dan menjalankan JavaScript untuk mencapai efek dinamis dari halaman web.
Awalnya mesin rendering dan mesin JS tidak membedakannya dengan jelas
Dengan semakin mandiri, kernel cenderung merujuk pada mesin rendering.
9. Apa saja fitur baru dari HTML5? Cara menangani browser dan label baru HTML5
Bisakah itu ditanya? Bagaimana cara membedakan HTML dan HTML5?
(Q1)
HTML5 tidak lagi menjadi subset SGML, terutama tentang peningkatan fungsi seperti gambar, posisi, penyimpanan, dan multi -terlalu.
(1) melukis kanvas;
(2) elemen video dan audio yang digunakan untuk medium;
(3) Data penyimpanan Localstorage Lokal Lokal Lokal untuk waktu yang lama, data tidak hilang setelah browser ditutup;
(4) Data Sesi Sesi secara otomatis dihapus setelah browser ditutup;
(5) elemen konten yang lebih baik, seperti artikel, footer, header, nav, bagian;
(6) Kontrol formulir, Kalender, Tanggal, Waktu, Email, URL, Pencarian;
(7) Teknologi Baru WebWorker, WebSocket, Geologi;
(Q2)
IE8/IE7/IE6 mendukung label yang dihasilkan oleh Document.createElement.
Anda dapat menggunakan fitur ini untuk memungkinkan browser ini mendukung label baru HTML5.
Setelah browser mendukung label baru, gaya default label juga perlu ditambahkan.
Tentu saja, Anda juga dapat menggunakan kerangka kerja yang matang, seperti HTML5Shim;
>-[jika lt yaitu 9] <] <] <] <]
> Skrip <src = http://html5shim.googlecode.com/svn/trunk/html5.js>/script <
> [Endif]-<
10. Jelaskan secara singkat pemahaman Anda tentang semantikisasi HTML?
Lakukan hal yang benar dengan label yang tepat.
HTML Semantic memiliki konten terstruktur dan struktur yang lebih jelas, yang nyaman untuk browser dan mesin pencari;
Bahkan jika tidak ada gaya CSS, itu ditampilkan dalam format dokumen, dan mudah dibaca;
Perayap mesin pencari juga tergantung pada tanda HTML untuk menentukan bobot konteks dan kata kunci dari masing -masing kata kunci, yang kondusif untuk SEO;
Itu membuat orang yang membaca kode sumber lebih mudah untuk memisahkan situs web untuk situs web, sehingga mudah untuk membaca pemeliharaan dan pemahaman.
Javascript
1. Memperkenalkan tipe data dasar JS
Tidak terdefinisi, nol, boolean, angka, string
2. Apa saja objek JS yang dibangun?
Objek Pengemasan Data: Objek, Array, Boolean, Nomor, String
Objek Lain: Fungsi, Argumen, Matematika, Tanggal, Regexp, Kesalahan
3. Pemahaman tentang objek Athis
Ini selalu mengacu pada penelepon langsung fungsi (bukan penelepon tidak langsung);
Jika ada kata kunci baru, objek ini menunjuk ke yang baru;
Dalam insiden itu, ini menunjuk pada objek kejadian.
Ini di AttachEvent selalu menunjuk ke jendela objek global;
4. Apa yang dilakukan eval?
Fungsinya adalah untuk menyelesaikan string karakter yang sesuai menjadi kode JS dan dijalankan;
Eval harus dihindari, tidak aman, dan sangat memakan (2 kali, diselesaikan menjadi pernyataan JS sekaligus, satu eksekusi).
Saat dikonversi dari string JSON ke objek JSON, Anda dapat menggunakan eval, var obj = eval (' + str +') ');
5. Cara Menambahkan, Menghapus, Pindahkan, Salin, Buat dan Temukan Node
// Buat simpul baru
CreateDocumentFraagment () // Buat fragmen DOM
createElement () // Buat elemen tertentu
createTextNode () // Buat node teks
// Tambahkan, Hapus, Ganti, Sisipkan
Ovendchild ()
Removechild ()
replacechild ()
InsertBefore () // Masukkan sub -node baru sebelum node anak yang ada
// Menemukan
GetElementsByTagname () // melalui nama label
GetElementsByName () // Nilai Properti Nama Elemen
(Yaitu kapasitas toleransi kesalahan kuat, dan array akan diperoleh, termasuk ID sama dengan nilai nama)
GetElementById () // melalui ID elemen, keunikan
6. Perbedaan antara nol dan tidak definin?
NULL adalah objek yang tidak melakukan apa -apa, yaitu 0 saat beralih ke nilai;
Nilai asli yang menunjukkan tidak ada NAN ketika itu berubah menjadi nilai.
belum diartikan:
(1) Variabel dinyatakan, tetapi ketika tidak ada penugasan, itu sama dengan tidak terdefinisi.
(2) Saat memanggil fungsi, parameter yang harus disediakan tidak disediakan.
(3) Tidak ada atribut objek, dan nilai atribut ini tidak terdefinisi.
(4) Ketika fungsi tidak mengembalikan nilai, yang tidak ditentukan dikembalikan secara default.
batal:
(1) Sebagai parameter fungsi, parameter fungsi bukan objek.
(2) Ujung rantai utama objek.
7. Apa yang dilakukan simbol operasi Thenew?
(1) Buat objek kosong, dan variabel ini merujuk objek,
Pada saat yang sama, prototipe fungsi juga diwarisi.
(2) Atribut dan metode ditambahkan ke objek yang dirujuk oleh ini.
(3) Objek yang baru dibuat dikutip oleh ini, dan tipe Hidden terakhir mengembalikan ini.
8. JSON Memahami?
JSON (Notasi Objek Javascript) adalah semacam cahaya
Format pertukaran data yang kelebihan berat badan. Ini adalah subset dari JavaScript.
Format data sederhana, mudah dibaca dan ditulis, dan menempati bandwidth kecil.
Format: Gunakan pasangan nilai kunci, misalnya: {'usia': '12', 'name': 'back'}
9. Perbedaan dan fungsi Call () dan Apply ()?
Fungsi Apply () memiliki dua parameter: parameter pertama adalah konteksnya, yang kedua
Parameter adalah array yang terdiri dari parameter. Jika konteksnya nol, gunakan objek global sebagai gantinya.
Seperti: function.apply (ini, [1,2,3]);
Parameter pertama dari panggilan () adalah konteksnya, dan urutan parameter selanjutnya yang dilewati oleh contoh.
Seperti: function.call (ini, 1,2,3);
10. Bagaimana cara mendapatkan ua?
fungsi whatbrowser () {
document.browser.name.value = navigator.appname;
document.browser.version.value = navigator.appversion;
document.browser.code.value = navigator.appcodename;
document.browser.agent.value = navigator.useragent;
}
lainnya
1. Kode status dohttp apa yang diketahui?
100 terus berlanjut, biasanya saat mengirim permintaan pos, telah dikirim
Setelah header HTTP, server akan mengembalikan informasi ini untuk menunjukkan konfirmasi, dan kemudian mengirim informasi parameter tertentu
200 ok informasi pengembalian normal
Permintaan 201 yang dibuat berhasil dan server menciptakan sumber daya baru
202 Server yang Diterima telah menerima permintaan, tetapi belum diproses
Halaman web yang diminta oleh 301 dipindahkan secara permanen telah pindah ke posisi baru.
302 Ditemukan Pengalihan sementara.
303 Lihat pengalihan sementara lainnya, dan selalu gunakan untuk meminta URI baru.
304 tidak memodifikasi belum dimodifikasi sejak permintaan terakhir.
Server Permintaan Buruk 400 tidak dapat memahami format permintaan, dan klien tidak boleh mencoba menggunakan konten yang sama untuk memulai permintaan lagi.
401 Permintaan yang tidak sah tidak diizinkan.
403 Terlarang dilarang mengakses.
404 Tidak ditemukan tidak dapat menemukan sumber daya yang cocok dengan URI.
500 kesalahan server server yang paling umum dari server internet.
503 Layanan Server yang tidak tersedia untuk sementara tidak dapat memproses permintaan (mungkin kelebihan beban atau pemeliharaan).
2. Metode optimasi kinerja seperti apa yang Anda miliki?
(1) Kurangi jumlah permintaan HTTP: sprite CSS, JS, kompresi kode sumber CSS, gambar besar
Kontrol kecil sesuai;
(2) Data -end template JS+dikurangi menjadi limbah bandwidth karena label HTML.
Variabel depan -end menyimpan hasil permintaan AJAX.
(3) Gunakan InnerHTML untuk mengganti operasi DOM, mengurangi jumlah operasi DOM, dan mengoptimalkan kinerja JavaScript.
(4) ClassName diatur ketika banyak gaya yang perlu Anda atur alih -alih gaya operasi langsung.
(5) Gunakan hasil variabel global dan node dom cache. Kurangi operasi membaca IO.
(6) Hindari menggunakan CSS Expresion (ekspresi CSS), juga dikenal sebagai sifat dinamis.
(7) Pra -muatan gambar, letakkan tabel gaya di atas, letakkan skrip ke bawah dan tambahkan cap waktu.
3. Apa itu penurunan peringkat yang elegan dan peningkatan bertahap?
Degradasi yang elegan: Situs web dapat bekerja secara normal di semua browser baru
Browser kuno -digunakan, dan kode akan memeriksa untuk mengonfirmasi apakah mereka dapat bekerja secara normal.
Karena masalah tata letak model kotak unik IE, untuk berbagai versi praktik peretasan IE
Keanggunan telah diturunkan peringkatnya, menambahkan rencana kandidat untuk browser yang tidak dapat mendukung fungsinya,
Jadikan itu pengalaman degradasi di browser lama dalam beberapa bentuk, tetapi itu tidak akan sepenuhnya tidak valid.
Peningkatan kelulusan: Mulai dari fungsi dasar yang didukung oleh semua browser, secara bertahap menambahkannya
Fungsi hanya browser baru yang didukung, menambahkan jumlah browser dasar yang tidak berbahaya ke halaman
Gaya dan fungsi eksternal. Ketika browser mendukung, mereka akan secara otomatis hadir dan memainkan peran.
4. Operasi umum mana yang dapat menyebabkan kebocoran memori?
Kebocoran memori berarti bahwa objek apa pun masih ada setelah Anda tidak lagi memiliki atau membutuhkannya.
Perangkat pemulihan sampah memindai objek secara teratur dan menghitung jumlah objek lain dari setiap objek.
Jika jumlah referensi suatu objek adalah 0 (tidak ada objek lain yang mengutip objek),
Atau satu -satunya referensi ke objek adalah lingkaran, maka memori objek dapat didaur ulang.
Parameter pertama dari SetTimeout menggunakan string alih -alih fungsi, yang akan menyebabkan kebocoran memori.
Penutupan, log konsol, siklus (ketika dua objek saling mengutip dan mempertahankan satu sama lain, siklus akan dihasilkan)
5. Perbedaan antara utas dan proses
Setidaknya ada satu proses dalam suatu program, dan suatu proses memiliki setidaknya satu utas.
Skala divisi utas kurang dari proses, membuat komplikasi program multi -berulir tinggi.
Selain itu, proses ini memiliki unit memori independen selama eksekusi, dan beberapa utas berbagi memori,
Akibatnya, efisiensi operasi program sangat ditingkatkan.
Utas masih berbeda dari proses selama eksekusi. Setiap utas independen memiliki satu program
Keluar dari urutan dan urutan dan urutan sekuensing. Tapi utas tidak bisa mandiri
Eksekusi harus dilakukan sesuai dengan penerapan beberapa utas dalam keberadaan aplikasi.
Dari perspektif logis, pentingnya multi -threading adalah bahwa dalam satu aplikasi, ada beberapa eksekusi
Bagian dapat dieksekusi secara bersamaan. Tetapi sistem operasi tidak menganggap beberapa utas sebagai beberapa yang independen
Aplikasi untuk mencapai penjadwalan proses dan manajemen dan alokasi sumber daya. Ini adalah proses dan utasnya
Perbedaan penting.
Front -end pengembangan insinyur pertanyaan tes wajah javascript
1. Metode yang dapat digunakan secara dinamis untuk mengubah konten di lapisan adalah (AB)
A) BUTNHTML
b) Innertext
c) Sadarilah dengan persembunyian dan tampilan lapisan pengaturan
d) Tampilkan atribut atribut gaya lapisan lapisan
2. Saat menekan keyboard A, hasil dari acara pencetakan.Keycode dengan acara OnKeydown adalah (a)
a) 65
b) 13
c) 97
D) 37
3. Dalam JavaScript, opsi berikut ini bukan metode array (b);
a) sort ()
b) panjang ()
c) concat ()
d) terbalik ()
4. Manakah dari opsi berikut yang dapat digunakan untuk mengambil nomor indeks dari opsi yang dipilih?
a) Dinonaktifkan
b) SelectedIndex
c) opsi
d) banyak
5. Saya berharap gambar memiliki fungsi yang sama dari tombol pengiriman.
a) Kirim secara manual di acara onclick gambar
b) Tambahkan acara Onsubmit ke gambar
c) Kirim secara manual dalam acara onsubmit gambar
d) Kirim secara otomatis di formulir
6. Kode yang membuat lapisan div dan kotak teks benar (D);
A)
B)
C)
D)
7. Dalam opsi berikut, deskripsi yang benar adalah (pilih dua item). (IKLAN)
a) option.add (opsi baru ('a', 'a')) dapat secara dinamis menambahkan opsi daftar drop -down
b) option.add (opsi baru ('a', 'a')) dapat secara dinamis menambahkan opsi daftar drop -down
c) Opsi baru ('a', 'a') 'a' mewakili nilai opsi daftar, 'a' digunakan untuk ditampilkan pada halaman
d) Opsi baru ('a', 'a') 'a' mewakili nilai opsi daftar, 'a' digunakan untuk ditampilkan di halaman
8. Var EMP = Array Baru (3);
untuk (var i in emp)
Dalam jawaban berikut, dapat diganti dengan kode loop untuk: (pilih satu). (D)
A for (var i = 0; i
B untuk (var i = 0; i
C untuk (var i = 0; i
D untuk (var i = 0; i
9. Ketika fungsi membuat hidangan kelas disebut (a) kejadian kotak daftar drop -down.
a) Onchange
b) Onfocus
c) dipilih
d) Onclick
10. Dalam pernyataan Array berikut, opsi yang salah adalah (C).
a) var arry = array baru ()
b) var arry = array baru (3)
c) var arry [] = array baru (3) (4)
D) var arry = array baru ('3', '4')
11. Manakah dari atribut berikut yang dapat mencapai lapisan bersembunyi?
A) Tampilan: Fals
b) Tampilan: Tersembunyi
c) Tampilan: Tidak Ada
D) Tampilan:
12. Manakah dari opsi berikut yang bukan merupakan metode objek dokumen?
a) fokus ()
b) getElementById ()
c) GetElementsByName ()
d) bgcolor ()
13. Manakah dari berikut ini yang menekan acara keyboard (AB)
a) Onkeydown
b) Onkeypress
c) Kode kunci
d) Onmouseover
14. Tujuan JavaScript untuk memverifikasi verifikasi formulir adalah (b)
a) Kirimkan informasi pengguna yang benar ke server
b) Periksa data yang dikirimkan data harus memenuhi kenyataan
c) Jadikan halaman ini indah dan murah hati
d) Kurangi tekanan di sisi server
15. Nilai yang umum digunakan dari nilai atribut tampilan tidak termasuk (c)
a) inline
b) blok
c) Tersembunyi
D) tidak ada
16. Pernyataan berikut tentang atribut pixeltop dan atribut teratas sudah benar. (D)
a) Semua atribut objek lokasi
b) Nilai pengembalian saat penggunaan adalah semua string
c) Semua mengembalikan nilai piksel
d) di atas tidak benar
17. Gunakan metode terbuka untuk membuka jendela dengan alat peramban, kolom alamat, bilah menu.
a) buka (x.html, hai, toolbas = 1, scrollbars = 1, status = 1);
b) buka (hai, scrollbars = 1, lokal = 1, status = 1);
c) buka (x.html, status = ya, menubar = 1, lokal = 1);
d) buka (x.html, hai, toolbas = ya, menubar = 1, lokal = 1);
18. Kode yang ditutup di bawah ini benar (c)
a) document.getElementByIdx_x_x_x (myDiv) .style.display = tidak ada;
b) document.getElementByIdx_x_x_x (myDiv) .style.display = tidak ada;
c) document.getElementByIdx_x_x_x (myDiv) .style.display = tidak ada;
d) document.getElementByIdx_x_x_x (myDiv) .style.display == tidak ada;
19. Mengapa menggunakan tata letak div+css
Bentuk dan pemisahan konten
Sangat mengurangi kode halaman dan meningkatkan kecepatan penelusuran halaman
Strukturnya jelas, yang kondusif untuk SEO
Singkat waktu revolusi, tata letaknya lebih nyaman
Desain, gunakan beberapa kali
20. Apa karakteristik elemen blok?
Selalu mulai dari perjalanan baru;
Tinggi, tinggi, kontrol jarak atas dan bawah;
Default Lebar adalah 100%dari wadahnya, kecuali menetapkan lebar
Ada elemen: ,,
,,
Apa karakteristik elemen 21. dan inline?
Keduanya dengan elemen lain ada di telepon;
Margin tinggi, tinggi dan atas dan bawah tidak dapat diubah;
Lebar adalah lebar teks atau gambarnya dan tidak dapat diubah.
Itu adalah elemen inline: ,,,,,,,
,,,
Dan.
22. Apa hasil dari ekspresi parseint (x8x8)+pasefloat ('8') dalam JavaScript?
A) 8+8
b) 88
c) 16
D) 8+ '8
23. Metode objek string tidak termasuk (c)
a) chARAT ();
b) substring ()
c) panjang
d) Touppercase ()
24. Tentang SetTimeout (periksa, 10) Pernyataan itu benar (d)
a) Eksekusi siklus program 10 kali
b) Periksa fungsi mengeksekusi setiap 10 detik
c) 10 sebagai parameter yang diteruskan ke pemeriksaan fungsi
d) Periksa fungsi mengeksekusi setiap 10 milidetik
25. Manakah dari kata -kata berikut yang bukan milik kata kunci JavaScript: (c)
a) dengan
b) orang tua
c) Kelas
d) batal
Kata pengantar
Artikel ini merangkum beberapa pertanyaan wawancara front -end berkualitas tinggi (kebanyakan dari internet). Setelah membaca, pemula juga harus mempelajari prinsip -prinsipnya dengan hati -hati. Jangan berspekulasi, mintalah tingkat wawancara salah!
Ada beberapa poin untuk memperhatikan wawancara: (sumber guru cheng yan fei github: @wintercn)
Wawancara Topik: Menurut level dan perubahan posisi Anda, entri -level ke tingkat ahli: lingkup ↑, kedalaman ↑, arah ↑.
Jenis pertanyaan: Visi teknis, detail proyek, pertanyaan pengetahuan teoretis, pertanyaan algoritma, pertanyaan keterbukaan, pertanyaan kasus.
Pertanyaan: Anda dapat memastikan bahwa Anda tidak mengerti atau tidak mengerti pewawancara. Karena pengetahuan terkait semacam ini adalah pembelajaran jangka panjang, itu jelas tidak diingat sementara.
Jawab pertanyaannya, pewawancara (mungkin itu adalah wawancara kepemimpinan langsung Anda), apakah Anda akan mempertimbangkan apakah saya ingin orang ini menjadi kolega saya? Jadi sikap itu penting. (Rasanya lebih seperti kencan buta)
Insinyur senior dapat mengacaukan absolut dan relatif, sehingga orang -orang seperti itu tidak membutuhkannya, karena Anda membutuhkan Anda sebagai orang yang dapat mengandalkan (dapat diandalkan).
Garis Besar Titik Pengetahuan Wawancara Pengembangan Depan:
HTML & CSS:
Memahami Standar Web, Perbedaan Kernel Browser, Kompatibilitas, Hack, Keterampilan Dasar CSS: Tata Letak, Model Kotak, Prioritas dan Penggunaan Pemilih, HTML5, CSS3, Adaptasi Adaptasi Terminal Seluler Adaptasi
Javascript:
Data type, object -oriented, inheritance, closure, plug -in, action domain, cross -domain, prototype chain, modularization, custom event, memory leakage, event mechanism, asynchronous loading recovery, template engine, nodejs, JSON, AJAX, etc .
lainnya:
HTTP、安全、正则、优化、重构、响应式、移动端、团队协作、可维护、SEO、UED、架构、职业生涯
作为一名前端工程师，无论工作年头长短都应该必须掌握的知识点：
此条由王子墨发表在前端随笔
1、DOM结构- 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。
2、DOM操作-如何添加、移除、移动、复制、创建和查找节点等。
3、事件- 如何使用事件，以及IE和标准DOM事件模型之间存在的差别。
4、XMLHttpRequest - 这是什么、怎样完整地执行一次GET请求、怎样检测错误。
5、严格模式与混杂模式- 如何触发这两种模式，区分它们有何意义。
6、盒模型- 外边距、内边距和边框之间的关系，及IE8以下版本的浏览器中的盒模型
7、块级元素与行内元素- 怎么用CSS控制它们、以及如何合理的使用它们
8、浮动元素-怎么使用它们、它们有什么问题以及怎么解决这些问题。
9、HTML与XHTML-二者有什么区别，你觉得应该使用哪一个并说出理由。
10、JSON - 作用、用途、设计结构。