Rumah >hujung hadapan web >tutorial js >Evolusi Teknologi Web dan Penyemak Imbas

Evolusi Teknologi Web dan Penyemak Imbas

DDD
DDDasal
2024-11-03 07:08:03460semak imbas

Evolution of Web Tech and Browsers

Hei, sana! Pernahkah anda terfikir bagaimana sebenarnya web berfungsi dan apa yang sebenarnya berlaku apabila anda memasukkan URL dalam pelayar misteri anda itu? Jangan risau, anda tidak bersendirian — kebanyakan daripada kami menganggap web sebagai sejenis kotak hitam. Tetapi oleh kerana anda telah mengklik pada blog ini, saya rasa anda mungkin ingin mengintip ke dalam. Itu hebat! Rasa ingin tahu mungkin telah membunuh kucing itu, tetapi bagi pembangun, ia adalah sos rahsia.

Walaupun anda tahu sedikit tentang cara ia berfungsi, anda mungkin masih mempersoalkan mengapa ia berkembang dengan cara ini. Saya percaya bahawa "untuk memahami masa kini dan meramalkan atau mempengaruhi masa depan, kita perlu mengetahui masa lalu". Atau seperti yang dicadangkan oleh sesetengah pihak, hum kronologi samajhna chahiye! Jadi mari kita menelusuri evolusi teknologi web dan penyemak imbas, membahagikannya kepada empat fasa yang dipermudahkan untuk kejelasan. Pada penghujung perjalanan ini, anda akan memahami bukan sahaja cara teknologi web berkembang, tetapi juga perkara yang berlaku di bawah hud, sebab perubahan ini berlaku dan maksudnya untuk masa depan web.

Nota : Ini bukan garis masa yang tepat tetapi lebih kepada fasa yang dipermudahkan untuk membantu pemahaman.

Fasa Sifar: Web Prasejarah

Mari kita undur ke masa sebelum 1980-an

Bayangkan sekumpulan penyelidik berkeliaran di sekitar universiti di A.S., meletakkan wayar fizikal antara komputer untuk memindahkan atau berkongsi data. Perintis teknologi ini menubuhkan protokol seperti FTP (Protokol Pemindahan Fail) dan SMTP (Protokol Pemindahan Mel Mudah) untuk berkongsi fail dan menghantar e-mel — kebanyakannya mengenai eksperimen terobosan mereka dan mungkin gosip pejabat sekali-sekala. Dahulu terdapat pelayan yang boleh kami sambungkan melalui klien jauh dan menyimpan atau mengambil fail pada cakera menggunakan arahan bertulis.

Ini bagus untuk jumlah data yang kecil, tetapi apabila data berkembang lebih cepat dan lebih pantas, mencari maklumat khusus menjadi sakit kepala. Mendapatkan semula data diperlukan mengetahui laluan yang tepat, alamat pelayan, dan mungkin melakukan sedikit tarian untuk menenangkan tuhan komputer. Maklumat berharga berisiko hilang dalam shuffle digital, bertaburan di seluruh pelayan seperti stoking hilang dalam pusaran dobi.

Fasa Pertama: Kelahiran Web

Masuk akhir 1980-an dan awal 1990-an

Along datang seorang rakan British yang cemerlang bernama Sir Tim Berners-Lee. Beliau menulis cadangan yang dipanggil Pengurusan Maklumat: Cadangan. Di mana beliau bercakap tentang menggunakan sistem teks bukan linear yang dikenali sebagai "hiperteks", yang bermaksud teks yang merangkumi pautan kepada maklumat berkaitan yang disambungkan seperti sarang labah-labah gergasi. Jadi menavigasi dan meneroka melalui data berkaitan adalah lebih mudah dan kehilangan maklumat akan diminimumkan!

Dalam cadangan ini, beliau juga merujuk komputer yang saling berkaitan sebagai "web". Dan seperti itu, World Wide Web dilahirkan! Dia tidak berhenti di situ; dia terus mencipta HyperText Transfer Protocol (HTTP), membangunkan penyemak imbas pertama, dengan nama yang menawan WorldWideWeb (kemudian dijenamakan semula sebagai Nexus), pelayan web HTTP pertama dan tapak web pertama. Bercakap tentang pencapaian yang melampau!

  • HTTP (HyperText Transfer Protocol): Satu set peraturan, sintaks dan semantik yang digunakan untuk pemindahan maklumat antara klien (cth., pelayar web anda) dan pelayan web (the komputer jauh mengehos tapak web). Jika anda tertanya-tanya tentang nama itu, pada mulanya ia hanya bertujuan untuk pemindahan fail HTML. Tetapi ia berkembang untuk menyokong pemindahan semua jenis data dalam versi kemudian, selepas pengenalan pengepala, terutamanya pengepala Jenis Kandungan.

  • Pelayan Web HTTP : Komputer yang boleh memahami protokol HTTP ini. Tugas utama ini adalah untuk menghuraikan permintaan dan menyampaikan respons yang diminta, pada masa ini kebanyakannya fail HTML, CSS, JPG statik.

Ini adalah apabila HTML (Hypertext Markup Language) mula dimainkan, menggabungkan idea hiperteks dengan SGML (Standard Generalized Markup Language), yang kemudiannya digunakan untuk memformat dokumen. Versi pertama HTML adalah agak asas — ia menyokong tajuk, perenggan, senarai dan pautan. Tiada fon mewah atau animasi mencolok — hanya yang penting.

Untuk beberapa tahun pertama, web adalah seperti kelab eksklusif untuk penyelidik dan ahli akademik. Kemudian beberapa orang bijak membangunkan penyemak imbas yang dipanggil Mozek, yang boleh memaparkan imej. Ya, imej! Ini menjadikan web lebih mudah diakses oleh orang awam kerana, mari kita hadapi, gambar bernilai seribu baris (tiada gambar dalam blog ini?)!

Di bawah Hud Pelayar

Jadi, mari kita lihat apa yang berlaku dalam penyemak imbas ini dengan keupayaan yang lebih tinggi

Antara Muka Pengguna : Setiap penyemak imbas mempunyai bar navigasi di bahagian atas tempat semua tab terbuka anda (atau tetingkap ketika itu) kelihatan. Di bawahnya ialah bar alamat tempat anda memasukkan alamat tapak web. Di bawah itu adalah tempat (viewport) di mana kandungan laman web yang anda masukkan akan dipaparkan. Ingat, ini sebelum enjin carian, jadi jika anda tidak mengetahui alamat yang tepat, anda tidak bernasib baik — seperti cuba mencari tempat tanpa GPS atau peta.

Mengambil Data : Apabila anda memasukkan alamat tapak web, Modul Rangkaian penyemak imbas akan mengambil data dengan melaksanakan tugas seperti resolusi DNS dan mewujudkan sambungan selamat dengan pelayan untuk memulakan komunikasi. Penyemak imbas kemudiannya akan menerima data dalam bentuk HTML daripada pelayan.

Enjin Rendering : Enjin rendering akan mula menghuraikan HTML. Jika ia menemui teg yang memerlukan sumber tambahan, seperti imej () atau gaya (