当前位置: 首页 > 软件库 > 程序开发 > UI组件库 >

Pathjs-UI

响应式 JavaScript UI 框架
授权协议 Apache
开发语言 JavaScript HTML/CSS
所属分类 程序开发、 UI组件库
软件类型 开源软件
地区 国产
投 递 者 楮法
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

PathJs是一款响应式JavaScript UI框架,他有着出色的能力,帮助你化繁为简。有了他,你大可不必担心繁杂的UI设计工作,只需2行代码,轻松胜任工作里的一切事物。

(首先,声明一点,PathJs-UI和PathJs没有一点关系)

最新版本:1.1【更新内容:修改了iframe和code的兼容性,更好地适应浏览器,pathjsShow和pathjsHide方法新增animation参数,可以控制显示或隐藏控件时动画的显示和样式】

PathJs由Skyogo工作室于2017/12/30日推出,你可以叫他完成许多繁杂的响应式动态效果,只需两行代码,轻松胜任!

PathJs有多达156种简约图标,全部来自阿里官方图标库,和谷歌官方图标库,放在了PathJs包的img/icon文件夹中,同时还有许多内置颜色,随时等待你的使用

当然,PathJs的兼容性也是没有问题的,你完全可以在一个小警告框内输入巨多内容,还不会破坏它的样式哦!

还有的是!PathJs完全支持自定义UI控件样式和创建属于你自己的UI控件,这些教程我们完全公开!

赶快去体验PathJs吧!

(PathJs极少的部分控件依赖于jQuery,但绝不是全部,如果您没有添加jQuery,我们的js文件会自动帮您添加,您大可不必操心!)

【另外,引入这个文件时一定要看文档(在总说明文档里)!一定要看!因为你只需要引入JS文件(只引入pathjs.js,不引入jquery)就好了,不用引入CSS文件,只需一行代码,轻松引入文件!

PathJs包含11种原创UI控件,以下是他们的截图:

警告框:

代码域:

音乐播放器:

当然,PathJs-UI的实力远不及如此,他还有其他11种UI控件,完全支持HTML代码,心动不如行动,赶快下载吧!

PathJs-UI目前经过测试,完全支持Firefox、Google Chrome、Safari和IE这些大牌主流浏览器,而且完全支持跨平台使用!

【预计在1.2版本更新内容:更好的样式兼容各种主流浏览器,修复一些小BUG(虽然现在都不知道是啥)】

【如果遇到问题或者BUG,请私信Skyogo工作室,我们会及时解决,感谢您的支持与理解!!】

【tip:请从正规渠道(码云,QQ群)下载,同时转载或者修改请注明出处,谢谢!】

【如果您希望在线查看文档内容,可以进入pathjs的码云页面,点击Pathjs Document(TXT),就可以在线查看了,但是会损失掉图片和重点!所以还是推荐下载!】

(另外,PathJs-UI完全支持自定义样式【在2.0版本预计支持自定义UI和Api接入】,具体教程请看官方文档)

pathjs目前支持的UI组件有:

tip       提示框

alert    警告框

table    表格

video    视频

iframe    网页

audio    音乐

navigationBar    导航栏

button    按钮

text        文本

mark    记号

code    代码域

pathjs还有望支持:

图片轮播

自定义UI控件

自定义样式

图标

等等等等......

  • // 【public->index.html】 <!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,init

 相关资料
  • 如果你不想重复造轮子,你可以选择一款响应式的框架,目前市面上类似的框架也有很多,像Bootstrap、Foundation,你也可以使用像H5 Boilerplate来创建响应式项目,但不论你使用何种方式,掌握底层的原理对于你来说比挑选一门框架更有意义。所以大家Fighting~~~

  • 本章节为大家介绍响应式 Web 设计框架 Bootstrap。 Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。 实例<!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <m

  • PathJS 是个轻量级的,客户端路由库,允许你创建 “单页”应用,使用 Hashbangs 和/或者 HTML5 pushState。 主要特性: 轻量级 支持 HTML5 History API, 'onhashchange' 方法和平滑的 degredation 支持根路由,rescue methods, paramaterized routes, optional route compon

  • 如果说集合是 Meteor 的核心功能,那么响应式可以能让这个核心功能更强大。 集合从根本上改变你的应用程序的数据处理方式。从而不必手动检查数据更改(例如,通过一个 AJAX 调用),再根据这些变化去修改 HTML 页面,Meteor 可以随时检测到数据的更改,并将它无缝地应用到你的用户界面上。 让我们思考一下:在后台,当底层的数据集合被更新以后, Meteor 能够马上修改用户界面的任何部分。

  • 一、整个图表响应式 默认情况下,Highcharts 图表都是支持整个图表跟随图表容器响应式的,无需额外配置,只需要保证容器的宽度自适应即可,下面是最简单的容器样式设置 <!-- 通过设置 minwidth 保证 div 容器自适应,那么 Highcharts 图表就会跟随容器自适应 --> <div style="height:400px;min-width:300px"></div> 另外

  • 嗨,伙计们,我要用这个拔头发了。 我不能让日期选择器JQUERY UI控件响应任何事情,上面的代码显示了警报,但无论我设置了什么值,日期选择器都只是默认设置。在下面的代码中,我只显示了一个月,并且没有设置默认日期: 作为最后一次尝试,我刚刚升级了JQUERY版本,但还是一样,没有什么区别。在我的应用程序中,我用datepicker设置值,它被广泛使用,一切都很好。这是我第一次需要对控件实例进行任何