Halfmoon 是一个响应式前端框架，非常适合构建仪表板和工具。内置暗模式、使用 css 变量的完全可定制性（大约 1,500 个变量）、可选的 JavaScript 库（无 jquery）、类似 Bootstrap 的类，以及跨浏览器兼容性（包括 IE11）。

安装

npm install halfmoon

安装完成后，可以通过以下方式导入所需的CSS和JS文件：

// Include CSS file
require("halfmoon/css/halfmoon-variables.min.css");
/*
  Or,
  Include the following (no variables, supports IE11):
  require("halfmoon/css/halfmoon.min.css");
*/

// Import JS library
const halfmoon = require("halfmoon");

请注意，有些组件需要手动初始化，即在加载dom后，需要调用如下方法：

// Call this method after the DOM has been loaded
halfmoon.onDOMContentLoaded();

这会初始化所有需要 JavaScript 的组件，例如下拉菜单、自定义文件输入、快捷方式等。

通过这种方式，Halfmoon 可以与使用虚拟 DOM 的框架一起使用，例如 react 和 vue。例如，在 Vue 的情况下，该halfmoon.onDOMContentLoaded()方法将在mounted()组件的钩子内调用。

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://fly63.com/nav/3651