微软开源WinJS 使用JavaScript技术打造跨平台应用

简介: 最近举办的Build2014大会上,微软的Treadwel介绍了WinJS的前景。微软WinJS已逐渐开源,正逐步实现跨平台开发,现在已经支持Windows和Windows Phone平台,以后将支持Android、iOS和网页版应用。

最近举办的Build2014大会上,微软的Treadwel介绍了WinJS的前景。微软WinJS已逐渐开源,正逐步实现跨平台开发,现在已经支持Windows和Windows Phone平台,以后将支持Android、iOS和网页版应用。

image.png

WinJS主要由微软开放技术(Microsoft Open Technologies)开发和维护。其目标是打造HTML/JS/CSS 应用开发的最佳解决方案。


特性

WinJS是一个JavaScript工具包,允许开发者使用HTML/JS/CSS技术构建应用,其特性有:

  • 支持Windows 8.1、Xbox One、Windows Phone 8.1。
  • 精心打磨的UI控件,性能卓越
  • 支持触摸、鼠标、键盘、辅助设备
  • 方便构建应用架构的组件和工具
  • 基于GruntJS自动构建项目。
  • 基于Less 生成CSS文件。
  • 基于QUnit运行单元测试。


配置WinJS环境

首先你需要安装gitNode.js

克隆git仓库。

git clone https://github.com/winjs/winjs.git

进入winjs目录:

cd winjs

全局安装grunt命令行工具:

npm install -g grunt-cli

安装依赖:

npm install

使用grunt安装WinJS,相应的JavaScript和CSS文件会被放置在bin目录:

grunt


相关文章
|
1月前
|
开发框架 前端开发 JavaScript
使用JavaScript、jQuery和Bootstrap构建待办事项应用
使用JavaScript、jQuery和Bootstrap构建待办事项应用
13 0
|
1月前
|
自然语言处理 JavaScript 前端开发
探索JavaScript中的闭包:理解其原理与实际应用
探索JavaScript中的闭包:理解其原理与实际应用
19 0
|
1月前
|
JavaScript 前端开发 算法
js开发:请解释什么是虚拟DOM(virtual DOM),以及它在React中的应用。
虚拟DOM是React等前端框架的关键技术,它以轻量级JavaScript对象树形式抽象表示实际DOM。当状态改变,React不直接操作DOM,而是先构建新虚拟DOM树。通过高效diff算法比较新旧树,找到最小变更集,仅更新必要部分,提高DOM操作效率,降低性能损耗。虚拟DOM的抽象特性还支持跨平台应用,如React Native。总之,虚拟DOM优化了状态变化时的DOM更新,提升性能和用户体验。
23 0
|
3天前
|
JavaScript 前端开发 UED
深入解析JavaScript原生操作DOM技术
【4月更文挑战第22天】本文深入探讨JavaScript原生DOM操作技术,包括使用`getElement*`方法和CSS选择器获取元素,借助`createElement`与`appendChild`动态创建及插入元素,修改元素内容、属性和样式,以及删除元素。通过掌握这些技术,开发者能实现页面动态交互,但应注意避免过度操作DOM以优化性能和用户体验。
|
3天前
|
JavaScript 前端开发 Linux
JavaScript 的跨平台特性
【4月更文挑战第22天】JavaScript 的跨平台特性
18 8
|
10天前
|
开发框架 前端开发 JavaScript
采用C#.Net +JavaScript 开发的云LIS系统源码 二级医院应用案例有演示
技术架构:Asp.NET CORE 3.1 MVC + SQLserver + Redis等 开发语言:C# 6.0、JavaScript 前端框架:JQuery、EasyUI、Bootstrap 后端框架:MVC、SQLSugar等 数 据 库:SQLserver 2012
|
29天前
|
开发框架 JavaScript 前端开发
描述JavaScript事件循环机制,并举例说明在游戏循环更新中的应用。
JavaScript的事件循环机制是单线程处理异步操作的关键,由调用栈、事件队列和Web APIs构成。调用栈执行函数,遇到异步操作时交给Web APIs,完成后回调函数进入事件队列。当调用栈空时,事件循环取队列中的任务执行。在游戏开发中,事件循环驱动游戏循环更新,包括输入处理、逻辑更新和渲染。示例代码展示了如何模拟游戏循环,实际开发中常用框架提供更高级别的抽象。
14 1
|
1月前
|
JavaScript 前端开发 安全
关于 JavaScript 代码的反混淆技术
关于 JavaScript 代码的反混淆技术
67 0
|
1月前
|
JavaScript 前端开发
HTML JS 应用
HTML JS 应用
19 3
|
1月前
|
JavaScript 前端开发 算法
Vue.js的单向数据流:让你的应用更清晰、更可控
Vue.js的单向数据流:让你的应用更清晰、更可控