Apakah perbezaan antara bahagian hadapan web dan bahagian hadapan

Front-end ialah istilah umum dengan skop bahagian hadapan web yang tergolong dalam bahagian hadapan pembangunan web Ia adalah skop yang jelas dan arahnya lebih jelas termasuk bahagian depan mudah alih pembangunan akhir dan pembangunan hadapan web, yang merangkumi Pembangunan PC dalam bidang pembangunan terminal dan terminal mudah alih, manakala pembangunan hujung hadapan web terutamanya merujuk kepada pembangunan web sebelah PC tradisional, yang merupakan perbezaan terbesar antara mereka.

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

Front-end ialah istilah umum dengan skop yang lebih luas Web front-end tergolong dalam bahagian hadapan pembangunan web Ia adalah skop yang jelas dan arahnya lebih jelas. Kerja bahagian hadapan melaksanakan pengekodan aplikasi sisi pengguna berdasarkan reka bentuk produk/UI tergolong dalam kategori pembangunan bahagian hadapan (termasuk borang aplikasi yang berbeza seperti web, aplikasi, program kecil, desktop, dll.); antara muka yang menghadap pengguna, secara amnya, bahagian hadapan termasuk hujung hadapan Web.

Ringkasnya, pembangunan bahagian hadapan merangkumi pembangunan bahagian hadapan mudah alih dan pembangunan bahagian hadapan web, yang merangkumi pembangunan dan pembangunan sisi PC dalam bidang bahagian depan mudah alih terutamanya merujuk kepada pembangunan laman web sebelah PC tradisional Ini adalah Perbezaan terbesar antara mereka.

Pembangunan bahagian hadapan mudah alih dan pembangunan bahagian hadapan web kedua-duanya tergolong dalam pembangunan bahagian hadapan, dengan perbezaan berikut.

1. Senario aplikasi perniagaan

Pembangunan bahagian hadapan web terutamanya merujuk kepada pembangunan web sebelah PC yang dijalankan terutamanya dalam penyemak imbas bahagian hadapan mudah alih pada mudah alih.

Secara intuitif, anda akan merasakan bahawa halaman PC lebih besar dan halaman mudah alih lebih kecil Namun, mengikut pengalaman pembangunan, halaman yang besar tidak bermakna kod bertulis itu rumit, dan halaman kecil tidak. bermakna bahawa pembangunan adalah mudah atau sukar Berurusan dengan urus niaga terutamanya bergantung kepada keperluan perniagaan tertentu.

2. Penggunaan teknologi baharu

Memandangkan terminal mudah alih terutamanya berasaskan kernel webkit, ia mempunyai sokongan yang lebih baik untuk teknologi baharu seperti HTML5, jadi teknologi baharu boleh digunakan pada lebih luas. skala, dan pembangunan sisi PC memerlukan keserasian dengan versi pelayar lama seperti IE dalam banyak senario Disebabkan pertimbangan keserasian penyemak imbas, penggunaan teknologi baharu kadangkala dihadkan.

3. Kebolehsuaian halaman

Pembangunan halaman sebelah PC tradisional secara amnya memilih untuk menetapkan lebar tetap untuk halaman dengan ruang putih di kedua-dua belah Walau bagaimanapun, halaman sebelah mudah alih mempunyai telefon mudah alih skrin sebagai pembawanya jauh lebih kecil daripada PC dan secara amnya memilih untuk memaparkan sebanyak mungkin kandungan pada skrin telefon mudah alih .

Dari sudut pandangan ini, penyesuaian halaman mudah alih adalah lebih sukar.

4. Prestasi halaman

Keadaan rangkaian pada bahagian PC secara amnya agak stabil, dan ia disambungkan ke rangkaian melalui kabel rangkaian atau Wi-Fi Walau bagaimanapun, bahagian mudah alih adalah lebih rumit. Selain Wi-Fi, terdapat Pertukaran antara 2G, 3G, 4G dan juga antara beberapa sambungan rangkaian yang berbeza sering berlaku.

