cari

Rumah  >  Artikel  >  hujung hadapan web  >  Apakah tiga asas bahagian hadapan?

Apakah tiga asas bahagian hadapan?

青灯夜游
青灯夜游asal
2021-11-01 15:50:034113semak imbas

Tiga asas bahagian hadapan merujuk kepada: 1. HTML Bahasa Penanda Hiperteks, yang merupakan bahasa untuk membina halaman web 2. CSS Lembaran Gaya Cascading, yang merupakan bahasa struktur untuk menentukan gaya; Bahasa skrip Javascript ialah bahasa skrip yang ditafsirkan yang digunakan untuk mencapai hubungan interaktif masa nyata dan dinamik antara pengguna dan halaman web.

Apakah tiga asas bahagian hadapan?

Persekitaran pengendalian tutorial ini: sistem Windows 7, CSS3&&HTML5&&javascript versi 1.8.5, komputer Dell G3.

Pada masa kini, populariti bahagian hadapan adalah di luar imaginasi pembangun ia jelas hanya pembangunan mudah halaman, dan ia tidak sepopular yang dikatakan di pasaran. Malah, garisan dipisahkan seperti gunung Banyak kali apabila kita berdiri di luar pintu, kita tidak dapat memahami keadaan sebenar di dalam pintu.

Sebab mengapa bahagian hadapan menjadi semakin penting sebenarnya ialah pengalaman pengguna telah dinaikkan ke tahap yang sangat tinggi Ini adalah terima kasih kepada Ketua Geng Qiao, kita mungkin masih berada dalam dunia Symbian Kesukaran bergerak.

Medan bahagian hadapan yang berinteraksi secara langsung dengan pengguna telah mencapai tahap yang sangat tinggi, tetapi asas bahagian hadapan, iaitu teknologi teras bahagian hadapan tidak berubah.

Bahasa yang membentuk pembangunan bahagian hadapan harian masih HTML, CSS dan Javascript.

1. HTML-Hyper Text Markup Language

HTML (Hyper Text Markup Language): ialah bahasa untuk membina halaman web . Paparkan imej, bunyi, gambar, teks dan kandungan lain melalui arahan tag (Tag). Ia menetapkan peraturan bahasanya sendiri dan digunakan untuk menyatakan item makna yang lebih kaya daripada "teks".

HTML5: Standard terkini untuk html, dirumus dan dikeluarkan pada tahun 2014. HTML5 menambah beberapa teg semantik baharu untuk menyokong keupayaan video, audio, kanvas/webgl dan lain-lain.

Teg asas HTML: kepala, badan, html, tajuk (h1-h7), perenggan (p), pautan (a), imej (imej), jadual (jadual), senarai (ul, ol), dan lain-lain.

Struktur asas dokumen html: 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello</title>
</head>
<body>
<p>Hello</p>
<a href="http://www.baidu.com"></a>
</body>
</html>

2. telah dibangunkan selama bertahun-tahun Tetapi masih sedikit yang boleh dikatakan tentang bahasa, yang sebenarnya dicipta untuk menyelesaikan masalah tag HTML yang kembung (elemen tab), dan reka bentuk bahasanya sangat bagus. Teras CSS ialah definisi dan pemilih aliran dokumen Dengan mentakrifkan semula dokumen HTML, konsep aliran dokumen diperkenalkan, dan tag kembung asal boleh digunakan untuk mengubah suai gaya kandungan halaman melalui pemilih yang fleksibel. Apa yang perlu diberi tumpuan ialah definisi aliran dokumen, model kotak elemen, dan pemusnahan dan pengubahsuaian aliran dokumen. CSS (Cascading Style Sheets): Cascading Style Sheets, bahasa struktur yang mentakrifkan gaya, seperti fon, warna dan kedudukan, yang menerangkan cara memformat dan memaparkan maklumat pada halaman web.

CSS3: standard css terkini. CSS3 menambah ciri baharu seperti animasi dan pemilih. Satu perubahan besar dalam evolusi CSS3 ialah keputusan W3C untuk memecahkan CSS3 kepada satu siri modul. Ia terutamanya termasuk modul seperti model kotak, modul senarai, kaedah hiperpautan, modul bahasa, latar belakang dan sempadan, kesan teks, susun atur berbilang lajur, dsb. Membahagikannya kepada beberapa modul yang lebih kecil adalah lebih mudah untuk mengemas kini dan mengeluarkan spesifikasi tepat pada masanya. Pengilang juga boleh memilih untuk menyokong beberapa keupayaan modul CSS3 untuk memudahkan promosi CSS3.

Kedudukan penulisan css dalam html:

1), ditulis dalam baris (tidak disyorkan)

2), ditulis dalam Dalam teg gaya dalam htmI (tidak disyorkan) 

<h1 style="color:red">haha</h1>
3), kaedah pautan (disyorkan) 

<style>
h1{
color:red
}
</style>

3. Javascript - bahasa skrip terbenam 
<link rel="stylesheet" type="text/css" href="style.css">

Pada mulanya, kerana Javascript dijalankan dalam penyemak imbas, ia sering dipanggil skrip terbenam, tetapi ia masih tidak menjejaskan Javascript menjadi bahasa pengaturcaraan yang berkuasa. Bahasa ini terutamanya melaksanakan masalah tindak balas tingkah laku pengguna, jadi ia bertindak balas kepada hasil operasi yang berbeza berdasarkan peristiwa tingkah laku pengguna. Bahasa ini menjadi tumpuan bahagian hadapan kerana semua pengalaman pengguna memerlukan Javascript untuk dilaksanakan. Bahasa semakin lengkap dan beransur-ansur bergerak ke arah statik.

1), Pustaka

Pustaka ialah pelaksanaan enkapsulasi untuk fungsi tertentu, seperti pelaksanaan enkapsulasi untuk senario muat naik fail, yang dipanggil kelas muat naik fail perpustakaan. Ini adalah sebagai contoh, tetapi tidak terhad kepada ini.

2), Rangka Kerja

Rangka kerja ialah pelaksanaan terkapsul untuk menyelesaikan lebih banyak masalah Sebagai contoh, rangka kerja jQuery ialah rangka kerja yang melaksanakan keserasian API Javascript pada PC sisi ( Zepto (untuk terminal mudah alih), rangka kerja MVVM direka bentuk untuk membina pelaksanaan antara muka terkapsul dengan cepat. Dengan merangkum operasi DOM, ia mengurangkan operasi DOM manual dan memfokuskan pada pelaksanaan struktur data dan logik perniagaan. Untuk lebih banyak pengetahuan berkaitan pengaturcaraan, sila lawati:

Video Pengaturcaraan

! !

Atas ialah kandungan terperinci Apakah tiga asas bahagian hadapan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Cara menggunakan kaedah rawak javascriptArtikel seterusnya：Cara menggunakan kaedah rawak javascript

Artikel berkaitan

Lihat lagi