作為移動(dòng)端開發(fā)中必不可少的工具,jQuery Mobile被眾多App開發(fā)公司使用,其中網(wǎng)易新聞是其經(jīng)典案例之一。
jQuery Mobile適用于多平臺(tái)開發(fā),支持各種移動(dòng)平臺(tái)的瀏覽器,包括iOS、Android、Windows Phone等。通過使用jQuery Mobile的框架,開發(fā)者可以快速的構(gòu)建跨平臺(tái)的應(yīng)用,極大地提高了開發(fā)的效率。而網(wǎng)易新聞也正是充分利用了jQuery Mobile的優(yōu)勢(shì),快速開發(fā)出了自己的高質(zhì)量跨平臺(tái)APP。
//以下為jQuery Mobile的代碼示例 //為一個(gè)新聞列表綁定點(diǎn)擊事件 $('#newsList').on('click', 'li', function() { //獲取點(diǎn)擊的新聞ID var newsId = $(this).data('newsId'); //向后臺(tái)請(qǐng)求獲取新聞詳情 $.ajax({ url: 'http://www.news.com/newsDetail', data: {id: newsId}, success: function(data) { //將新聞詳情頁(yè)面填充到content div中 $('#content').html(data); } }); });
以上代碼為簡(jiǎn)單的jQuery Mobile綁定點(diǎn)擊事件,當(dāng)用戶點(diǎn)擊新聞列表中某一條新聞時(shí),會(huì)向后臺(tái)請(qǐng)求獲取該新聞的詳情并將頁(yè)面填充到content div中,使用戶可以輕松看到該新聞的詳情。這樣的功能不僅在網(wǎng)易新聞中廣泛運(yùn)用,在其他APP中也非常普遍。
總之,jQuery Mobile是一個(gè)十分強(qiáng)大的移動(dòng)應(yīng)用開發(fā)工具,可以大大提高開發(fā)效率。而網(wǎng)易新聞則是充分利用了這一工具的優(yōu)勢(shì),成功開發(fā)了自己的跨平臺(tái)APP。