Draw, error, storage

Август 11, 2022

Содержание

2. Локальное хранилище localStorage – объект который позволяет хранить данные на стороне клиента, т.е. в браузере, серверная
3. Локальное хранилище Работа с объектом localStorage: localStorage.setItem(‘ключ’, значение) – функция задающая ключ (имя) и значение которое
4. Локальное хранилище Консоль разработчика покажет всё, что содержится в локальном хранилище.
5. Локальное хранилище Локальное хранилище сохраняет данные доступные, даже после закрытия браузера, этим можно пользоваться для сохранения
6. Локальное хранилище Данные из локального хранилища доступны для всех вкладок браузера в которых открыты страницы одного
7. Локальное хранилище Уведомление об изменении localStorage, событие onstorage.
8. Cookie-файлы Поскольку cookie-файлы хранятся в браузере, и передаются на сервер только в момент запроса страницы, то
9. Обработка ошибок ?!?
10. Обработка ошибок ???
11. Обработка ошибок Блок try{ … } catch(){ … } – предназначен для перехвата и обработки ошибок
12. Обработка ошибок При ошибке скрипт не перестаёт выполнятся, а перескочит в блок catch, если ошибка не
13. Обработка ошибок Перехват ошибок возможен только для синтаксически верного кода В приведенном примере перехват ошибок, не
14. Обработка ошибок Информация об ошибке содержится в параметре который получает блок catch.
15. Обработка ошибок Часто ошибка случается где-то «в глубине»: Свойство stack объекта который содержит информацию об ошибке
16. Обработка ошибок stack – цепочка вызовов приведшая к ошибке
17. Обработка ошибок Не поможет обрабатывать код вызываемый асинхронно. ?!?
18. Обработка ошибок Не поможет если код который содержится в try-catch вызывается из вне. ?!?
19. Обработка ошибок Секция finally предназначен для размещения в нём кода который выполнится не зависимо от того,
20. Обработка ошибок Когда ничего не помогло… событие window.onerror ?!? Обработка события window.onerror – не предотвратит прекращение
21. Рисование, Графика, Canvas http://js.courses.dp.ua/files/canvas/example.html Тег canvas – представляет собой «холст», прямоугольную область в которой можно рисовать.
22. Рисование примитивов ???
23. Рисование примитивов ??? ???
24. Свойства (графические атрибуты «холста») http://www.w3schools.com/tags/ref_canvas.asp
25. Загрузка изображений на холст
26. Paint на JavaScript http://js.courses.dp.ua/files/canvas/paint.html
27. Paint на JavaScript http://js.courses.dp.ua/files/canvas/paint.html
28. Домашнее задание Узнать зачем нужен оператор throw, как и для чего он используется.
30. Скачать презентацию

Слайд 2

Локальное хранилище
localStorage – объект который позволяет хранить данные на стороне клиента,

т.е. в браузере, серверная часть (даже если она есть) не будет иметь доступ к этим данным. Данные которые хранит объект localStorage доступны всем закладкам которые содержат страницы с одного домена.

???

Слайд 3

Локальное хранилище
Работа с объектом localStorage:
localStorage.setItem(‘ключ’, значение) – функция задающая ключ (имя)

и значение которое нужно сохранить (тот же принцип, что и в ассоциативных массивах);
localStorage.getItem(‘ключ’) – функция достающая из локального хранилища значение которое сохранено под именем заданным ключом.

???

Слайд 4

Локальное хранилище
Консоль разработчика покажет всё, что содержится в локальном хранилище.

Слайд 5

Локальное хранилище
Локальное хранилище сохраняет данные доступные, даже после закрытия браузера, этим

можно пользоваться для сохранения промежуточных значений, или данные которые с целью безопасности лучше не передавать на сервер.

???

Слайд 6

Локальное хранилище
Данные из локального хранилища доступны для всех вкладок браузера в

которых открыты страницы одного и того же домена. Но когда в одной из вкладок меняется какое-либо из значений хранимых в локальном хранилище, то хорошо бы уведомить остальные вкладки об этом.

