财付通设计中心规范-页面构建组JavaScript规范.PPTVIP

Node-Webkit lowin | 2014.05.21 开发实践 财付通标准PPT模板 案例 桌面软件 组成 技术 开发案例 优缺点 大纲 企鹅已经成长16年，长胖了吗？ 传统桌面开发 传统桌面开发 学习成本 开发成本 维护成本 heX 什么是node-webkit webkit 规范？ 什么是node 什么是webkit 技术是什么 Node.js(/api/) HTML5(/zh-CN/docs/Web/Guide/HTML/HTML5) 开发流程 /rogerwang/node-webkit Node-webkit之应用-打包工具 Node-webkit之应用-调试 / Node-webkit之应用-调用外部包 调用外部命令 案例（调用yuicompressor.jar或node） Node-webkit之应用-打包 配置pakage.json,主入口与窗口属性 将文件打包成xx.zip 再直接修改文件后缀为nw 将nw文件变成exe文件 Node-webkit优缺点 优点 提高UI开发效率，DOM中丰富的事件等可以涵盖绝大多数桌面开发中的情况 HTML(5)与CSS(3)拥有丰富的展现效果，可以更容易地对界面进行改版、换肤 使用Web开发人员工具可以使 UI 调试变得很轻松 桌面程序UI与Web版UI可以共享代码 容易实现跨平台:Mac OS X 、Windows、Linux 缺点 必须携带浏览器内核运行库，无形增加程序体积，至少20MB以上（压缩后) 性能问题 复杂需求 /rogerwang/node-webkit/wiki /api/ /rogerwang/node-webkit/wiki/List-of-apps-and-companies-using-node-webkit(案例) http://blog.fens.me/nodejs-core-domain/ /Blog/2014/4/9/node-webkit-app-runtime-based-on-chromium-and-nodejs%E8%BD%AC /zhchbin/archive/2013/01/24/2875259.html Node-webkit参考文档 THANK YOU / /article/2014-01-09/2818075-Light-Table /app/239820/(游戏) * QT:跨平台C++图形用户界面应用程序开发框架 * 分层开发:界面与交互统一交给前端，业务交给后台 * /rogerwang/node-webkit/wiki/List-of-apps-and-companies-using-node-webkit * Node.js负责本地的API接口，比如文件系统，网络，设备等 Webkit,浏览器网页排版引擎，解决页面的排版（html,css,dom），WebCore 排版引擎，?JSCore 引擎 WebCore?是一个针对 HTML?和 SVG 的排版、渲染和文档对象模型（DOM）的库，它就是人们通常所说的?WebKit? 现代浏览器的组成部件： HTML、XML、CSS、JavsScript解析器 Layout webkit,对html5的良好支持 文字和图形渲染 图像解码 GPU交互 网络访问 硬件加速 WebKit port们并没有共享的： GPU相关技术 3D转换 WebGL 视频解码 将2D图像绘制到屏幕 解析方式 SVG和CSS渐变绘制 文字绘制和断字 网络层（SPDY、预渲染、WebSocket传输） JavaScript引擎 JavaScriptCore 在WebKit repo中。V8和JavaScriptCore被绑定在WebKit中。 表单控制器的渲染 video和audio的元素表现和解码实现 图像解码 页面导航 前进/后退 pushState()的导航部分 SSL功能，比如Strict Transport Security和Public Key Pins * /Pana/n/blob/master/source/_posts/nodejs.md /developerworks/cn/opensource/os-nodejs/index.html /article/2014-01-08/2818066-Node-Webkit /cn/news/2013/07/node-webkit /view/8fc42033ccbff121dd36837f.html * / * /api/child_process.html * / /article/2014-01-09/2818075-Lig