❄️Selamat Tahun Baru Dev.to! Keputusan saya untuk ️

Hello semua! Pada malam 2025, saya ingin mengucapkan tahniah kepada semua orang pada percutian ini! Banyak yang berlaku pada tahun ini. Dalam artikel ini, saya ingin meringkaskan kerja yang telah saya lakukan selama ini.

Dalam komen, anda juga boleh berkongsi pencapaian anda! Ia akan menjadi menarik untuk dibaca!

Cample.js

Salah satu matlamat utama saya pada tahun 2024 adalah untuk meningkatkan rangka kerja kepada salah satu yang terpantas di web menggunakan kereaktifan tanpa DOM maya. Menjelang akhir tahun 2023, metrik rangka kerja berada pada 1.12. Ini adalah keputusan yang agak baik, tetapi bagaimanapun ia adalah lambat untuk saya, yang hanya buruk.

Apa pun, selepas setengah tahun atau lebih, saya akhirnya dapat menyelesaikan pelaksanaannya. Ya, ia mengambil masa yang lama, sudah tentu, saya tidak dapat memikirkannya dalam masa yang lama. Sebenarnya, penyelesaian itu kelihatan remeh di permukaan, tetapi ia berlaku seperti yang berlaku. Di suatu tempat sekitar musim panas, saya dapat menyelesaikannya dengan keputusan yang menarik pada 1.08.

Selepas itu, kita boleh mengatakan bahawa tugas itu telah selesai. Ya, anda sudah boleh mempercepatkannya sehingga 1.05, jika anda duduk di sana sedikit lebih lama daripada kelajuan, tetapi ia tidak masuk akal, kerana penyelesaian utama sudah wujud.

Selepas itu, pada masa ini saya mempunyai sedikit kekosongan dalam jiwa saya, kerana saya telah melakukan apa yang saya mahu dan memerlukan makna baru, jadi saya memikirkan idea baru yang boleh dilaksanakan. Dan kesinambungan terbaik rangka kerja itu, pada pendapat saya, ialah:

HMPL

Pada masa itu saya telah pun memahami dengan jelas bahawa tidak ada gunanya dalam membangunkan rangka kerja, kerana fungsi yang ada pada alat UI moden adalah sangat besar, tetapi saya juga tidak mahu kehilangan perkembangan rendering pantas, jadi telah diputuskan untuk mencipta simbiosis antara rangka kerja lama, penanda lanjutannya dan berfungsi dengan pelayan.

Cari sendiri, terdapat markup yang berfungsi, yang boleh berguna dalam kerja, tetapi dalam rangka kerja itu tidak berfungsi:

<div>



<p>I didn't want to waste so much time spent on the framework + the idea of ​​SSR was already actively developing and developing, that it would be stupid of me not to combine these two parameters into something more worthwhile. Which does not create an architecture, but only complements. This is exactly what the first version of HMPL was.</p>

<p>After working for several months, the first version of HMPL was released, which was also called <strong>cample-html</strong>. It was the same as what I had done before, but only in the context of working with the server. It looked like this:<br>
</p>

<pre class="brush:php;toolbar:false">const templateFn = CampleHTML.createTemplate(
  `<template data-cample data-src="/api/test" data-method="get"></template>`
);

// (After the response arrives from the server) { element = template (HTMLTemplateElement type), status = 200 }
const elementObj = templateFn({
  credentials: "same-origin",
  get: (prop, value) => {
    if (prop === "element") {
      console.log(value);
    }
  },
});

Ia sudah kelihatan lebih kurang seperti sekarang, tetapi ketika itu ia lebih kepada ujian beta. Terdapat banyak urusan yang belum selesai yang menghalang penggunaan biasa modul ini. Tambahan pula nama itu panjang dan dahsyat, jadi banyak yang perlu diubah.

Kini, enam bulan kemudian, kita sudah boleh mengatakan bahawa ia agak mungkin untuk menggunakannya. Banyak fungsi hebat telah dilaksanakan, seperti penghafalan, acara, badan automatik untuk borang dan banyak lagi, tetapi bahagian utama kerja masih belum selesai. Saya melihat bahawa adalah mungkin untuk membuat selang permintaan, menambah sokongan untuk soket web dan juga melaksanakan beberapa perkara lagi yang ada dalam rancangan.

Setakat ini, perkara berikut telah dilaksanakan untuk projek:

import { compile } daripada "hmpl-js";

const templateFn = compile(
  `<div>
  <form onsubmit="function prevent(e){e.preventDefault();};return prevent(event);">



<p>Pada pendapat saya, ini kelihatan sangat menjanjikan dan fungsi sedemikian boleh membantu ramai orang dalam mencipta tapak web yang hebat.</p>

<h2>
  
  
  Kesimpulan
</h2>

<p>Tahun ini, kami boleh melakukan lebih banyak lagi, menambah fungsi, menambah baik pepijat, dsb., tetapi saya fikir pada tahun 2025, semoga ia akan menjadi lebih baik dengan semua ini.</p>

<p>Inilah hasilnya. Saya rasa sangat sedikit yang telah dilakukan, tetapi begitulah hasilnya. Bagaimana keadaan anda? Ia akan menjadi menarik untuk dibaca.</p>

<p><em><strong>Terima kasih semua kerana membaca artikel! Saya harap semuanya akan baik-baik saja untuk anda dan semua impian anda akan menjadi kenyataan pada tahun baharu, kod akan bersih, dan pepijat akan jarang berlaku!</strong></em></p>

<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173583599171114.jpg" class="lazy" alt="❄️Happy New Year Dev.to! My results for ️"></p>


          

            
        

Atas ialah kandungan terperinci ❄️Selamat Tahun Baru Dev.to! Keputusan saya untuk ️. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!