现在的位置: 首页 > 综合 > 正文

Jingle UI移动webapp 框架

2020年07月03日 综合 ⁄ 共 943字 ⁄ 字号 评论关闭

  JingleUI是一个基于html5、css3开发轻量级的移动webapp框架,提供一些基本交互方式,常用的组件(scroll,actionsheet,sidemenu,toggle,push2refresh......),帮助您更方便的开发移动应用。


  JingleUI升级日志


  ##0.4##


  1.支持普通多页面开发模式,现在支持SPA和多页面模式,建议使用SPA模式进行开发,在muti(多页面模式)下data-target="section"无效


  2.重新定义服务端渲染模板方式,由之前的section上使用data-remote更改为在config中配置remotePage,hash中的querystring也会自动附加到remotePage上


  3.按钮组(controlGroup)增加change事件


  4.data-icon支持左文字右图标方式


  5.增加栅格系统


  6.完善路由机制


  7.form表单布局示例完善


  8.欢迎界面组件完善


  9.修复部分bug...


  JingleUI学习方法


  最近开始学习移动Web的开发,不过从头开始还是挺麻烦的,就打算从框架,发现了一些比较好的框架,比如Ritchet。


  不过貌似对Android支持的还不是很好。


  再比如国产的Jingle,我爱评电影,用起来不错,已经内置了zeptojs这样的框架,用起来比较方便。


  Jingle提供了常用的组件,并提供了API,但是文档不是很齐全,而且有时候是错的,常常不知道怎么使用,还好他给出了一个demo和几个实例,可以参照其中的用法。


  1)滚动


  Jingle里面的article可以使用data-scroll=”true”自动开启滚动,但是当用js动态生成html的时候第一次不会滚动,第二次切换到这个页面才出现滚动条。


  解决方法:在添加完html后,加一句J.Scroll(“#article”);


  2)header里的control-group颜色


  这时会发现没有字显示,因为颜色相同了,


  解决方法:可以进jingle.css里面修改header.control-group等几个类的颜色值。


  总之,Jingle框架很不错,有兴趣可以用一下。

【上篇】
【下篇】

抱歉!评论已关闭.