• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

    houjs: HouJs - 一套免费的基于JQ + RequireJS + Semantic-UI的JS集合。

    原作者: [db:作者] 来自: 网络 收藏 邀请

    开源软件名称:

    houjs

    开源软件地址:

    https://gitee.com/abei2017/hou-admin

    开源软件介绍:

    HouJs Logo

    一套免费的基于JQ + RequireJS + Semantic-UI / Bootstrap的JS集合。

    HouJS

    Javascript库已经太多太多了,并且很多都足够的稳定好用,我要做的是使用requireJS将好的javascript库整合起来,变成一个集合,为你所用。

    Install of HouJS(HouJS的安装)

    下载源代码后将houjs整体放到服务器上,然后只需要引入以下文件

    <!--样式文件--><link href="xxx/houjs/js/libs/semantic/semantic.min.css" rel="stylesheet"><link href="xxx/houjs/css/hou.css" rel="stylesheet"><!--JS文件--><script src="xxx/jquery.js"></script><script src="xxx/houjs/js/libs/semantic/semantic.min.js"></script><script src="xxx/houjs/js/require.js" data-main="xxx/houjs/js/main"></script></head>

    具体文件的路径请修改成您自己的,同时data-main必须指定为main.js有效的路径,它代表模块的入口配置。

    // 配置main.jsrequire.config({    baseUrl: '/houjs/js/',    paths: {        'mods':'mods',        'libs':'libs',        'modules':'modules'    }});

    请配置HouJS的js子文件夹所在路径。

    这一切就完成了

    Use(使用)

    当我们部署完之后,使用Hou-Admin的每个功能变的很简单,比如如下代码点击按钮出现弹出框。

    <button id="btn">点击我</button><script type="text/javascript">    require(['mods/modal'],function(modal){        $('#btn').click(function(){            modal.alert('我是一个按钮');        });    });</script>

    Libs(使用到的开源库)

    HouJS在界面上使用Semantic UI和JQuery作为基础,同时使用requireJS来组织js代码使其模块化。

    Demo(演示地址)

    Hou-Admin

    License(开源协议)

    MIT


    鲜花

    握手

    雷人

    路过

    鸡蛋
    该文章已有0人参与评论

    请发表评论

    全部评论

    专题导读
    热门推荐
    阅读排行榜

    扫描微信二维码

    查看手机版网站

    随时了解更新最新资讯

    139-2527-9053

    在线客服(服务时间 9:00~18:00)

    在线QQ客服
    地址:深圳市南山区西丽大学城创智工业园
    电邮:jeky_zhao#qq.com
    移动电话:139-2527-9053

    Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap