❄️Frohes Neues Jahr, Dev.to! Meine Ergebnisse für ️

Hallo zusammen! Am Vorabend des Jahres 2025 möchte ich allen zu diesem Feiertag gratulieren! In diesem Jahr ist viel passiert. In diesem Artikel möchte ich die Arbeit zusammenfassen, die ich in dieser Zeit geleistet habe.

In den Kommentaren können Sie auch Ihre Erfolge teilen! Es wird interessant zu lesen sein!

Cample.js

Eines meiner Hauptziele im Jahr 2024 war es, das Framework mithilfe von Reaktivität ohne virtuelles DOM zu einem der schnellsten im Web zu verbessern. Bis Ende 2023 lagen die Kennzahlen des Frameworks bei 1,12. Das war ein ziemlich gutes Ergebnis, aber es war trotzdem langsam für mich, was einfach schlecht ist.

Wie auch immer, nach etwa einem halben Jahr konnte ich die Implementierung endlich abschließen. Ja, es hat natürlich lange gedauert, ich konnte es in so langer Zeit nicht herausfinden. Tatsächlich schienen die Lösungen oberflächlich betrachtet trivial, aber es geschah, wie es geschah. Irgendwann im Sommer konnte ich es mit 1.08 zu einem coolen Ergebnis fertigstellen.

Danach können wir sagen, dass die Aufgabe erledigt ist. Ja, Sie können es bereits auf 1,05 beschleunigen, wenn Sie etwas länger über der Geschwindigkeit sitzen bleiben, aber es macht nicht viel Sinn, da die Hauptlösung bereits existiert.

Danach hatte ich im Moment eine kleine Leere in meiner Seele, da ich bereits getan hatte, was ich wollte und einen neuen Sinn brauchte, also dachte ich über eine neue Idee nach, die umgesetzt werden könnte. Und die beste Fortsetzung des Frameworks war meiner Meinung nach:

HMPL

Zu diesem Zeitpunkt war mir bereits klar, dass es keinen besonderen Sinn hatte, das Framework zu entwickeln, da die Funktionalität moderner UI-Tools einfach kolossal ist, aber ich wollte auch die Entwicklungen des schnellen Renderings nicht verlieren, also Es wurde beschlossen, eine Symbiose zwischen dem alten Framework, seinem erweiterten Markup und der Arbeit mit dem Server zu schaffen.

Sehen Sie selbst, es gibt so ein funktionierendes Markup, das bei der Arbeit nützlich sein kann, aber im Rahmen funktioniert es einfach nicht:

<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);
    }
  },
});

Es sah schon mehr oder weniger so aus, wie es jetzt ist, aber damals war es eher ein Betatest. Es gab viele unerledigte Aufgaben, die die normale Nutzung dieses Moduls verhinderten. Außerdem ist der Name lang und schrecklich, sodass viel geändert werden musste.

Jetzt, sechs Monate später, können wir bereits sagen, dass die Verwendung durchaus möglich ist. Viele coole Funktionen wurden implementiert, wie z. B. Memoisierung, Ereignisse, automatischer Körper für Formulare und vieles mehr, aber der Hauptteil der Arbeit ist noch nicht erledigt. Ich sehe, dass es möglich ist, ein Anforderungsintervall festzulegen, Unterstützung für Web-Sockets hinzuzufügen und auch ein paar weitere Dinge zu implementieren, die in den Plänen sind.

Bisher wurde für das Projekt Folgendes umgesetzt:

import { compile } from „hmpl-js“;

const templateFn = kompilieren(
  `<div>
  <form onsubmit="function prävent(e){e.preventDefault();};return prävent(event);">



<p>Meiner Meinung nach sieht das wirklich vielversprechend aus und eine solche Funktionalität kann vielen Menschen bei der Erstellung einer coolen Website helfen.</p>

<h2>
  
  
  Abschluss
</h2>

<p>Dieses Jahr hätten wir mehr tun, Funktionen hinzufügen, Fehler verbessern usw., aber ich denke, dass es im Jahr 2025 hoffentlich besser wird.</p>

<p>Hier sind die Ergebnisse. Ich denke, dass sehr wenig getan wurde, aber so kam es. Wie läuft es bei dir? Es wäre interessant zu lesen.</p>

<p><em><strong>Vielen Dank an alle, die den Artikel gelesen haben! Ich hoffe, dass für Sie alles gut wird und alle Ihre Träume im neuen Jahr wahr werden, der Code sauber ist und Fehler selten sind!</strong></em></p>

<p><img src="https://img.php.cn/upload/article/000/000/000/173583599171114.jpg" alt="❄️Happy New Year Dev.to! My results for ️"></p>


          

            
        

Das obige ist der detaillierte Inhalt von❄️Frohes Neues Jahr, Dev.to! Meine Ergebnisse für ️. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!