Lebih setahun yang lalu, saya telah ditugaskan untuk membangunkan tapak web baharu untuk salah satu kumpulan R&D kolej saya. Laman web lama mereka dibina di atas templat jQuery dan secara amnya sukar untuk diselenggara. Setelah membina antara muka pengguna selama kira-kira setahun sehingga ketika itu, saya fikir saya mempunyai apa yang diperlukan untuk merekayasa tapak web yang lebih baik... Saya silap!
Projek yang saya kerjakan sebelum itu semuanya menggunakan React.js, beberapa dengan dan beberapa tanpa Next.js. Seperti yang mereka katakan, "jika yang anda ada hanyalah tukul, semuanya kelihatan seperti paku." Oleh itu, saya memilih teknologi ini untuk membina tapak web statik yang ringkas.
Setelah ditinjau, dari awal sudah jelas perkara ini tidak dapat berakhir dengan baik. React.js agak hebat, sebenarnya, jika anda ingin membina antara muka pengguna yang sangat interaktif dan dinamik dengan kandungan terdorong data. Next.js ialah rangka kerja yang disertakan dengan baik yang menawarkan pemaparan sebelah pelayan, penghalaan dan membantu mengoptimumkan prestasi (antara banyak perkara lain). Walau bagaimanapun, tapak web yang saya bina adalah statik, bermakna ia tidak akan mendapat manfaat daripada kebanyakan ciri ini. Sudah tentu, ia boleh dibina dengan React.js dan Next.js — dan memang —, tetapi pada kos berapa?
Alat yang disebutkan di atas agak kompleks. Untuk membina tapak web dengan mereka, anda perlu mengetahui selok belok mereka. Anda tidak boleh hanya menulis penanda dan gaya dan menyebutnya sehari, kerana ia perlu ditulis di dalam paradigma komponen dan cangkuk berfungsi React, mematuhi seni bina berasaskan komponen dan mengendalikan aliran data melalui prop dan konteks... Itu sahaja untuk dikatakan anda akan menulis lebih banyak baris kod.
Itu bukan masalah dengan sendirinya, sudah tentu. Keperluan projek anda mungkin mustahil untuk dipenuhi dengan hanya penandaan dan gaya, dan anda mungkin membuang masa mencipta semula roda menulis kod JavaScript anda sendiri dan bukannya menggunakan penyelesaian luar biasa. Tetapi jika keperluan boleh dipenuhi tanpa kerumitan tambahan ini, adalah bijak untuk berbuat demikian. Jika tidak, anda akan terlalu kejuruteraan dan berakhir dengan projek yang jauh lebih sukar (dan mahal) untuk diselenggara daripada yang sepatutnya.
Beginilah cara kami mencapai bulatan penuh dengan tapak web. Yang lama kena tukar sebab susah nak maintain. Yang baru kini mendapati dirinya dalam keadaan yang sama — sebenarnya, dalam situasi yang lebih teruk ?— terima kasih kepada kecemerlangan seorang jurutera perisian muda dengan himpunan terhad. Saya rasa kita memerlukan tapak web baharu yang baharu sekarang! Saya bercadang untuk membuang pangkalan kod semasa dan membina semula dengan sesedikit mungkin selain daripada HTML dan CSS. Mungkin saya akan mempertimbangkan penjana tapak web statik.
Atas ialah kandungan terperinci Bagaimana untuk (Over) Merekayasa Laman Web Statik Mudah. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Penjelasan terperinci mengenai kaedah penggantian rentetan javascript dan Soalan Lazim Artikel ini akan meneroka dua cara untuk menggantikan watak rentetan dalam JavaScript: Kod JavaScript dalaman dan HTML dalaman untuk laman web. Ganti rentetan di dalam kod JavaScript Cara yang paling langsung ialah menggunakan kaedah pengganti (): str = str.replace ("cari", "ganti"); Kaedah ini hanya menggantikan perlawanan pertama. Untuk menggantikan semua perlawanan, gunakan ungkapan biasa dan tambahkan bendera global g: str = str.replace (/fi

Jadi di sini anda, bersedia untuk mempelajari semua perkara ini yang dipanggil Ajax. Tetapi, apa sebenarnya? Istilah Ajax merujuk kepada kumpulan teknologi longgar yang digunakan untuk membuat kandungan web yang dinamik dan interaktif. Istilah Ajax, yang asalnya dicipta oleh Jesse J

Artikel membincangkan membuat, menerbitkan, dan mengekalkan perpustakaan JavaScript, memberi tumpuan kepada perancangan, pembangunan, ujian, dokumentasi, dan strategi promosi.

Artikel ini membincangkan strategi untuk mengoptimumkan prestasi JavaScript dalam pelayar, memberi tumpuan kepada mengurangkan masa pelaksanaan dan meminimumkan kesan pada kelajuan beban halaman.

Artikel ini membincangkan debugging JavaScript yang berkesan menggunakan alat pemaju pelayar, memberi tumpuan kepada menetapkan titik putus, menggunakan konsol, dan menganalisis prestasi.

Artikel ini akan membimbing anda untuk membuat karusel gambar mudah menggunakan perpustakaan jQuery. Kami akan menggunakan perpustakaan BXSlider, yang dibina di atas jQuery dan menyediakan banyak pilihan konfigurasi untuk menubuhkan karusel. Pada masa kini, Gambar Carousel telah menjadi ciri yang mesti ada di laman web - satu gambar lebih baik daripada seribu perkataan! Selepas membuat keputusan untuk menggunakan karusel gambar, soalan seterusnya adalah bagaimana untuk menciptanya. Pertama, anda perlu mengumpul gambar-gambar resolusi tinggi yang berkualiti tinggi. Seterusnya, anda perlu membuat karusel gambar menggunakan HTML dan beberapa kod JavaScript. Terdapat banyak perpustakaan di web yang dapat membantu anda membuat karusel dengan cara yang berbeza. Kami akan menggunakan Perpustakaan BXSlider Sumber Terbuka. Perpustakaan BXSlider menyokong reka bentuk responsif, jadi karusel yang dibina dengan perpustakaan ini dapat disesuaikan dengan mana -mana

Bawa kesan filem matriks ke halaman anda! Ini adalah plugin jQuery yang sejuk berdasarkan filem terkenal "The Matrix". Plugin mensimulasikan kesan aksara hijau klasik dalam filem, dan hanya pilih gambar dan plugin akan mengubahnya menjadi gambar gaya matriks yang diisi dengan aksara angka. Datang dan cuba, sangat menarik! Bagaimana ia berfungsi Plugin memuat imej ke kanvas dan membaca nilai piksel dan warna: data = ctx.getimagedata (x, y, settings.grainsize, settings.grainsize) .data Plugin dengan bijak membaca kawasan segi empat tepat gambar dan menggunakan jQuery untuk mengira warna purata setiap kawasan. Kemudian, gunakan

Artikel ini menerangkan cara menggunakan peta sumber untuk debug JavaScript minifikasi dengan memetakannya kembali ke kod asal. Ia membincangkan membolehkan peta sumber, menetapkan titik putus, dan menggunakan alat seperti Chrome Devtools dan Webpack.


Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

PhpStorm versi Mac
Alat pembangunan bersepadu PHP profesional terkini (2018.2.1).

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

EditPlus versi Cina retak
Saiz kecil, penyerlahan sintaks, tidak menyokong fungsi gesaan kod

mPDF
mPDF ialah perpustakaan PHP yang boleh menjana fail PDF daripada HTML yang dikodkan UTF-8. Pengarang asal, Ian Back, menulis mPDF untuk mengeluarkan fail PDF "dengan cepat" dari tapak webnya dan mengendalikan bahasa yang berbeza. Ia lebih perlahan dan menghasilkan fail yang lebih besar apabila menggunakan fon Unicode daripada skrip asal seperti HTML2FPDF, tetapi menyokong gaya CSS dsb. dan mempunyai banyak peningkatan. Menyokong hampir semua bahasa, termasuk RTL (Arab dan Ibrani) dan CJK (Cina, Jepun dan Korea). Menyokong elemen peringkat blok bersarang (seperti P, DIV),