![16
define(['jQuery', 'lodash'],
function ($, _) {
var myStuff = {};
return myStuff;
});
RequireJS & AMD: 仂亟仍亳](https://image.slidesharecdn.com/uwdc-javascript-140318114625-phpapp02/85/Modules-and-assembling-of-JavaScript-in-russian-16-320.jpg)
![20
define("dojo/_base/html", [
"./kernel",
"../dom",
"../dom-style",
"../dom-attr",
"../dom-prop",
"../dom-class",
"../dom-construct",
"../dom-geometry"
], function (dojo, dom, style, attr, prop, cls, ctr, geom) {
});
仆仂亞仂 亠亠仄仂仆亳亶 define()
2. 舒 亰舒于亳亳仄仂亠亶 舒亟
http://clck.ru/4b7ew](https://image.slidesharecdn.com/uwdc-javascript-140318114625-phpapp02/85/Modules-and-assembling-of-JavaScript-in-russian-20-320.jpg)
More Related Content
What's hot (20)
Similar to Modules and assembling of JavaScript (in russian) (20)
More from Mikhail Davydov (16)
Modules and assembling of JavaScript (in russian)
- 2. 亳舒亳仍 舒于亟仂于 JavaScript 舒亰舒弍仂亳从 仂亟仍亳 亳 弍仂从舒 JavaScript
- 3. 仂 亳仂亳. 弌 亠亞仂 仆舒亳仆舒仍 亳 从 亠仄 仗亳亠仍
- 4. cat **/*.js > build.js!
- 5. 5 个舒亶仍 亳 cat **/*.js > build.js ≒亅仂 弍仂 亳 仗仂仂 ≒丼仂 仗仍仂仂亞仂 弌仂弍亳舒亠 于亠 弍亠亰 舒亰弍仂舒 仂亰仄仂亢仆 从仂仆仍亳从 亳仄亠仆 仗亠亠仄亠仆仆 亠亰仍舒 仗仍仂仂 亢亳仄舒亠 亢仆仂 亳于舒 仗仂磲仂从
- 6. 丐舒从 亢亳 仆亠仍亰! 亢仆 仄仂亟仍亳.
- 7. 7 仆亠 仗仂仆舒亟仂弍亳仍亳 仄仂亟仍亳. 舒亠仄? ≒舒亰亟亠仍亠仆亳亠 仍仂亞亳亠从亳 舒亠亶 ≒丕仗舒于仍亠仆亳亠 亳仄仗仂仂仄/从仗仂仂仄 ≒亊于仆亠 亰舒于亳亳仄仂亳 亳 亳 从仂仆仂仍 ≒亠仆亠 从仂仆仍亳从仂于 仗亠亠仄亠仆仆
- 8. 仂亟仍? 仆亠, 仆亠 仍舒仍! Learning JavaScript Design Patterns http://clck.ru/8aLgX
- 10. 10 (function ($) { var myStuff = {}; window.stuff = myStuff; })(jQuery); IIFE 亳 include()
- 11. 11 include('common.js'); include('ru.js'); include('main.js'); IIFE 亳 include(): 弌弍仂从舒 includify main.js > build.js
- 12. 12 IIFE 亳 include() ≒丼仂 仂仂亠亞仂 仂亟仍亳 于 亰舒仄从舒仆亳 仂亢仆仂 仆舒仍亠亟仂于舒 弍仂从亳 ≒丼仂 仗仍仂仂亞仂 RegExp 弍仍亳仂于舒仆亳亠 仄仂亟仍亠亶
- 13. 亊 于亠亳仍 亠
- 14. REQUIRE JS
- 15. 15 RequireJS ≒AMD ≒亳仆仂仆仆亠 亰舒于亳亳仄仂亳 ≒仍舒亞亳仆 ≒仗亳仄亳亰舒亳 r.js ≒仂仍仂亠 从仂仄ﾐ出狐亳
- 16. 16 define(['jQuery', 'lodash'], function ($, _) { var myStuff = {}; return myStuff; }); RequireJS & AMD: 仂亟仍亳
- 17. 17 <script data-main="js/app" src=/slideshow/modules-and-assembling-of-javascript-in-russian/32453276/"js/require.js"> </script> RequireJS & AMD: 弌弍仂从舒 node r.js -o build.js
- 18. I REQUIRE JS 亊 亟仄舒仍, 仂 仂 仆舒于亠亞亟舒
- 19. 19 define(function () { var myStuff = {}; return myStuff; }); 仆仂亞仂 亠亠仄仂仆亳亶 define() 1. 亢仆仂 仗亳舒 仂弍亠从
- 20. 20 define("dojo/_base/html", [ "./kernel", "../dom", "../dom-style", "../dom-attr", "../dom-prop", "../dom-class", "../dom-construct", "../dom-geometry" ], function (dojo, dom, style, attr, prop, cls, ctr, geom) { }); 仆仂亞仂 亠亠仄仂仆亳亶 define() 2. 舒 亰舒于亳亳仄仂亠亶 舒亟 http://clck.ru/4b7ew
- 22. 22 define(function () { var myStuff = {}; return myStuff; }); 仆仂亞仂 亠亠仄仂仆亳亶 define() 3. 亠舒从: 亳仂亟亳 舒弍仍亳仂于舒
- 23. 23 require('module'); // js? require('async!data', cb); // ? require(ComicSans); // font? require() - God Object? 1. 仂亰于舒舒亠 仂 亞仂亟仆仂, 从舒从 亞仂亟仆仂 2. 亠 舒亰 仗仂仆亠仆 亠亰仍舒
- 24. AMD 亳 CJS
- 25. 25 亠亠 AMD ≒亳仂亟亳 仗仂亟亟亠亢亳于舒 AMD jQuery, underscore, backbone, 2 于亠亳亳 AMD 亳 弍亠亰 ≒舒ﾑ 亰舒舒亰亳 Node.js node-requirejs 于 node 亳 舒从 亠 仄仂亟仍仆舒 亳亠仄舒 http://clck.ru/4b7dE
- 26. 弌亠亶舒 仄 亟亰
- 27. 亞亳亠 仗亳
- 28. 28 亞亳亠 仗亳 ≒ browserify CommonJS 仂仂仂 仍亳从仂仄 仄仆仂亞仂 仂 Node.js 仗仍仂仂 ≒ 仗仂仂 亰舒亞亰亳从 headjs yepnopejs
- 29. 29 亰 仄仂亠亞仂 仂仗舒 ≒ 弌亠亞仂亟仆 于亠 仂弍亳舒亠. 舒亢亠 dev ≒ 丼亳舒亠仄仂 从仂亟舒 仂亠仆 于舒亢仆舒 亢仆仂 亳从仍ﾑ亳 仆亠磦仆亠 从仂仆从亳亳 ≒ 弌弍仂仂从 弍于舒亠 仄仆仂亞仂 dev, production, dev-ru, test-en_US ≒ 亢亠仆 从仂仆仂仍 亠亰仍舒舒 弍仂从亳 仂于亠从舒 亠仍仂仆仂亳 仂亟仂弍仆舒 亳仆仂仄舒亳 仂 弍仂从亠
- 31. LMD Lazy Module Declaration LMD
- 32. 仂亟仍亳 CommonJS 舒仍仆仂亠 亟亠仍舒亠 弍仂亳从
- 33. 33 var $ = require('$'), myStuff = {}; module.exports = myStuff; 仂亟仍亳 CommonJS/Modules 1.0* http://clck.ru/4b7gO
- 34. 34 仂亳 ≒ 亠仆舒于磶亳于亶 仂仄舒 亠 仍亳仆亠亶 仗亳舒仆亳仆 亟亳仆仂仂弍舒亰亳亠 于亳亟舒 仄仂亟仍亠亶 ≒ 弍舒仆舒 仂于仄亠亳仄仂 Node.js 亠亰 仗仍舒亞亳仆仂于, 亠亞亳舒亳亳 亳 SMS ≒ 弍亠从仂亶 仄仂亟仍亠亶 亰舒仆亳仄舒亠 弍仂亳从
- 35. 35 { "root": "../js", "output": "../index.js", "modules": { "main": "main.js", "i18n": "locale/ru.json" }, "css": true, "ie": false, "worker": true } 仂仆亳亞 弍仂从亳 http://clck.ru/4b7gq
- 37. 37 { "extends": "index.json", "output": "../index-en.js" "modules": { "i18n": "locale/en.json" } } 仗亠舒亳亳 仆舒亟 从仂仆亳亞舒仄亳 1. 舒仍亠亟仂于舒仆亳亠 从仂仆亳亞仂于 http://clck.ru/4b7j2
- 38. 38 { "modules": { "i18n": "locale/en.json" } } 仗亠舒亳亳 仆舒亟 从仂仆亳亞舒仄亳 2. 亳从亳仆 从仂仆亳亞仂于 lmd index+en output=index-en.js http://clck.ru/4b7pI
- 39. 39 { "root": "../js", "modules": { "main": "main.js" }, "depends": "*.lmd.json" } 仗亠舒亳亳 仆舒亟 从仂仆亳亞舒仄亳 3. 舒于亳亳仄仂亳 仄仂亟仍亠亶 main.lmd.json 舒仆亳 亰舒于亳亳仄仂亳 main.js http://clck.ru/4b7sw
- 40. 40 仂亳 ≒ 亳仆 仆亢仆仂 仗亳舒 从仂仆亳亞 ≒ JSON 仄仂亢仆仂 仍亠亞从仂 亠亳仗仂仍亰仂于舒 ≒ 仂仍亳亠于仂 从仂仆亳亞仂于 仂从舒亳仍仂 ≒ 亠仆亠 仗亳舒 弍仂仂仆 从亳仗仂于 ≒ 亠亞亠 仗仂仆 亠亰仍舒 弍仂从亳
- 41. 亊于仆亠 仗仍舒亞亳仆
- 42. 亳弍从亳亠 仗仍舒亞亳仆
- 43. 亠仆 亞亳弍从亳亠 仗仍舒亞亳仆
- 44. 44 { "image": true, "promise": true, "cache": true, "stats": true } 亊于仆亶 仗仂仂弍 仗仂亟从仍ﾑ亠仆亳 仗仍舒亞亳仆仂于 http://clck.ru/4b7t6 弌弍仂亳从 仗仂于亠亳 仗仍舒亞亳仆
- 45. 45 // javascript require('module'); // css require.css('path/to.css', callback); // image+promise require.image('path/img.png') .then(callback); LMD require 仆亠 God Object http://clck.ru/4b7tO
- 46. 46 仂亳 ≒ require() 亟亠仍舒亠 仂亟仆 舒弍仂 ≒ 亠亰仍舒 require() 舒仍 仗亠亟从舒亰亠仄仄 ≒ 仂亟 舒仍仂 仗仂亠 于仂仗亳仆亳仄舒
- 47. ______ __ __ ! / ___ / / ! ____ ____ ! _____ _____ _ ! /_____/ /_____/ /_/ ! ! http://clck.ru/4dU-0!
- 48. $ lmd -c cfg.json ! -o result.js ! ! $ lmd make cfg ! $ lmd make cfg+ru ! $ lmd info cfg ! $ lmd !atch !fg! ! c!w!
- 49. LMD GUI
- 52. 52 仂亳 LMD ≒ 舒从亳仄仄 舒于仂仄舒亳亰舒亳亳 弌弍仂亳从 LMD 仆舒仍亳亳从舒 ≒ 舒从亳仄仄 磦仆仂亞仂 从仂亟舒 require.*() ≒ 亳仆亳仄仄 仗亳舒仆亳仆 CommonJS CLI & GUI ≒ 亳仆亳仄仄 从仂仗亳仗舒舒 仗亠舒亳亳 仆舒亟 从仂亳亞舒仄亳 https://github.com/azproduction/lmd