Pergerakan perlahan

Suatu ketika dahulu, saya keliru dengan perkembangan pesat teknologi rangkaian. Nampaknya plug-in, rangka kerja, teknologi atau ciri bahasa baru dikeluarkan setiap hari. Saya yakin bahawa untuk bertahan dan bersaing di kalangan freelancer, saya perlu mempelajari segala -galanya yang baik di : Webpack, React, Angular, SVGS, Houdini, susun atur grid CSS, ES6, dan sebagainya. Menjadi aktif di Twitter dan menghadiri pelbagai mesyuarat tidak membantu saya menghadapi masalah ini kerana saya sentiasa terdedah kepada semua yang baru .

Perlahan

Pada satu ketika, saya berputus asa. Saya memutuskan saya tidak dapat bersaing. Dari perspektif kerjaya, ini tidak mengubah apa -apa tentang saya, kerana sebenarnya, tiada siapa yang mengharapkan saya mengetahui segala -galanya, dan perasaan yang saya ada sebelum ini hanya dalam persepsi peribadi saya. Melambatkannya adalah keputusan yang bijak kerana ia bukan sahaja melepaskan tekanan mental saya, ia juga membantu saya memberi tumpuan kepada apa yang saya mahu belajar. Saya masih membaca surat berita, blog, dan Twitter dan masih meluangkan sedikit masa untuk mencuba perkara -perkara baru sekali -sekala, tetapi saya tidak memberi tekanan kepada diri saya sendiri. Saya cuba untuk terus melakukannya, tetapi saya tidak merasakan keperluan untuk menguasai semua pengetahuan.

Inilah cara saya berurusan dengan pembangunan teknologi rangkaian sejak beberapa tahun kebelakangan ini, tetapi baru -baru ini, terutama pada tahun ini, saya telah mempelajari sesuatu yang baru. Ia bukan rangka kerja atau bahasa -ini adalah satu wawasan bahawa dalam keinginan kita untuk inovasi dan kemajuan, kita mengabaikan banyak ciri yang memanfaatkan HTML, CSS dan JavaScript hari ini. Dalam erti kata lain: Jika kita melihat kembali pada masa lalu dan bukannya melihat masa depan, kita boleh belajar banyak.

Jangan mengejar air terjun

Saya katakan ini tidak mengendahkan kerana saya percaya terdapat jurang yang besar antara pengetahuan bahasa depan yang kita fikir kita tahu dan pengetahuan yang sebenarnya kita tahu.

Html

Memeriksa laman web dan menilai kualiti depannya adalah sebahagian daripada pekerjaan dan hobi saya. Saya telah melihat kod asas untuk banyak laman web dan saya hanya boleh mengesahkan apa pakar kebolehaksesan web mempromosikan setiap hari: kebanyakan dokumen HTML berada dalam keadaan yang buruk. Sekiranya anda tidak mempercayai saya, lihat data ini:

• Daripada 1,000,000 laman web teratas, 98.1% daripada kesilapan WCAG 2 yang dapat dikesan.
• Beribu -ribu laman web mengandungi<h7></h7> dan<h8></h8> elemen.
• Selepas tajuk dan metadata, Div adalah elemen yang paling popular.
• Rata -rata, kami hanya menggunakan kira -kira 30 daripada 110+ elemen yang tersedia.

Terdapat perbezaan besar antara memahami sintaks HTML dan mengetahui cara menggunakannya dengan betul. Kita semua boleh mengkaji beberapa perkara ketika menulis dokumen HTML yang berstruktur dan semantik. Pada tahun 2020, saya menghabiskan banyak masa belajar HTML dan saya berharap pengguna laman web yang saya bina akan mendapat manfaat daripada pandangan saya.

Dua perkara kegemaran saya mengenai HTML yang saya pelajari pada tahun 2020:

Anda boleh menukar nama fail yang boleh dimuat turun dengan menentukan nilai dalam harta download .

 <a download="report.pdf" href="https://www.php.cn/link/4bf2689c42aae35e6924a432e435e0b1">Muat turun (2MB)</a>

Anda boleh menggunakan atribut value untuk menukar nombor dalam senarai yang diperintahkan.

<ol>
<li value="3"> C</li>
  <li value="2">B</li>
  <li value="1">A</li>
</ol>

CSS

Hampir setiap kali saya mencari sifat CSS pada trik MDN atau CSS, saya dapati sesuatu yang baru. Cubalah sendiri. Cari margin , list-style-type atau color . Saya pasti anda akan belajar sesuatu.

Senarai kandungan yang saya pelajari mengenai CSS pada tahun 2020 adalah panjang, berikut adalah dua titik kegemaran saya.

Anda boleh menggunakan fungsi url() sebagai (sebahagian daripada) nilai harta content .

 div :: sebelum {
  Kandungan: URL ('penanda-icon.png');
}

Anda boleh melaksanakan tatal lancar asli di CSS.

 /* Anime menatal hanya jika pengguna tidak lebih suka mengurangkan gerakan*/
@media (lebih suka-dikurangkan-gerakan: tidak ada pilihan) {
  html {
    Tingkah laku tatal: licin;
  }

  /* Tambahkan jarak antara sasaran dan bahagian atas viewport*/
  : sasaran {
    Scroll-margin-top: 0.8EM;
  }
}

JavaScript

Saya menulis JavaScript banyak, tetapi bukan kekuatan teras saya, jadi saya telah mempelajari perkara -perkara baru mengenainya. Berikut adalah dua mata kegemaran saya tahun ini:

Anda boleh menggunakan harta nomodule untuk menjalankan kod JavaScript hanya dalam pelayar yang tidak menyokong modul JavaScript.

 // nomodule.js
  Console.log ('Penyemak imbas ini tidak menyokong modul JS.');

// modul.js
  Console.log ('Penyemak imbas ini menyokong modul JS.');

kesimpulannya

HTML adalah tulang belakang setiap laman web; Mengetahui cara menulis dokumen semantik harus menjadi keutamaan bagi setiap pemaju web. CSS sangat rumit sedikit sebanyak, dan untuk mempelajari konsep baru, kita mesti memahami perbandingan mereka dengan teknologi lama, dan masalah yang mereka selesaikan. Rangka kerja dan perpustakaan JavaScript muncul dalam aliran yang tidak berkesudahan, tetapi mereka semua mempunyai satu perkara yang sama, iaitu, mereka ditulis dalam JavaScript asli.

Pada tahun 2020, saya mempelajari semula apa yang telah saya lupakan dan menemui pengetahuan baru mengenai unsur-unsur dan sifat-sifat yang ditetapkan. Jika anda hanya mencarinya, anda akan mendapat banyak pengetahuan tersembunyi. Saya akan memperluaskan topik ini pada tahun 2021 kerana masih terdapat banyak perkara hebat untuk diterokai.

Atas ialah kandungan terperinci Pergerakan perlahan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!