文件名称：todo-app:无框架
文件大小：114KB
文件格式：ZIP
更新时间：2024-05-01 22:57:19
TypeScript
待办事项管理 照顾好你的待办事项！ 描述如何实施 使用JavaScript控制DOM时，最方便的方法是删除所有节点并注入新节点，但是DOM操作非常昂贵，因此我尝试仅更新必要的DOM 。 家 以前，所有新DOM方式替换。 const main = document . querySelector < HTMLElement> ( ".todoapp" ) ; // newMain 가상 DOM 생성 // ... newMain = main.cloneNode(true); main . replaceWith ( newMain ) ; // 새로운 定义applyDiff函数以仅更改已应用实际更改的DOM。 function applyDiff ( parentNode : Node , realNode : Element , virtualNode : Element )
【文件预览】：
todo-app-master
----webpack.config.prod.js(639B)
----.babelrc(176B)
----package.json(1KB)
----src()
--------view()
--------entity()
--------util()
--------registry.ts(1KB)
--------getTodos.ts(403B)
--------index.ts(3KB)
----tsconfig.json(6KB)
----.gitignore(28B)
----webpack.config.js(2KB)
----public()
--------index.html(1KB)
----README.md(3KB)
----yarn.lock(263KB)
----.vscode()
--------settings.json(54B)