简介
material-mochikit 是一个基于 Material Design 风格的前端开发框架，提供了一系列的 UI 组件。他是一个基于 mochikit.js 的扩展，这个包内置了 mochikit.js，并且将其配置到 webpack 中。
安装
npm 安装
使用 npm 进行安装：
npm install material-mochikit --save
CDN 安装
也可以通过 CDN 引入：
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/material-mochikit/dist/material-mochikit.min.css"> <script src="https://cdn.jsdelivr.net/npm/material-mochikit/dist/material-mochikit.min.js"></script>
使用
1.导入 css
<link rel="stylesheet" href="/path/to/material-mochikit/dist/material-mochikit.min.css">
2.导入 js
<script src="/path/to/material-mochikit/dist/material-mochikit.min.js"></script>
3.使用组件
<div class="mc-card">
<div class="mc-card-header">
Card Header
</div>
<div class="mc-card-content">
Card Content
</div>
</div>可以在官方网站查看所有提供的组件：material-mochikit.com
示例代码
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------------------ ----------
----- ---------------- -------------------------------------------------------------------------------------
-------
------
---- ----------------
---- -----------------------
---- ------
------
---- ------------------------
---- -------
------
------
------- --------------------------------------------------------------------------------------------
-------
-------总结
使用 material-mochikit 可以帮助我们快速地开发一个美观且实用的前端项目。使用起来也非常简单，只需要引入对应的 css 和 js 文件，并在 HTML 中使用对应的 class 即可使用。希望本文能够对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fc181e8991b448dd196