Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 关于我们
  • 网站投稿
  • 赞助一下

关闭

搜索

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具,网友无需注册和下载安装即可使用

点击查看

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
提交资源 / 链接反馈

halfmoon
分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:https://www.gethalfmoon.com/
GitHub:https://github.com/halfmoonui/halfmoon
网站描述:具有内置暗模式和使用 CSS 变量的完全可定制性的前端框架
访问官网 GitHub

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


Halfmoon框架的好处:

  • 易于适应的设计:Halfmoon 允许开发人员快速更改其用户界面的外观,创建代表其品牌并满足其特定要求的设计。
  • 轻松集成:它旨在与其他前端框架无缝集成,使开发人员可以轻松地添加到他们已经存在的项目中。
  • 节省时间:开发人员在使用 Halfmoon 的预定义类和样式设计用户界面时可以节省时间和精力,这使得设计标准化和响应式用户界面变得简单。
  • 预先设计的布局和组件:Halfmoon 有一个预先设计的布局和组件库,可用于快速构建复杂的用户界面。这使开发人员可以专注于创建功能而不是设计和布局。

安装

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

more>>
相关栏目
sass
成熟、稳定和强大的CSS扩展语言
官网 GitHub
postcss
PostCSS是一个使用JavaScript插件来转换CSS的工具。
官网 GitHub
stylus
Stylus是一个高效、动态以及丰富的CSS预处理器
官网 GitHub
animate.css
齐全的CSS3动画库
官网 GitHub
Metro UI
基于平板界面设计CSS库是一种界面展示技术
官网 GitHub
Spectre.css
轻量响应式 CSS 框架
官网 GitHub
water.css
只需添加CSS框架即可应用样式,无需定义元素类
官网 GitHub
DropCSS
一个用来清理无用 CSS 的小工具
点击进入 GitHub
Pattern.css
一个CSS库,使用美丽的图案填充空的背景。
官网 GitHub
three-dots
一组CSS加载动画,它由三个点组成,而这些点仅由单个元素组成
官网 GitHub
CSSeffectsSnippets
提供了漂亮的CSS动画
官网 GitHub
Angrytools
多样定制,实用,支持单个动画代码复制的网站
官网
magic
带多种动画效果的CSS3动画库
官网 GitHub
topcoat
一款为简洁高速Web应用提供CSS开发的工具
官网 GitHub
Biomatic UI
简单,灵活的CSS框架
官网 GitHub
css-animation-101
从零开始介绍 CSS 动画开源电子书
官网 GitHub
首页 技术导航 在线工具 技术文章 教程资源 AI工具集 前端库/框架 实用工具箱

Copyright © 2018 Web前端开发网提供免费在线工具、编程学习资源(教程/框架/库),内容以学习参考为主。All Rights Reserved. 网站备案号:蜀ICP备13022973号

手机预览