Coretan JavaScript Yang Akan Menjimatkan Anda Berjam-jam Pengekodan

JavaScript ialah bahasa yang berkuasa, tetapi menulis kod berulang boleh menghabiskan masa anda. 10 coretan JavaScript berguna ini akan memudahkan tugas biasa dan meningkatkan produktiviti anda. Mari selami!

---

1. Semak sama ada Elemen berada dalam Viewport

Tentukan dengan mudah sama ada elemen kelihatan dalam port pandangan:

const isInViewport = (element) => {
  const rect = element.getBoundingClientRect();
  return (
    rect.top >= 0 &&
    rect.left >= 0 &&
    rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
    rect.right <= (window.innerWidth || document.documentElement.clientWidth)
  );
};

2. Salin ke Papan Klip

Salin teks dengan cepat ke papan keratan tanpa menggunakan perpustakaan luaran:

const copyToClipboard = (text) => {  navigator.clipboard.writeText(text); };

---

3. Kocok Tatasusunan

Rawak susunan elemen dalam tatasusunan dengan satu pelapik ini:

const shuffleArray = (array) => array.sort(() => Math.random() - 0.5);

---

4. Ratakan Tatasusunan Berbilang Dimensi

Tukar tatasusunan bersarang kepada tatasusunan satu peringkat:

const flattenArray = (arr) => arr.flat(Infinity);

---

5. Dapatkan Nilai Unik dalam Tatasusunan

Alih keluar pendua daripada tatasusunan:

const uniqueValues = (array) => [...new Set(array)];

---

6. Hasilkan Warna Hex Rawak

Buat warna heks rawak dengan mudah:

const randomHexColor = () => `#${Math.floor(Math.random() * 0xffffff).toString(16).padStart(6, '0')}`;

---

7. Nyahlantunkan Fungsi

Halang fungsi daripada menyala terlalu kerap, sesuai untuk input carian:

const debounce = (func, delay) => {  let timeoutId;  return (...args) => {    clearTimeout(timeoutId);    timeoutId = setTimeout(() => func(...args), delay);  }; };

---

8. Kesan Mod Gelap

Semak sama ada sistem pengguna berada dalam mod gelap:

const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;

---

9. Gunakan huruf besar pada Huruf Pertama Rentetan

Coretan ringkas untuk menggunakan huruf besar huruf pertama:

const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);

---

10. Hasilkan Integer Rawak

Jana nombor rawak dalam julat:

const randomInteger = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;

---

Kesimpulan

Coretan ini ialah cara terbaik untuk menjimatkan masa dan usaha dalam projek JavaScript anda. Tandai halaman atau sepadukannya ke dalam perpustakaan utiliti peribadi anda!

Ketahui Lebih Lanjut

Untuk lebih banyak petua dan helah JavaScript, lihat artikel asal tentang Binari Skrip.

Atas ialah kandungan terperinci Coretan JavaScript Yang Akan Menjimatkan Anda Berjam-jam Pengekodan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!