虚拟dom 自学笔记入门级

最新推荐文章于 2024-09-13 14:34:15 发布

TaiXinF

最新推荐文章于 2024-09-13 14:34:15 发布

阅读量187

点赞数

分类专栏：虚拟DOM 文章标签： vue.js 前端 npm javascript

本文链接：https://blog.csdn.net/Tx457973/article/details/124225570

版权

这篇博客主要介绍了虚拟DOM的基本概念，并通过Snabbdom库进行了实际的渲染操作。内容包括对虚拟DOM的理解和使用JavaScript实现前端渲染的初步探索。

摘要由CSDN通过智能技术生成

虚拟dom

根据 snabbdom 进行渲染自己可以百度搜索

呈现码

index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h1>虚拟DOm的</h1>
    <div id="container"></div>
    <button id="btn">改变</button>

//必须引入片段
    <script src="https://cdn.bootcdn.net/ajax/libs/snabbdom/0.7.4/h.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/snabbdom/0.7.4/snabbdom-class.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/snabbdom/0.7.4/snabbdom-eventlisteners.js"></script>
    <scr