⚡ mc.js v3.2 · 移动优先
mc.js
轻量级智能H5组件库 · 百度移动端SEO 友好
📱 零依赖
🚀 12KB gzip
🧩 模块化
📋 语义化
mc.js 专为移动端H5场景设计，智能布局、事件委托、触摸优化，深度适配百度爬虫与移动SEO规则。让开发者更专注业务，快速构建高性能、高收录的移动页面。
✨ 智能核心
⚡ 轻量·零依赖
gzip < 12KB，无第三方库，移动端瞬时加载，SEO权重更高。
👆 智能事件
tap / swipe / press 等移动事件，自动委托，降低内存占用。
🧩 布局引擎
Flexbox + 容器查询，自适应所有屏幕，百度爬虫完美抓取。
📋 语义化SEO
自动结构化数据、标题层级优化，提升移动端收录与排名。
📘 详细介绍
mc.js 提供完整的移动端H5开发方案：
- 智能布局系统 — 基于flex与grid，自动适配刘海屏、折叠屏，内容始终可读。
- 移动事件库 — 解决300ms延迟，支持手势、滑动、长按，提升交互体验。
- 数据驱动 — 可选双向绑定，轻量响应式，适合动态内容渲染。
- SEO增强 — 自动生成面包屑、标题层级、alt属性，百度爬虫深度友好。
- 组件生态 — 轮播、折叠面板、下拉刷新、虚拟列表等，开箱即用。
无论你是搭建营销落地页、信息流站点还是轻应用，mc.js 都能帮助你降低代码量，提高性能与排名。
🎯 百度移动端SEO 适配
✔ 首屏加载 < 1s
✔ 语义化标签
✔ 移动适配
✔ 低跳出率
mc.js 遵循百度《移动端SEO算法白皮书》：
• 使用 viewport 适配、合理字体、可点击区域优化。
• 图片强制 alt 与懒加载，结构化内容权重提升。
• 智能布局减少重排，首屏渲染速度提升40%以上。
❓ 常见问题 · 智能解答
mc.js 与 React / Vue 有什么区别？
mc.js 是一款零依赖的轻量级原生JS库，不依赖虚拟DOM，体积仅12KB。适合对性能要求高、不需要重型框架的移动端H5场景。如果您使用React/Vue，也可以将mc.js作为增强工具库集成。
mc.js 对百度爬虫收录真的有帮助吗？
是的。mc.js 强制语义化标签、自动生成描述、优化标题层级，并且首屏内容为静态HTML+即时渲染，爬虫可以完整抓取。同时智能布局降低跳出率，提升用户体验，间接助力排名。
如何使用 mc.js 快速搭建一个移动站？
只需在页面中引入 mc.js 核心文件（或通过CDN），然后按照文档使用 data-mc 属性声明组件即可。例如：
<div data-mc-carousel> 自动生成轮播。无需复杂配置。mc.js 支持 TypeScript 吗？
完全支持。mc.js 提供官方 TypeScript 类型定义，你可以在TS项目中获得完整的类型提示与检查，同时保持轻量。
移动端触摸事件是否有兼容问题？
mc.js 内部已处理 Pointer Events 和 Touch Events 的差异，兼容 iOS / Android 主流浏览器及WebView，同时降级方案支持鼠标设备。
💡 更多问题请查阅官方文档
🧪 快速开始
1. 引入 mc.js 核心库
2. 在HTML中添加 data-mc-* 属性
3. 调用 mc.init() 初始化
📱 移动端即时生效
<div data-mc-accordion>
<button data-mc-header>面板1</button>
<div data-mc-body>内容...</div>
</div>