Такая возможность есть – события onstorage объекта window.

http://js.courses.dp.ua/files/storage/

Слайд 7

Локальное хранилище
Уведомление об изменении localStorage, событие onstorage.

Слайд 8

Cookie-файлы
Поскольку cookie-файлы хранятся в браузере, и передаются на сервер только в

момент запроса страницы, то JavaScript позволяет их менять.

http://js.courses.dp.ua/files/storage/cookie.html

Слайд 9

Обработка ошибок
?!?

Слайд 10

Обработка ошибок
???

Слайд 11

Обработка ошибок
Блок try{ … } catch(){ … } – предназначен для

перехвата и обработки ошибок (исключительных ситуаций, exeptions) времени выполнения (т.е. те ошибки которые появились во время работы скрипта).

Если в блоке try произойдёт ошибка, выполнение блока прекратится и перейдёт к блоку catch, в котором могут быть выполнены какие-либо действия направленные на нивелирования влияния ошибки на работу сприпта. Если в блоке try ошибка не произошла, то блок catch не выполняется. Независимо от того произошла ошибка или нет, после try-catch скрипт пойдёт выполняться дальше, как ни в чём не бывало.

Слайд 12

Обработка ошибок
При ошибке скрипт не перестаёт выполнятся, а перескочит в блок

catch, если ошибка не случилась, то блок catch не будет выполняться вообще

Слайд 13

Обработка ошибок
Перехват ошибок возможен только для синтаксически верного кода
В приведенном примере

перехват ошибок, не поможет

Слайд 14

Обработка ошибок
Информация об ошибке содержится в параметре который получает блок catch.

Слайд 15

Обработка ошибок
Часто ошибка случается где-то «в глубине»:
Свойство stack объекта который

содержит информацию об ошибке содержит описание цепочки вызовов которая привела к ошибке.

Слайд 16

Обработка ошибок
stack – цепочка вызовов приведшая к ошибке

Слайд 17

Обработка ошибок
Не поможет обрабатывать код вызываемый асинхронно.
?!?

Слайд 18

Обработка ошибок
Не поможет если код который содержится в try-catch вызывается из

вне.

?!?

Слайд 19

Обработка ошибок
Секция finally предназначен для размещения в нём кода который выполнится

не зависимо от того, возникла ошибка в блоке try и выполнялся ли блок catch или нет.

Секция finally используется для того, чтобы завершить начатые операции при любом развития событий.

Слайд 20

Обработка ошибок
Когда ничего не помогло…
событие window.onerror
?!?
Обработка события window.onerror –

не предотвратит прекращение работы скрипта, но позволит выбросить информацию об ошибке которая привела к его «падению».

Слайд 21

Рисование, Графика, Canvas
http://js.courses.dp.ua/files/canvas/example.html
Тег canvas – представляет собой «холст», прямоугольную область в

которой можно рисовать. Контекст canvas’a – объект который содержит множество методов для рисования на «холсте».

Слайд 22

Рисование примитивов
???

Слайд 23

Рисование примитивов
???
???

Слайд 24

Свойства (графические атрибуты «холста»)
http://www.w3schools.com/tags/ref_canvas.asp

Слайд 25

Загрузка изображений на холст

Слайд 26

Paint на JavaScript
http://js.courses.dp.ua/files/canvas/paint.html

Слайд 27

Paint на JavaScript
http://js.courses.dp.ua/files/canvas/paint.html

Слайд 28

Домашнее задание
Узнать зачем нужен оператор throw, как и для чего он

используется.

Draw, error, storage

Содержание

Локальное хранилищеlocalStorage – объект который позволяет хранить данные на стороне клиента,

Локальное хранилищеРабота с объектом localStorage:localStorage.setItem(‘ключ’, значение) – функция задающая ключ (имя)

Локальное хранилищеКонсоль разработчика покажет всё, что содержится в локальном хранилище.

Локальное хранилищеЛокальное хранилище сохраняет данные доступные, даже после закрытия браузера, этим

