创建博客园 博客阅读器(使用 JavaScript 和 HTML 的 Metro 风格应用)源码
2012-07-10 23:12
281 查看
首先官方的博客阅读器教程如下:
http://msdn.microsoft.com/zh-cn/library/windows/apps/hh974582.aspx
我重现这个帖子花了半个多小时,我觉得,如果能有一个已经写好的sample code,会节约不少复制粘贴的时间,所以吧这个源码贴在这里以供下载
微软的博客阅读器例子下载(MS code sample here):
https://skydrive.live.com/?cid=8CF7FD18DB3D53AC&id=8CF7FD18DB3D53AC%21105
然后将data.js 里的blogs数组替换成以下即可:
其中整个页面获取的流程是:
1 通过WinJS.xhr 方法获取承诺的内容。
2将内容通过responseXML转换成XML(这里值得注意的是因为获取的是RSS格式规范的内容所以可以直接转换)
3通过querySelector 获取所需的xml内容。
http://msdn.microsoft.com/zh-cn/library/windows/apps/hh974582.aspx
我重现这个帖子花了半个多小时,我觉得,如果能有一个已经写好的sample code,会节约不少复制粘贴的时间,所以吧这个源码贴在这里以供下载
微软的博客阅读器例子下载(MS code sample here):
https://skydrive.live.com/?cid=8CF7FD18DB3D53AC&id=8CF7FD18DB3D53AC%21105
然后将data.js 里的blogs数组替换成以下即可:
blogs = [ { //http://www.cnblogs.com/he-yuan/ key:"blog1", url: 'http://feed.cnblogs.com/blog/u/106908/rss',//上面的url后加rss就得到了这个代码 title:'tbd', updated:'tbd', acquireSyndication:acquireSyndication, dataPromise:null}]
其中整个页面获取的流程是:
1 通过WinJS.xhr 方法获取承诺的内容。
2将内容通过responseXML转换成XML(这里值得注意的是因为获取的是RSS格式规范的内容所以可以直接转换)
3通过querySelector 获取所需的xml内容。
相关文章推荐
- 使用 HTML 控件创建出色的 Metro 风格应用
- 使用 C# 或 Visual Basic 创建你的第一个 Metro 风格应用
- 创建“Hello, world”应用(使用 C#/VB 和 XAML 的 Metro 风格应用)摘自官网(存档)入门必须
- 使用 C# 或 Visual Basic 创建你的第一个 Metro 风格应用
- AIR:使用 HTML + Javascript 开发桌面应用
- HTML中使用JavaScript创建TR和TD
- Linux下之使用简单3种创建文件的命令,并实现一个Html和JavaScript小程序
- 使用C#开发Metro 风格应用的路线图 -- 触屏操作
- 使用C#开发Metro 风格应用的路线图 -- 获取开发人员许可证
- 创建Material Design风格的Android应用--使用Drawable
- 源码-JavaScript&jQuery交互式前端开发-第3章-函数、方法与对象-使用字面量语法创建对象
- 使用C#开发Metro 风格应用的路线图 -- 开发环境
- 使用 Fries 创建性感的 Android 风格移动应用界面
- 使用C#开发Metro 风格应用的路线图 -- 在页面间导航、传值
- 使用SpringMVC创建Restfult风格应用
- 使用C#开发Metro 风格应用的路线图 -- 移植wp7应用到metro上
- 使用C#开发Metro 风格应用的路线图 -- 触屏操作
- go语言使用go-sciter创建桌面应用(一) 简单的通过html,css写ui
- 使用C#开发Metro 风格应用的路线图 -- 控件分类介绍
- 使用python创建一个简单的restful风格的webservice应用