❄️Bonne année Dev.to ! Mes résultats pour ️

Bonjour à tous ! A la veille de 2025, je voudrais féliciter tout le monde pour cette fête ! Il s’est passé beaucoup de choses cette année. Dans cet article, je voudrais résumer le travail que j'ai effectué pendant cette période.

Dans les commentaires, vous pouvez également partager vos réalisations ! Ce sera intéressant à lire !

Cample.js

L'un de mes principaux objectifs en 2024 était d'améliorer le framework pour en faire l'un des plus rapides du Web en utilisant la réactivité sans DOM virtuel. Fin 2023, les indicateurs du cadre étaient de 1,12. C'était un plutôt bon résultat, mais de toute façon, c'était lent pour moi, ce qui est tout simplement mauvais.

Quoi qu'il en soit, après environ six mois, j'ai enfin pu terminer la mise en œuvre. Oui, cela a pris beaucoup de temps, bien sûr, je n'ai pas pu le comprendre en autant de temps. En fait, les solutions semblaient triviales en surface, mais les choses se sont produites comme elles se sont produites. Aux alentours de l'été, j'ai pu le terminer avec un résultat sympa en 1.08.

Après cela, on peut dire que la tâche était terminée. Oui, vous pouvez déjà l'accélérer jusqu'à 1,05, si vous restez assis un peu plus longtemps sur la vitesse, mais cela n'a pas beaucoup de sens, puisque la solution principale existe déjà.

Après cela, à ce moment-là, j'avais un peu de vide dans mon âme, car j'avais déjà fait ce que je voulais et j'avais besoin d'un nouveau sens, alors j'ai réfléchi à une nouvelle idée qui pourrait être mise en œuvre. Et la meilleure continuation du framework, à mon avis, était :

HMPL

À ce moment-là, j'avais déjà clairement compris qu'il n'y avait aucun intérêt particulier à développer le framework, car les fonctionnalités dont disposent les outils d'interface utilisateur modernes sont tout simplement colossales, mais je ne voulais pas non plus perdre les développements du rendu rapide, donc il a été décidé de créer une symbiose entre l'ancien framework, son balisage étendu et le travail avec le serveur.

Regardez par vous-même, il existe un tel balisage fonctionnel qui peut être utile au travail, mais dans le cadre, cela ne fonctionne tout simplement pas :

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

Cela ressemblait déjà plus ou moins à ce qu'il est aujourd'hui, mais à l'époque, il s'agissait plutôt d'un test bêta. De nombreuses tâches inachevées ont empêché une utilisation normale de ce module. De plus, le nom est long et terrible, donc beaucoup de choses ont dû être changées.

Maintenant, six mois plus tard, on peut déjà dire qu'il est tout à fait possible de l'utiliser. De nombreuses fonctionnalités intéressantes ont été implémentées, telles que la mémorisation, les événements, la carrosserie automatique pour les formulaires et bien plus encore, mais l'essentiel du travail n'a pas encore été effectué. Je vois qu'il est possible de créer un intervalle de requête, d'ajouter la prise en charge des sockets Web et également d'implémenter quelques autres éléments prévus.

Jusqu'à présent, les éléments suivants ont été mis en œuvre pour le projet :

importer { compile } depuis "hmpl-js" ;

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



<p>À mon avis, cela semble vraiment prometteur et une telle fonctionnalité peut aider de nombreuses personnes à créer un site Web sympa.</p>

<h2>
  
  
  Conclusion
</h2>

<p>Cette année, nous aurions pu faire plus, ajouter des fonctionnalités, améliorer les bugs, etc., mais je pense qu'en 2025, espérons-le, ce sera mieux avec tout ça.</p>

<p>Voici les résultats. Je pense que très peu de choses ont été faites, mais c'est comme ça que ça s'est passé. Comment ça se passe pour toi ? Ce serait intéressant à lire.</p>

<p><em><strong>Merci à tous d'avoir lu l'article ! J'espère que tout ira bien pour vous et que tous vos rêves se réaliseront au cours de la nouvelle année, que le code sera propre et que les bugs seront rares !</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>


          

            
        

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!