Локальное хранилищеДанные из локального хранилища доступны для всех вкладок браузера в

Локальное хранилищеУведомление об изменении localStorage, событие onstorage.

Cookie-файлыПоскольку cookie-файлы хранятся в браузере, и передаются на сервер только в

Обработка ошибок?!?

Обработка ошибок???

Обработка ошибокБлок try{ … } catch(){ … } – предназначен для

Обработка ошибокПри ошибке скрипт не перестаёт выполнятся, а перескочит в блок

Обработка ошибокПерехват ошибок возможен только для синтаксически верного кодаВ приведенном примере

Обработка ошибокИнформация об ошибке содержится в параметре который получает блок catch.

Обработка ошибокЧасто ошибка случается где-то «в глубине»: Свойство stack объекта который

Обработка ошибокstack – цепочка вызовов приведшая к ошибке

Обработка ошибокНе поможет обрабатывать код вызываемый асинхронно.?!?

Обработка ошибокНе поможет если код который содержится в try-catch вызывается из

Обработка ошибокСекция finally предназначен для размещения в нём кода который выполнится

Обработка ошибокКогда ничего не помогло… событие window.onerror ?!?Обработка события window.onerror –

Рисование, Графика, Canvashttp://js.courses.dp.ua/files/canvas/example.htmlТег canvas – представляет собой «холст», прямоугольную область в

Рисование примитивов???

Рисование примитивов??????

Свойства (графические атрибуты «холста»)http://www.w3schools.com/tags/ref_canvas.asp

Загрузка изображений на холст

Paint на JavaScripthttp://js.courses.dp.ua/files/canvas/paint.html

Paint на JavaScripthttp://js.courses.dp.ua/files/canvas/paint.html

Домашнее заданиеУзнать зачем нужен оператор throw, как и для чего он

Похожие презентации

Локальное хранилище
localStorage – объект который позволяет хранить данные на стороне клиента,

Локальное хранилище
Работа с объектом localStorage:
localStorage.setItem(‘ключ’, значение) – функция задающая ключ (имя)

Локальное хранилище
Консоль разработчика покажет всё, что содержится в локальном хранилище.

Локальное хранилище
Локальное хранилище сохраняет данные доступные, даже после закрытия браузера, этим

Локальное хранилище
Данные из локального хранилища доступны для всех вкладок браузера в

Локальное хранилище
Уведомление об изменении localStorage, событие onstorage.

Cookie-файлы
Поскольку cookie-файлы хранятся в браузере, и передаются на сервер только в

Обработка ошибок
?!?

Обработка ошибок
???

Обработка ошибок
Блок try{ … } catch(){ … } – предназначен для

Обработка ошибок
При ошибке скрипт не перестаёт выполнятся, а перескочит в блок

Обработка ошибок
Перехват ошибок возможен только для синтаксически верного кода
В приведенном примере

Обработка ошибок
Информация об ошибке содержится в параметре который получает блок catch.

Обработка ошибок
Часто ошибка случается где-то «в глубине»:
Свойство stack объекта который

Обработка ошибок
stack – цепочка вызовов приведшая к ошибке

Обработка ошибок
Не поможет обрабатывать код вызываемый асинхронно.
?!?

Обработка ошибок
Не поможет если код который содержится в try-catch вызывается из

Обработка ошибок
Секция finally предназначен для размещения в нём кода который выполнится

Обработка ошибок
Когда ничего не помогло…
событие window.onerror
?!?
Обработка события window.onerror –

Рисование, Графика, Canvas
http://js.courses.dp.ua/files/canvas/example.html
Тег canvas – представляет собой «холст», прямоугольную область в

Рисование примитивов
???

Рисование примитивов
???
???

Свойства (графические атрибуты «холста»)
http://www.w3schools.com/tags/ref_canvas.asp

Paint на JavaScript
http://js.courses.dp.ua/files/canvas/paint.html

Paint на JavaScript
http://js.courses.dp.ua/files/canvas/paint.html

Домашнее задание
Узнать зачем нужен оператор throw, как и для чего он