1 Star 9 Fork 0

槿木龙马 / MSoft

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
readme.md 3.68 KB
一键复制 编辑 原始数据 按行查看 历史
槿木龙马 提交于 2021-05-22 22:21 . nacos控制台

muse.js(没用.js)

info

version:1.0.0
auth:mxywxwk
email:mxywxwk@163.com

说明

muse.js是参照layui.js,require.js写的模块依赖框架。暂不支持相对路径的引用。 js目前依赖

  • jquery中的ajax请求,事件绑定,元素选择和元素操作。
  • /lib/utils/extend.js,任意对象的遍历(除null,undefined

使用前先引入jquery.js,extend.js。 所有引用的组件对象会挂载到全局"muse"对象上

全局api:

use:function,使用组件
   p1: object
       base: string,通用资源前缀
   p2: array|string,依赖的组件资源绝对路径
       组件路径以“/”结尾会自动找该目录下的index.js文件
       以文件名结尾,会自动拼接“.js”后缀
   p3: function,组件依赖成功后回调,其中function中的参数为相对应组件的对象,按引入顺序排列
define:function,定义组件
   p1: object
       base: string,通用资源前缀
       name: string,自定义组件名称(暂不支持)
   p2: array|string,依赖的组件资源绝对路径
       组件路径以“/”结尾会自动找该目录下的index.js文件
       以文件名结尾,会自动拼接“.js”后缀
   p3: function,组件依赖成功后回调,其中function中的参数为相对应组件的对象,按引入顺序排列,返回值为该组件的api
muse:object,常用api
   hasCache:判断muse中是否有该缓存键
       key:string,需要判断的键名
   cache:获取或存入缓存(是否传入带参数2)
       key:string|number|symbol,缓存名
       value:obj,缓存值
   (注:执行完js会默认存入当前浏览器的环境信息,缓存键为:device)
   getData:同步获取数据,保证资源为”get“请求
       url:string,请求url
       param:object,请求额外参数
       return:获取到的数据
   get:发送get请求
       url:string,请求url
       data:object,请求额外参数
       param:object,需要覆盖jquery.ajax的参数
       return: promise
   post:发送post请求
       url:string,请求url
       data:object,请求额外参数
       param:object,需要覆盖jquery.ajax的参数
       return:promise
   upload:上传文件
       url:string,请求url
       param:object,请求参数
       return:promise
   (注:上述4个api请求的返回值均为解析后结果,不同的数据结构请更改 line:80)
   load:加载html并插入到所选dom上,搭建单页面系统重要api。编写页面需要注意,单页面,保证所有页面中id唯一或html文件名唯一。
       在加载html后,会将所有dom的id统一加上所在页面的文件名,用作id前缀以保证该项目中该元素的id唯一。所有的id选择也要以”#“开头。
       若不想id转义,则让该id以”@“符号开头即可,js选择使用”@“开头
       id:string,所要插入的dom编号
       url:string,html资源的绝对路径
   link:为document引入css,相同路径的css仅会引用一次,
       href:string,css路径
       id:string,dom的id
   css:插入自定义css,相同id的css会替换
       text:string,css文本
       id:css dom的id
   storage:调用storage存储/获取数据
       key:strign,存储键
       data:object,存储值
       storage:localStorage|sessionStorage,存储类型
   session:调用sessionStorage
       key:strign,存储键
       data:object,存储值
error:function,打印错误信息

自定义组件

muse事先实现了些常用组件,大多依照layui

form表单组件

组件路径:/lib/muse/module/form.js
创建表单
<div id="form"></div>
通用api
方法名 说明
Java
1
https://gitee.com/mxywxwk/MSoft.git
git@gitee.com:mxywxwk/MSoft.git
mxywxwk
MSoft
MSoft
master

搜索帮助