Apakah itu seni bina bahagian hadapan web

Seni bina bahagian hadapan web ialah koleksi alatan dan proses yang direka untuk meningkatkan kualiti kod bahagian hadapan dan mencapai aliran kerja yang cekap dan mampan. Terdapat 4 teras seni bina bahagian hadapan web: 1. Kod (HTML, CSS, JavaScript 2. Proses, cara menggunakan alatan dan proses untuk membina aliran kerja yang cekap dan bebas ralat adalah pertimbangan penting; mencipta liputan Program ujian yang meluas boleh memastikan kod lama masih boleh berjalan seperti biasa 4. Dokumentasi, dokumentasi reka bentuk adalah alat untuk anda berkomunikasi dengan orang lain.

Persekitaran pengendalian tutorial ini: sistem Windows 7, komputer Dell G3.

Hari ini, dengan perubahan pesat dalam teknologi bahagian hadapan Web, projek bahagian hadapan Web menjadi semakin kompleks. Seni bina bahagian hadapan juga akan berkembang dengan keperluan lelaran dan teknologi seni bina kami yang sentiasa berubah Ini adalah isu yang bukan sahaja arkitek tetapi juga setiap pembangun kami mesti memberi perhatian.

1. Asal-usul seni bina bahagian hadapan web

Pada Persidangan Pembangun CSS pada 13 Oktober 2014, terdapat bilik yang penuh sesak di Pusat Konvensyen New Orleans "Menaikkan bendera seni bina bahagian hadapan" di dalam bilik telah menjadi tarikan biasa pemaju yang bekerja di barisan hadapan. Selepas itu, pemaju yang cuba mengetahui siapa mereka dan peranan yang mereka mainkan dalam syarikat itu mendapati bahawa mereka telah memainkan peranan sebagai arkitek hadapan tetapi tidak pernah memegang gelaran itu atau tidak mempunyai keyakinan untuk berbuat demikian kuasa yang datang dengan kedudukan ini.

Beberapa minggu selepas persidangan itu, ramai orang menukar profil Twitter mereka kepada "Arkitek Bahagian Depan".

2. Apakah yang anda faham dengan seni bina bahagian hadapan web?

Seni bina bahagian hadapan adalah seperti reka bentuk seni bina Semasa proses pembinaan, pereka seni bina perlu mereka bentuk dan merancang penyelesaian, dan mengikuti proses pembinaan. Ini serupa dengan kerja arkitek bahagian hadapan, kecuali yang kedua membina tapak web dan bukannya bangunan. Arkitek meletakkan lebih banyak usaha untuk mereka bentuk komposisi projek daripada menuang konkrit. Dengan cara yang sama, arkitek bahagian hadapan lebih menumpukan pada membangunkan alat dan mengoptimumkan proses daripada menulis kod tertentu.

Seni bina bahagian hadapan ialah koleksi alatan dan proses yang direka untuk meningkatkan kualiti kod bahagian hadapan dan mencapai aliran kerja yang cekap dan mampan.

Seni bina reka bentuk bahagian hadapan bukan kerja sekali sahaja. Tiada reka bentuk yang sempurna pada mulanya dan tiada rancangan boleh diselesaikan dalam satu langkah.

Kekhususan seni bina bahagian hadapan

Halaman hadapan bukanlah subsistem bebas, tetapi merangkumi keseluruhan sistem

Penyebaran: hadapan -end engineering

Abstraksi, penyahgandingan dan gabungan halaman

Boleh dikawal: perancah, spesifikasi pembangunan, dsb.

Cekap: rangka kerja, perpustakaan komponen, platform Olok-olok, pembinaan dan alatan penggunaan, dsb.

Abstraksi

Abstraksi UI halaman: komponen

Abstraksi logik umum: entiti domain, permintaan rangkaian, pengendalian pengecualian, dsb.

3 Prinsip seni bina bahagian hadapan web

Reka bentuk sistem

Bayangkan jika bangunan tidak mempunyai reka bentuk struktur yang jelas, semua Jika semua perkara penting diputuskan secara langsung oleh pekerja binaan, maka mungkin berlaku keadaan seperti ini: satu dinding dibina dengan batu, dinding kedua dibina dengan batu bata, dinding ketiga dibina dengan kayu, dan dinding keempat dibiarkan terbuka kerana mengejar fesyen.

Walaupun penampilan keseluruhan dan nada gaya tapak web ditentukan sepenuhnya oleh pereka visual berpengalaman, arkitek bahagian hadapan mengawal kaedah pembangunan bahagian hadapan dan falsafah reka bentuk sistem di belakangnya. Dengan mereka bentuk spesifikasi sistem yang diikuti oleh semua pembangun bahagian hadapan, arkitek bahagian hadapan mencipta gambaran yang jelas tentang bentuk akhir produk dan kod.

Sebaik sahaja arkitek bahagian hadapan menetapkan spesifikasi reka bentuk sistem, projek itu akan mempunyai standard untuk mengukur kualiti kod. Jika tidak, bagaimana kita boleh menilai sama ada kod itu memenuhi piawaian? Sistem yang direka bentuk dengan baik harus mempunyai mekanisme pemeriksaan yang lengkap dan membuat pertukaran yang sesuai untuk memastikan bahawa kod dalam sistem mempunyai nilai yang besar dan tidak hanya ditimbun.

2. Perancangan kerja

Selepas mempunyai reka bentuk struktur yang jelas, anda perlu merangka aliran kerja pembangunan. Apakah langkah yang perlu dilalui oleh pembangun untuk menulis baris kod dan menyerahkannya dalam talian? Untuk memberikan contoh paling mudah, proses ini melibatkan log masuk ke pelayan menggunakan FTP, mengubah suai fail dan menyimpannya. Walau bagaimanapun, untuk kebanyakan projek, aliran kerja yang lengkap mungkin menggunakan berbilang alat, seperti pengawal versi, penjadual tugas, pemproses CSS, alat dokumentasi, komponen ujian dan alat automasi pelayan.

Matlamat arkitek hadapan adalah untuk mereka bentuk sistem yang berjalan lancar. Sistem ini bukan sahaja boleh dimulakan dengan cekap dan cepat, tetapi juga secara berterusan memberikan maklum balas yang berkesan melalui analisis bahasa, kes ujian, dokumentasi dan kaedah lain, dan dengan banyak mengurangkan kesilapan manusia yang disebabkan oleh operasi berulang.

3. Penyeliaan dan tindakan susulan

Reka bentuk seni bina bahagian hadapan sama sekali bukan satu tugasan. Tiada reka bentuk yang sempurna dari awal, dan tiada rancangan yang sempurna dalam satu langkah. Pelanggan dan pembangun memerlukan perubahan dari semasa ke semasa. Proses pembangunan yang berfungsi dengan baik pada satu peringkat kemudiannya mungkin perlu disusun semula untuk meningkatkan kecekapan dan mengurangkan ralat.

Keupayaan yang sangat penting bagi arkitek hadapan ialah keupayaan untuk terus mengoptimumkan aliran kerja. Pelbagai alat binaan hari ini membolehkan kami mengubah cara kami bekerja dan memberitahu setiap pembangun dengan mudah.

Sesetengah orang bertanya sama ada arkitek hadapan adalah setara dengan peranan pengurusan dan tidak perlu lagi menulis kod perniagaan. Arkitek bahagian hadapan bukan sahaja perlu menulis lebih banyak kod, tetapi mereka juga harus dapat menggunakan berbilang bahasa pengaturcaraan dan menggunakan banyak alat. Jumlah kod tidak dikurangkan, hanya pembaca kod sahaja yang berubah. Pembangun bahagian hadapan menulis kod untuk pengguna akhir, manakala arkitek bahagian hadapan menulis kod untuk pembangun dalam pasukan.

Empat teras seni bina bahagian hadapan web

Kod

Dalam analisis akhir, segala-galanya Laman web terdiri daripada sekumpulan fail teks dan fail sumber yang terdiri daripada HTML, CSS dan JavaScript. Apabila kita berhadapan dengan jumlah kod yang digunakan untuk membuat tapak web, menjadi jelas betapa pentingnya untuk menetapkan jangkaan untuk kod dan sumber.

2. Proses

Cara menggunakan alatan dan proses untuk membina aliran kerja yang cekap dan bebas ralat adalah pertimbangan penting. Aliran kerja menjadi semakin kompleks, begitu juga alat yang digunakan untuk membinanya. Alat ini membawa hasil yang menakjubkan dalam meningkatkan produktiviti, mempercepatkan kecekapan dan mengekalkan ketekalan kod, tetapi ia juga datang dengan risiko kejuruteraan dan pengabstrakan yang berlebihan.

3. Ujian

Untuk membina sistem yang boleh skala dan dioptimumkan secara mampan, kami mesti memastikan bahawa kod baharu itu serasi dengan kod lama kami akan wujud secara berasingan. Semuanya adalah sebahagian daripada sistem yang lebih besar. Mencipta pelan ujian yang komprehensif boleh memastikan bahawa kod lama masih boleh berjalan seperti biasa.

4 Dokumentasi

Dokumentasi reka bentuk ialah alat untuk anda berkomunikasi dengan orang lain, untuk menerangkan keputusan reka bentuk anda, untuk menerangkan keputusan reka bentuk anda dan mengapa Keputusan anda adalah baik. Melainkan ahli penting dalam pasukan akan pergi, hanya sedikit yang akan menyedari kepentingan dokumentasi.

Empat teras ini adalah asas untuk membina sistem berskala dan dioptimumkan secara mampan.

(Mempelajari perkongsian video: Bermula dengan bahagian hadapan web)

Atas ialah kandungan terperinci Apakah itu seni bina bahagian hadapan web. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!