{"_rev":"4-478ce8e61f1187edfc21f4bd73d66636","time":{"created":"2026-09-19T04:39:55.357Z","modified":"2026-09-19T04:39:55.868Z","0.1.0":"2026-09-07T13:28:18.623Z","0.1.1":"2026-09-19T04:39:55.687Z"},"_id":"@cxfjh/realdom","name":"@cxfjh/realdom","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.1":{"name":"@cxfjh/realdom","private":false,"version":"0.1.1","type":"module","description":"轻量级零依赖的响应式 DOM 框架，内置路由系统，压缩后仅 11KB","keywords":["dom-framework","reactive","data-binding","spa-framework","zero-dependency","lightweight-framework","template-engine","component-framework","javascript-framework","frontend-framework","dom-manipulation","proxy-based","vanilla-js","no-build-tools","responsive-dom"],"author":{"name":"cxfjh[2449579731@qq.com]"},"license":"MIT","module":"./dist/es.0.1.1.js","types":"./dist/index.d.ts","exports":{".":{"import":"./dist/es.0.1.1.js","types":"./dist/index.d.ts"}},"scripts":{"dev":"vite","build":"vite build","preview":"vite preview"},"devDependencies":{"@types/node":"^25.9.5","typescript":"^6.0.3","vite":"8.0.5","vite-plugin-dts":"^5.1.0"},"_id":"@cxfjh/realdom@0.1.1","gitHead":"92a80e9bd147b454736a07f586b0c67dbf680450","_nodeVersion":"20.20.2","_npmVersion":"10.8.2","dist":{"integrity":"sha512-SYRMtRLtP5SAt+KQzYeEZZh6RgnC/XZinDqO8cGsyrujaNvDhm4aFMwAoODt+xMUhJrbbafB+hfXYNM8MT7HZQ==","shasum":"d2f7b0e1cafa07e1c9b189eb70d053e6b4c14da8","tarball":"https://registry.npmjs.org/@cxfjh/realdom/-/realdom-0.1.1.tgz","fileCount":34,"unpackedSize":446149,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCHMRD5C+IKq1/tPkL0KNPEJMITPg70GQAjkXCJZZow/QIhAOCzl4OLP/3JWsy98zqf3p8ZohlmJhIgLNPYsIkw38VJ"}]},"_npmUser":{"name":"cxfjh","email":"2670869403@qq.com"},"directories":{},"maintainers":[{"name":"cxfjh","email":"2670869403@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/realdom_0.1.1_1789792795534_0.7359659495906477"},"_hasShrinkwrap":false}},"maintainers":[{"name":"cxfjh","email":"2670869403@qq.com"}],"description":"轻量级零依赖的响应式 DOM 框架，内置路由系统，压缩后仅 11KB","keywords":["dom-framework","reactive","data-binding","spa-framework","zero-dependency","lightweight-framework","template-engine","component-framework","javascript-framework","frontend-framework","dom-manipulation","proxy-based","vanilla-js","no-build-tools","responsive-dom"],"author":{"name":"cxfjh[2449579731@qq.com]"},"license":"MIT","readme":"<div align=\"center\">\n  <h1>RealDom</h1>\n  <p>\n    <strong>轻量级、高性能的响应式 DOM 框架</strong><br />\n    压缩后仅 <strong>11 KB</strong>，<strong>零依赖</strong>，无需构建工具即可运行\n  </p>\n</div>\n<br />\n<div align=\"center\">\n  <img src=\"https://img.shields.io/badge/RealDom-v0.1.0-4f46e5?style=for-the-badge&logo=data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xMyAxMGgtM2wzIDdoLTNsMy03eiIvPjwvc3ZnPg==\" alt=\"Version\" />\n  <img src=\"https://img.shields.io/badge/License-MIT-success?style=for-the-badge\" alt=\"License\" />\n  <img src=\"https://img.shields.io/badge/Size-11KB_gzip-f59e0b?style=for-the-badge\" alt=\"Size\" />\n  <img src=\"https://img.shields.io/badge/Dependencies-zero-10b981?style=for-the-badge\" alt=\"Dependencies\" />\n  <img src=\"https://img.shields.io/badge/TypeScript-6.0-3178c6?style=for-the-badge&logo=typescript\" alt=\"TypeScript\" />\n  <br />\n  <img src=\"https://img.shields.io/badge/Proxy-Reactive-4f46e5?style=flat-square\" alt=\"Reactive\" />\n  <img src=\"https://img.shields.io/badge/SPA-Router-818cf8?style=flat-square\" alt=\"Router\" />\n  <img src=\"https://img.shields.io/badge/Build-Vite_8-646cff?style=flat-square&logo=vite\" alt=\"Vite\" />\n  <img src=\"https://img.shields.io/badge/ESM-Supported-f7df1e?style=flat-square&logo=javascript\" alt=\"ESM\" />\n</div>\n\n## 目录\n\n- [快速开始](#快速开始)\n- [特性一览](#特性一览)\n- [使用文档](#使用文档)\n- [许可证](#许可证)\n\n---\n\n## 快速开始\n\n### 安装\n\n| 方式 | 代码                                                                         | 适用场景 |\n|------|----------------------------------------------------------------------------|----------|\n| **IIFE** | `<script src=\"https://cxfjh.cn/js/rd/0.1.0.js\"></script>`                  | 无构建工具 |\n| **Module** | `<script type=\"module\" src=\"https://cxfjh.cn/js/rd/es.0.1.0.js\"></script>` | 模块化项目 |\n| **Module** | `import RealDom from \"./es.0.1.0.js\";` | 模块化项目 |\n\n### Todo 应用\n\n```html\n<div r-data=\"{title: '我的待办事项', input: '',list: [{ text: '学习 RealDom', done: false }]}\">\n  <h2>{{ title }}</h2>\n  <div>\n    <input type=\"text\" r-model=\"input\" placeholder=\"输入待办...\" />\n    <button r-click=\"list.push({text: input, done: false})\">添加</button>\n  </div>\n  <div r-for=\"list\">\n    <span r-click=\"list[index].done = !list[index].done\">{{ value.done ? '✓' : '○' }} {{ value.text }}</span>\n    <span r-click=\"list.splice(index, 1)\">×</span>\n  </div>\n  <p>总数: {{ list.length }} | 已完成: {{ list.filter(v => v.done).length }}</p>\n</div>\n```\n\n---\n\n## 特性一览\n\n| 特性 | 说明 |\n|------|------|\n| **轻量级** | 压缩后仅 11KB，零外部依赖 |\n| **高性能** | 基于 Proxy 的深度响应式 + requestAnimationFrame 批量异步更新 |\n| **组件化** | 模板、样式、逻辑三者分离，支持 Scoped CSS |\n| **指令系统** | 内置 8 个核心指令 + 可扩展的自定义指令 |\n| **路由管理** | 内置 SPA 路由，支持懒渲染、多容器、激活样式 |\n| **零配置** | 无需构建工具，`<script>` 标签引入即用 |\n\n---\n\n## 使用文档\n\n- [使用教程](./docs/USAGE.md) — 从入门到进阶的完整 API 文档\n- [教程官网](https://cxfjh.cn/js/rd/index.html) — 交互式在线文档页面\n\n---\n\n## 贡献指南\n\n我们欢迎任何形式的贡献！推荐使用 [Conventional Commits](https://www.conventionalcommits.org/) 规范\n\n---\n\n## 许可证\n\n本项目基于 [MIT License](./LICENSE) 开源，允许个人和商业项目自由使用、修改和分发。\n\n---\n","readmeFilename":"README.md"}