Html5-boilerplate: Pengoptimalan nama file, tambahkan "tunda", salam konsol untuk mengonfirmasi konektivitas

Dibuat pada 20 Agu 2020  ·  18Komentar  ·  Sumber: h5bp/html5-boilerplate

saya sedang mengajukan...

  • [ ] laporan bug
  • [x] permintaan fitur
  • [ ] lainnya (Tolong jangan kirimkan permintaan dukungan di sini (di bawah))

Hai semuanya!!!

Saya MENCINTAI alat ini, ini luar biasa untuk para pengembang seperti saya yang kebanyakan menulis di Vanilla Js , terutama ketika kerangka kerja berlebihan untuk tugas yang ada.
Permintaan fitur saya sederhana- saya akan dengan senang hati membantu mengimplementasikannya jika ada yang dianggap layak!

1. Ubah nama file "main.js" menjadi "app.js"

_Vs Code dan banyak IDE/editor kode lainnya default ke "app.js" sebagai file Javascript "default"_

2. Tambahkan "defer" ke tag skrip file Js sumber:

<script defer src="app.js"></script>

_Ini memungkinkan semua elemen DOM dimuat sebelum menjalankan skrip Js apa pun_

3. Tambahkan 1 baris kode ke main.js (_atau app.js, jika diubah_):

console.log(' √ Js file connected! Thanks for using HTML5 Boilerplate 🔥 ');

_Ini hanya cara yang rapi untuk mengonfirmasi bahwa file HTML dan Js kami siap digunakan!_

4. Ubah nama file "main.css" menjadi "style.css"

<link rel="stylesheet" href="style.css">

_Vs Code dan banyak IDE/editor kode lainnya default ke "style.css" sebagai "default" file css import_

Komentar yang paling membantu

  1. Saya pikir saya akan baik-baik saja dengan mengubah nama dari main.js menjadi app.js, tetapi tidak masalah.
  2. Penundaan dapat sangat membantu untuk mengoptimalkan kecepatan halaman, tetapi itu tidak selalu merupakan ide yang baik karena JS mungkin diperlukan untuk merender halaman. Saya pikir akan lebih baik untuk tidak menambahkan penangguhan ke template.
  3. Saya tidak yakin apakah ini benar-benar dibutuhkan. Mungkin lebih baik bagi para pengembang untuk mengatur pengujian sendiri daripada meninggalkan kode dalam skrip yang dapat digunakan untuk produksi.
  4. Saya pikir ini bisa menjadi ide yang bagus. Setuju bahwa nama file yang paling umum untuk CSS situs adalah 'style.css'

Semua 18 komentar

Saya dapat dihubungi melalui [email protected] selain github.
Terima kasih!!!

  1. Saya pikir saya akan baik-baik saja dengan mengubah nama dari main.js menjadi app.js, tetapi tidak masalah.
  2. Penundaan dapat sangat membantu untuk mengoptimalkan kecepatan halaman, tetapi itu tidak selalu merupakan ide yang baik karena JS mungkin diperlukan untuk merender halaman. Saya pikir akan lebih baik untuk tidak menambahkan penangguhan ke template.
  3. Saya tidak yakin apakah ini benar-benar dibutuhkan. Mungkin lebih baik bagi para pengembang untuk mengatur pengujian sendiri daripada meninggalkan kode dalam skrip yang dapat digunakan untuk produksi.
  4. Saya pikir ini bisa menjadi ide yang bagus. Setuju bahwa nama file yang paling umum untuk CSS situs adalah 'style.css'

Setuju tentang 1 dan 4. Saya selalu menggunakan app.js dan style.css dalam proyek saya. Setuju dengan @coliff tentang 3. Log konsol dapat digunakan untuk produksi secara tidak sengaja.

Waktu sejarah: #1116

Saya akan menunjukkan bahwa kami memiliki proyek terpisah yang secara harfiah disebut main.css jadi akan sedikit lucu untuk mengubah nama downstream. Saya tidak sepenuhnya menentangnya, tapi mungkin agak aneh.

Terimakasih semuanya. Beri tahu saya apa yang ingin Anda lakukan tentang # 1 dan # 4 (jika tidak terlalu aneh, hanya mencoba untuk menjaga hal-hal terkini)

Haruskah saya menutup ini?

Saya akan menindaklanjuti ketika saya punya waktu. Jadi biarkan saja untuk saat ini. Saya tidak dijual dengan biaya apa pun, tetapi saya juga ingin mengatasi saran dengan benar.

Oh oke! Tidak masalah, saya hanya tidak ingin menyusahkan siapa pun. Tidak terburu-buru dalam hal ini sama sekali, saya hanya tidak ingin tab masalah mencolok dengan sesuatu yang saya buka dan tidak proaktif tentang hal itu. Bersulang! 🔥.

Tidak ada kekhawatiran sama sekali. Terkadang barang ini bergerak cepat, di lain waktu tidak begitu banyak.

Saya tidak berencana melakukan apa pun untuk waktu yang lama kecuali meningkatkan keterampilan saya dan terus mengajar beberapa siswa!!! Saya tidak tahu Anda memiliki beberapa buku, saya akan mengambilnya secepatnya. Juga, Senang melihat sesama pengembang dari Mass... Saya dari Springfield, tapi saya telah memainkan banyak pertunjukan seperti itu. Apa pun yang Anda butuhkan, cukup beri saya teriakan, jangan terburu-buru karena alasan apa pun, tidak ada yang rusak haha

@vltansky mungkin keren untuk menambahkan nama file sebagai opsi untuk membuat skrip.

Spoiler: Saya condong ke app.js, tetapi saya ragu untuk mengubah nama main.css, hanya karena proyek yang menghostingnya. Saya kira itu poin diskusi. Apakah penting jika proyek hulu memiliki nama yang berbeda? Saya pikir styles.css adalah nama yang lebih baik, pasti. Mungkin saya akan men-tweet tentang hal itu. Tidak akan ada masalah dengan memiliki main.css sebagai dependensi (sebagai proyek) dan kemudian membangunnya dengan nama apa pun yang kita inginkan. Kami bahkan dapat menambahkannya sebagai opsi untuk proyek main.css. hrm. Saya akan mencoba untuk memindahkan bola ini selama akhir pekan.

🤔.

Kedengarannya bagus. Ini adalah permintaan fitur pertama saya, saya menghargainya

Saya memilih untuk menggunakan nama file style.css . CSS akhir yang dikompilasi pengguna akan menyertakan 'main.css' kami, tetapi juga akan menyertakan gaya kustom mereka sendiri dan mungkin gaya dari plugin lain dll - jadi CSS terakhir dalam proyek mereka bukan hanya 'main.css'.

ya 👍🏻

Hai @klutchdev. Saya telah melakukan fork repositori ini dan menambahkan perubahan seperti yang Anda minta. Sekarang apa yang harus saya lakukan?

Oh!! uhhh, menurut saya terserah @roblarsen ? Dia akan memikirkan beberapa perubahan @coliff , @vltansky , dan saya sendiri membicarakannya jadi saya katakan tunggu saja

ditutup melalui #2341 dan #2342 Terima kasih atas sarannya @klutchdev !

Selamat datang

Apakah halaman ini membantu?
0 / 5 - 0 peringkat