Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Mojito 開發 Mobile Web 實戰經驗談

ddsakura
January 13, 2013

Mojito 開發 Mobile Web 實戰經驗談

ddsakura

January 13, 2013
Tweet

More Decks by ddsakura

Other Decks in Technology

Transcript

  1. 什麼是Mojito Yahoo! Open Source Mojito in April, 2012 A JavaScript

    MVC framework built on YUI3 for web applications. Because client and server components are both written in JavaScript, Mojito can run on the client (browser) or the server (Node.js).
  2. 重要的 components 設定檔 application.json 與 route.json Mojit = Widget +

    module M - model V - view C - Controller Binder 在 client-side Mojito runtime 運作的 js
  3. route.json [{ "settings": [ "master" ], "root": { "verb": ["get"],

    "path": "/*", "call": "foo-1.index" }, "foo_default": { "verb": ["post"], "path": "/foo", "call": "foo-1.post" }, "bar_default": { "verb": ["get"], "path": "/bar", "call": "bar-1.index", "params": { "page": 1, "log_request": true } } }]
  4. Context Configurations [ { "settings": [ "master" ], "specs": {

    ... } }, { "settings": [ "environment:development" ], "specs": { ... } }, ... ]
  5. 關於Mojito的經驗之三 static asset rollup and management Mojito-Shaker npm package 透過設定檔,可以將

    asset 部署到 local 或 雲端 https://github.com/yahoo/mojito-shaker 使用版本 2.0.37pr5
  6. 關於Mojito的經驗之七 好雲端讓你上天堂! 內部 hosting environment 簡化的 deploy 步驟 可整合 CI

    系統 那外部呢? Heroku Nodejitsu https://github.com/yahoo/mojito/wiki/Hosting
  7. 來談談前端吧 我們使用 YUI 3.6 附帶一提 YUI 最新的版本是 3.8.0 http://yuilibrary.com/ 也用

    LESS LESS extends CSS with dynamic behavior such as variables, mixins, operations and functions. http://lesscss.org/
  8. YUI是 YUI is a free, open source JavaScript and CSS

    library for building richly interactive web applications. 很常拿來比較的另一個 library 就是 JQuery
  9. Bottle UI Library provides Mobile-friendly UI components YUI Gallery Apply

    to our project Open! and welcome try it! http://zordius.github.com/yui3-gallery/gallery- bottle/ http://www.yuiblog. com/blog/2013/01/07/yuiconf-2012talk-bottle- mobile-ui-library-with-montie-tsai-and-zordius- chen/