Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (17)
Similar to Sumin
Similar to Sumin (20)
More from tfmailru
More from tfmailru (10)
Sumin
- 2. Сайты в 2002 году – мало javascript – независимость
- 3. Структура проекта /js /common.js /editor.js
- 4. 2005 год /js /common.js /editor.js /js-lib.js
- 6. Проблемы – Путаница – Растущий размер файла – Нет code reuse
- 8. Логическое разделение /js /folder.js /message.js /search.js ...
- 9. Проблемы – Размер – Подключение – Сопровождение
- 10. Результат <head> <script></script> <script></script> <script></script> … </had>
- 11. Тег как компонент <div class="component" onclick="return {type:'folder'}"> </div>
- 12. Тег как компонент <div class="component" onclick="return {type:'folder'}"> </div>
- 13. Нужен функционал – Найти компонент – Определить компонент – Подключить JS файлы – Очередность подключения – Один файл один раз
- 15. Старые браузеры <div id=“random_12345”> … </div> <script>create(“random_12345”)</script>
- 16. Тип компонента <div class="component" onclick="return {type:'folder'}"> </div> var type = div.onclick().type;
- 17. Генерация тега script createScript = function (src, charset){ script = document.createElement('script'); ... head.insertBefore(script, head.firstChild); }
- 18. require require( // зависимость от других файлов ['file1', 'file2' ...], // уведомление о загрузке (callback) function(){ // инициализация loaded('file'); });
- 19. require дерево Folders -> Dates -> Strings Folders.js require('Dates', function(){loaded('Folders')}); Dates.js require('Strings', function(){loaded('Dates')}); Strings.js /* Strings staff */ loaded('Strings')
- 20. Запуск компонента component = getElsBySelector('.component'); type = component.onclick().type; require( [getFileName(type)], function(){ window[type].init(); });
- 21. Тег как компонент <div class="component" onclick="return {type:'folder'}"> </div>
- 22. События
- 27. События CB.observe (type, listener, object); CB.dispatch (type, object, event);
- 28. Очереди CB.dispatch (type, object, event, 1); CB.observe (type, listener, object);
- 30. СПАСИБО! Сумин Андрей Руководитель разработки клиентской части AndrewSumin@corp.mail.ru