大佬教程收集整理的这篇文章主要介绍了组织jQuery Mobile应用程序的最佳实践是什么?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
>使用多个单个HTML页面,大型多页面模板会破坏jQM的ajax加载的好处,因为您在开始时加载了所有HTML(除非您的网站很小)
>你肯定想使用ajax加载,jQM只会提取你的< div data-role =“page”>中的代码.但这会让你的JS复杂化,见下文
>您不需要多个JS文件,但是您确实需要在开始时加载所有JS,我们通过做两件事来实现这一点:1.我们在文档根目录上放置一个监听器,并监听pageinit / pageshow事件.每次加载页面时都会触发这些页面,您还可以方便地引用当前页面,并且可以使用页面上的attr来确定它是什么页面. 2.将所有JS包含在某种类型的包含中(希望您使用的是PHP,CF或其他东西)并将其放在每个页面上,这样无论用户浏览到您的移动站点的哪个入口点,它们都会得到所有代码已加载
缺点是所有的JS都是最初加载的,但是缩小了我们发现它没什么大不了的,如果真的是关注requireJS的问题 – 加上调试变得轻而易举,因为JS就在那里,我们可以很容易地使用调试器和放置断点.如果你在每个页面上动态加载JS,你会增加每个页面转换时需要返回的数据,而且你很丑陋,因为你重新加载冗余的JS并且很难调试动态Js.
$(document).on('pageinit pageshow','div:jqmData(role="page"),div:jqmData(role="dialog")',function(oEvent){ var pageType = $(this).data('pagetype'); //handle pageinit/pageshow (oEvent.typE) for each pageType
以上是大佬教程为你收集整理的组织jQuery Mobile应用程序的最佳实践是什么?全部内容,希望文章能够帮你解决组织jQuery Mobile应用程序的最佳实践是什么?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。