Baru-baru ini, saya berpikir tentang cara menggabungkan file JS front-end. Tentu saja, itu tidak termasuk file yang tidak dapat digabungkan, tetapi file yang dapat kita gabungkan. Setelah memikirkannya, seharusnya hanya ada tiga cara.
Tiga metode ini adalah sebagai berikut:
1. File besar, semua JS bergabung menjadi satu file besar, dan semua halaman merujuknya.
2. Setiap halaman adalah file besar, dan setiap halaman bergabung untuk menghasilkan file besar JS Anda sendiri.
3. Gabungkan beberapa file besar bersama, gabungkan beberapa file JS bersama sesuai dengan praktik, dan setiap halaman mengacu pada beberapa file besar bersama.
Selain itu, menurut saya, Gabungan memiliki dua tujuan:
1. Untuk mengurangi jumlah permintaan.
2. Pertimbangan Keamanan Kode (semakin banyak file dibagi, semakin mudah dilihat dengan jelas).
PS: Perhatikan bahwa yang saya bicarakan bukanlah kebingungan kompresi, gabungkan saja
1. File besar
Dengan cara ini adalah menggabungkan semua JS menjadi file besar terlepas dari situasinya, dan semua halaman merujuknya, bahkan jika beberapa kode mungkin tidak digunakan.
keuntungan:
(1). Sederhana untuk bergabung dan mudah digunakan.
(2). Halaman lain dapat dimuat menggunakan optimasi cache.
kekurangan:
(1). Halaman dapat dimuat ke dalam kode yang tidak digunakan di halaman ini.
Skenario yang tidak berlaku:
(1). Metode ini jelas tidak cocok untuk aplikasi web besar, dan terlepas dari jumlah kode satu file, kompleksitas bisnis tidak memungkinkan kita untuk melakukan ini (saya belum pernah melihat situs web melakukan ini).
Skenario yang berlaku:
(1). Aplikasi hibrida, apakah mereka aplikasi hybrid ponsel atau aplikasi hybrid PC (aplikasi desktop, mirip dengan kerangka pengembangan tim YouDAO HEX+Chromium+NodeJs), sangat cocok, dan tidak akan ada masalah kecepatan permintaan. Keamanan kode aplikasi tersebut yang terletak di kode klien lebih penting.
PS: Tentu saja, yang paling penting adalah keamanan backend. Terlepas dari apakah frontend retak, apakah backend meningkatkan verifikasi input, dan apakah itu mencegah penjangkauan otoritas, backend adalah kuncinya, yang berarti bahwa pepatah "jangan percaya input dari pengguna."
2. File besar di setiap halaman
Gabungkan setiap halaman untuk menghasilkan file besar JS Anda sendiri, dan menghasilkan beberapa gabungan JS.
keuntungan:
(1). Setiap halaman menggunakan JS yang paling akurat dan tidak akan ada kode yang tidak relevan.
kekurangan:
(1). Ada banyak halaman, beberapa JS akan dihasilkan, menghasilkan sejumlah besar redundansi dalam kode JS umum.
(2). Bagian bersama tidak dapat dimuat menggunakan optimasi cache.
(3). Penggabungan dan penggunaan akan relatif rumit.
Saya selalu berpikir ada sesuatu yang salah dengan metode ini. Aplikasi kecil dapat menanganinya secara langsung dengan file besar, dan aplikasi besar tidak akan melakukan ini, dan mereka tidak dapat digunakan pada aplikasi hibrida. Dalam hal ini di mana ukuran paket instalasi penting, kode yang berlebihan tidak dapat ditoleransi. Ketika saya berpikir tentang berbagai skenario, saya menemukan bahwa itu dapat diselesaikan dengan menggunakan metode di atas atau di bawah, dan itu lebih baik, jadi saya pikir metode ini tidak berguna.
3. Gabungkan beberapa file besar bersama
Menurut praktik, gabungkan beberapa file besar bersama (seperti klasifikasi perpustakaan ketergantungan), dan gabungkan file JS yang diperlukan (seperti klasifikasi bisnis), setiap halaman mengacu pada satu atau lebih file besar bersama dan file JS dari halaman ini.
keuntungan:
(1). Bagian bersama dimuat dan referensi untuk setiap halaman setinggi mungkin tanpa redundansi.
kekurangan:
(1). Akan ada lebih atau kurang halaman tertentu yang akan merujuk kode yang tidak diinginkan, dan berbagi bukanlah berbagi lengkap.
Skenario yang berlaku:
(1). Aplikasi besar dan kecil lebih cocok. Setiap halaman mungkin memiliki banyak bagian umum, dan penggabungan file yang masuk akal akan sangat kritis.
Meringkaskan
Dokumen ini hanyalah pemikiran dan hanya diskusi umum. Ada banyak metode untuk penggabungan file, yang secara dinamis dihasilkan oleh backend atau secara langsung dihasilkan oleh alat (Grunt+NeedJS). Tiga metode penggabungan di atas juga ditentukan oleh kebutuhan praktis kita.
Penggabungan sangat penting, tetapi tidak disarankan agar semua dokumen digabungkan. Beberapa dokumen tidak dapat digabungkan. Beberapa lebih baik untuk dokumen individual, tetapi itu tergantung pada skenario spesifik.
Tiga cara di atas untuk menggabungkan file js front-end adalah semua konten yang saya bagikan dengan Anda. Saya harap Anda dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.