Cabaran yang dibawa oleh sambungan rangkaian yang tidak stabil kepada prestasi halaman ialah sumber halaman pada bahagian mudah alih tidak boleh terlalu besar, jika tidak, halaman tersebut tidak boleh diakses dalam keadaan rangkaian yang lemah, yang menjejaskan pengalaman pengguna secara serius.

5. Pemilihan bingkai

Disebabkan oleh ketidakstabilan rangkaian mudah alih, apabila memilih rangka kerja halaman mudah alih, kami biasanya hanya mempertimbangkan rangka kerja yang kecil dan cantik, seperti zepto.js Selepas pemampatan sedemikian, terdapat hanya 9.6K, yang boleh memenuhi keperluan perniagaan umum Jika anda ingin membina aplikasi satu halaman yang lebih kompleks, anda boleh memilih rangka kerja seperti vue.js, yang berkuasa, tetapi volum selepas pemampatan hanya lebih daripada. 20K.

Di bahagian web, julat pilihan adalah agak besar, dan beberapa rangka kerja yang lebih berat juga boleh dipertimbangkan berdasarkan keperluan projek Contohnya, ext.js purba tetapi besar masih aktif dalam beberapa perusahaan dengannya banyak komponen UI Dalam projek sistem pengurusan latar belakang.

Maklumat lanjutan

Teknologi yang diperlukan untuk pembangunan bahagian hadapan Web:

1 , XHTML, CSS3), memahami piawaian berkaitan pelbagai teknologi.

2. Kuasai pengaturcaraan tak segerak Ajax dan boleh menulis komponen bahagian hadapan berprestasi tinggi yang boleh diguna semula.

3 Mempunyai pemahaman yang mendalam tentang idea pengaturcaraan dan rangka kerja bahagian hadapan seperti OO, MVC dan MVVM, dan mahir dalam rangka kerja bahagian hadapan (rangka kerja bahagian hadapan yang biasa digunakan Vuejs, AngularJS, React. , Bootstrap, UI CEPAT dan terminal mudah alih termasuk: Frozen UI , weUI, SUI, MUI, AUI) untuk memahami prinsipnya (terdapat banyak rangka kerja, pilih dua atau tiga rangka kerja arus perdana, mahir dan mempunyai pemahaman yang mendalam).

4. Baik dalam pengoptimuman prestasi Web, kebolehcapaian, pengalaman yang baik dalam SEO, dll.; memahami konsep pemisahan lapisan pembentangan dan lapisan data, semantik web (ini juga merupakan tambahan yang sangat berguna apabila mencari pekerjaan ) item).

5. Fahami mekanisme keselamatan bahagian hadapan, dan biasakan dengan protokol HTTP dan strategi cache penyemak imbas.

6 Biasakan diri dengan pelaksanaan kod sumber rangka kerja pembangunan JS biasa (seperti prototaip, jQuery, Mootools, Ext, Dojo, underscore, YUI, Kissy), dan mahir dalam sekurang-kurangnya satu (sudah tentu , jangan pilih seseorang yang menggunakannya) Terdapat sangat sedikit rangka kerja Anda mesti faham bahawa projek besar dilakukan oleh pasukan dan anda tidak boleh membinanya sendiri).

7. Mempunyai pengalaman yang baik dalam penulisan kod dan penulisan dokumen reka bentuk, dan mahir dalam menggunakan Git dan alat kawalan versi lain.

8. Mempunyai pemahaman yang jelas tentang isu keserasian penyemak imbas biasa dan mempunyai penyelesaian yang boleh dipercayai, seperti IE6/7/8/9, Firefox, Safari dan Chrome.

9. Mempunyai estetika yang tinggi (ini sangat penting. Jika anda melihat lebih banyak templat dan projek mewah, anda boleh merasakan jurang yang besar).

(Mempelajari perkongsian video: Bermula dengan bahagian hadapan web)

Atas ialah kandungan terperinci Apakah perbezaan antara bahagian hadapan web dan bahagian hadapan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!