現在的位置: 首頁 > 綜合 > 正文

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框架很不錯,有興趣可以用一下。

【上篇】
【下篇】

抱歉!評論已關閉.