凡科可以做淘客网站吗,wordpress装修套餐网站源码,做网站软件j,庆网站制作公司Windows 8 JavaScript Metro应用程序--入门#xff08;上#xff09; 如你所知的Windows8允许你通过以下几种方式创建Metro应用程序#xff1a; CC# JavaScript第一部分将侧重于主体结构和JavaScript Grid 应用程序的基础#xff0c;在随后的文章中我将深度探究在Windows8中… Windows 8 JavaScript Metro应用程序--入门上 如你所知的Windows8允许你通过以下几种方式创建Metro应用程序 CC# JavaScript第一部分将侧重于主体结构和JavaScript Grid 应用程序的基础在随后的文章中我将深度探究在Windows8中更多的功能。 第一步基础知识 当你写Windows8 JavaScript风格的应用时你可能需要学习一点WinJS和在Windows 8 JavaScript应用中可用的基本动作。我看到了关于Windows 8 Javascript应用程序集成JQuery的文章其实这是没有必要的WinJS已经提供了许多这些 选择器:document.querySelector(.headerTemplate)document.querySelectorAll(div)文本 document.querySelector(“#Title”).textContent; 动画WinJS.UI.Animation.fadeIn(document.querySelector(“div”));更多… 第二步Application Styles 当你在Visual Studio 11中打开一个新的JavaScript Metro应用你可以从以下选择 Blank Application –空白Windows Metro应用的项目没有预定义的控件或布局。 Split Application – 一个两个页面Windows metro风格应用的项目在分组项目导航。第一页允许组的选择而旁边的第二台显示器所选的项目的详细项目清单。 Fixed Layout Application – 一个可扩展固定宽高比布局的Windows metro风格应用的项目 Navigation Application – 一个有预定义导航控件的Windows metro风格应用项目 Grid Application – 一个多页的、项目组之间导航的Windows Metro风格的应用程序。专用页面显示组合项目的详细信息。 这个Demo中我创建了一个新的 Grid Application: 第三步: 项目结构 在以前Visual Studio 11和Windows8的版本是JS文件夹里面有所有的WinJS文件在最新的版本种所有的必要文件在两个主要文件中参考下 base.jsui.js在上面创建的 Grid Application 你将有三个页面: groupDetailsPagegroupedItemsPageitemDetailsPage请注意每个HTML页都有自己的CSS和JavaScript文件它们没有命名约定自动接受这些并结合但关于如何创建Windows 8 JavaScript应用程序、规范或应用程序这是最好的做法。 第四步应用程序流程 一切从default.html开始这个页面加载所有必需的js文件、css文件和使用PageControlNavigator 导航应用程序到groupedItemsPage 1 !DOCTYPE html 2 html 3 head 4 meta charsetutf-8 5 titleApplication1/title 6 7 !-- WinJS references -- 8 link href//Microsoft.WinJS.0.6/css/ui-dark.css relstylesheet 9 script src//Microsoft.WinJS.0.6/js/base.js/script10 script src//Microsoft.WinJS.0.6/js/ui.js/script11 12 !-- Application1 references --13 link href/css/default.css relstylesheet14 script src/js/data.js/script15 script src/js/navigator.js/script16 script src/js/default.js/script17 /head18 body19 div idcontenthost 20 data-win-controlApplication1.PageControlNavigator 21 data-win-options{home: /html/groupedItemsPage.html}/div22 /body23 /html The groupedItemsPage 加载相关的JS/CSS文件 1 titlegroupedItemsPage/title 2 3 !-- WinJS references -- 4 link href//Microsoft.WinJS.0.6/css/ui-dark.css relstylesheet 5 script src//Microsoft.WinJS.0.6/js/base.js/script 6 script src//Microsoft.WinJS.0.6/js/ui.js/script 7 8 link href/css/default.css relstylesheet 9 link href/css/groupedItemsPage.css relstylesheet10 script src/js/data.js/script11 script src/js/groupedItemsPage.js/script 这个流程适用于你加载每个页面。 Windows 8 JavaScript Metro应用程序--入门下待续 posted on 2012-03-04 01:20 李明杨 阅读(...) 评论(...) 编辑 收藏 转载于:https://www.cnblogs.com/lmyhao/archive/2012/03/04/2378940.html
