Скачать презентацию Оптимизация кода Java Script Выполнили Студенты факультета ИВТ Скачать презентацию Оптимизация кода Java Script Выполнили Студенты факультета ИВТ

norm.pptx

  • Количество слайдов: 9

Оптимизация кода Java. Script Выполнили: Студенты факультета ИВТ Сергеев Сергей Кислицын Александр гр. 41 Оптимизация кода Java. Script Выполнили: Студенты факультета ИВТ Сергеев Сергей Кислицын Александр гр. 41 -12

Основные пункты Уменьшение DOM запросов Уменьшение числа локальных переменных Исключение лишних символов Разбитие кода Основные пункты Уменьшение DOM запросов Уменьшение числа локальных переменных Исключение лишних символов Разбитие кода на равномерные функции Разнообразие функций

Document Object Model document. get. Element. By. Id( Document Object Model document. get. Element. By. Id("my. Field"). style. background. Color="#CCC"; document. get. Element. By. Id("my. Field"). style. color="#FF 0000"; document. get. Element. By. Id("my. Field"). style. font. Weight="bold"; var my. Field=document. get. Element. By. Id("my. Field"); my. Field. style. css. Text="background-color: #CCC; color: #FF 0000; font -weight: bold"; var my. Field=document. get. Element. By. Id("my. Field"); my. Field. style. background. Color="#CCC"; my. Field. style. color="#FF 0000"; my. Field. style. font. Weight="bold";

DOM: Промежуточный буфер. DOM Document Fragment К О Д DOM: Промежуточный буфер. DOM Document Fragment К О Д

Память Переменные (function init(){ for(var i=0, n=1; i<10; i++) n+=n; alert(n); for(var i=0, m=1; Память Переменные (function init(){ for(var i=0, n=1; i<10; i++) n+=n; alert(n); for(var i=0, m=1; i<10; i++) m*=m; alert(m); })(); v (function init(){ for(var i=0, n=1; i<10; i++) n+=n; alert(n); for(var i=0, n=1; i<10; i++) n*=n; alert(m); })(); Замыкание Var global_public_var="handsome"; function mega_func() { var secret_var = "vinchi" alert('Hey, ' + global_public_var)} mega_func(); v

Распределение по функциям Распределение по функциям

Заключение Логика и оправданность v Детальное рассмотрение критических мест v Вынесение во внешние файлы Заключение Логика и оправданность v Детальное рассмотрение критических мест v Вынесение во внешние файлы и их сжатие v Функции-обёртки v Старый-новый код v v Литература. Николас Закас «Java. Script. Оптимизация производительности» , 255 стр, 2012, изд. «Символ»

Результат Bad (Very. Bad) 2. 72 (86905) 2. 639 (91025) 2. 631 (90346) 2. Результат Bad (Very. Bad) 2. 72 (86905) 2. 639 (91025) 2. 631 (90346) 2. 627 (85829) 2. 64 (88195) Normal 2. 468 2. 484 2. 459 2. 53 2. 501 Good 0. 103 0. 104 0. 103 0. 1

Спасибо за внимание Спасибо за внимание