javascript - Bagaimana untuk melaksanakan halaman DIY?

Question

Mungkin tajuknya tidak begitu jelas, jadi mari kita tunjukkan renderingnya

Seperti yang ditunjukkan dalam pemaparan di atas, anda boleh mengedit parameter konfigurasi sendiri dan kemudian melihatnya Setiap modul juga boleh diseret dan digugurkan. Saya ingin bertanya bagaimana teknologi ini dilaksanakan.

Answer 1

Secara ringkasnya, saya memberi anda p dan meminta untuk mengubah suai lebar kotak input berdasarkan nilainya. Ini tidak sukar untuk dilaksanakan.

Selepas anda melaksanakan ini, tambahkan fungsi seperti ketinggian, kedudukan, kebolehseretan, pemadaman dan penambahan secara perlahan-lahan, dsb. Elemen lain adalah serupa.

Jika anda biasa dengan berorientasikan objek, ia adalah objek dengan pelbagai atribut. Proses mengubah suai atribut melalui kotak input, menyeret, dsb.

Answer 2

Intipati halaman DIY ialah semua halaman yang mungkin telah ditulis, anda hanya mengubah suai parameter

---

Beri saya buah berangan yang ringkas

1. Komen kosong bila tiada jawapan

2. Apabila ada komen, kotak komen akan muncul Jika ada beberapa komen, beberapa kotak komen akan dipaparkan

Satu-satunya perbezaan ialah satu ditentukan oleh bilangan komen, dan satu lagi ditentukan oleh parameter yang anda pilih, termasuk mengubah suai saiz dan warna p, yang hanya menyimpan parameter anda dan menggunakan yang sepadan js Tukarkan kepada kesan yang anda lihat

Answer 3

Templat halaman hendaklah dikonfigurasikan oleh satu set data json (contohnya: konfigurasikan gambar dalam halaman, lebar dan tinggi gambar, nisbah penskalaan, atribut tersuai, dll. Jenis halaman sepadan dengan data json yang berbeza, iaitu fleksibel dan berskala Tinggi

Answer 4

Sebenarnya, responden lain memberikan jawapan yang sangat baik, tetapi mereka mungkin terlalu abstrak untuk penyoal. Biar saya terangkan secara ringkas idea halaman DIY:

Anda boleh menganggap halaman ini sebagai dipasang daripada banyak blok binaan, yang kami panggil komponen dalam pembangunan.

Setiap komponen boleh diabstraksikan menjadi objek, dan struktur dom, gaya css dan js yang sepadan semuanya ditulis. Secara amnya, akan ada objek data (seperti json) untuk menyimpan parameter konfigurasi tersuai ini supaya anda boleh membaca dan menulis data yang sepadan apabila anda mengendalikan komponen tersebut.

Apabila anda menambah komponen, js akan membaca data konfigurasi, kemudian menjana struktur dom yang sepadan dan menjadikannya html, dan anda boleh melihat kesannya.

PS: Jika subjek ingin melaksanakan fungsi yang serupa, adalah disyorkan untuk melaksanakan salah satu komponen dahulu, dan kemudian memanjangkan parameter komponen boleh dikonfigurasikan...

Answer 5

Jika anda boleh membaca kod, hanya gunakan f12 untuk membaca kod tersebut