Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
shpory_pechatat (1).docx
Скачиваний:
0
Добавлен:
01.07.2025
Размер:
400.16 Кб
Скачать

7. Массив как объект. Встроенные методы для работы с массивами. Добавление и удаление элементов массива.

В JS объекты и массивы обрабатываются практически одинаково, поскольку массивы - это просто особый тип объекта.

Метод объекта в JS - это просто функция, которая добавлена в ассоциативный массив.

Встроенные методы:

• pop() удаляет последний элемент и возвращает удаленный элемент.

• push() добавляет в конец массива произвольное количество элементов, которые он принимает в качестве параметров, возвращает длину нового увеличенного массива.

• shift() удаляет нулевой элемент массива и возвращает удаленный элемент.

• unshift() добавляет в начало массива произвольное количество элементов, которые он принимает в качестве параметров, возвращает длину нового увеличенного массива.

• split(s), который позволяет превратить строку в массив, разбив ее по разделителю s. У метода split есть необязательный второй аргумент - ограничение на количество элементов в массиве. Если их больше, чем указано - остаток массива будет отброшен.

• join(str) делает в точности противоположное split. Он берет массив и склеивает его в строку, используя str как разделитель.

Метод splice() умеет все: удалять, вставлять, заменять элементы - по очереди и одновременно. Его синтаксис:

arr.splice (index [deleteCount, elem1, ..., elemN])

Удалить deleteCount элементов, начиная с номера index, а затем вставить elem1, ..., elemN на их место. Возвращает массив из удалённых элементов.

Метод slice(begin, end) копирует участок массива от begin до end, не включая end.

• Метод sort() сортирует массив на месте. Для указания своего порядка сортировки в метод sort(fn) нужно передать функцию fn от двух элементов, которая умеет сравнивать их.

• Метод reverse() меняет порядок элементов в массиве на обратный.

• Метод concat (value1, value2, … valueN) создаёт новый массив, в который копируются элементы из arr, а также value1, value2, ... valueN. Пример:

var arr = [1, 2];

var newArr = arr.concat(3, 4);

alert(newArr); // 1,2,3,4

• Метод indexOf (searchElement[, fromIndex]) возвращает номер элемента searchElement в массиве arr или -1, если его нет. Поиск начинается с номера fromIndex, если он указан. Если нет — с начала массива.

• Метод lastIndexOf (searchElement[, fromIndex]) ищет справа-налево: с конца массива или с номера fromIndex, если он указан.

• every() возвращает true, если все элементы массива удовлетворяют некоторому условию и false в противном случае.

8. Каскадные таблицы стилей css: основные понятия и определения. Селекторы, свойства, аргументы. Селекторы тэгов. Классы стилей. Способы подключения таблицы стилей. Возможности css3.

Стилем или CSS называется набор параметров форматирования, который применяется к элементам документа, чтобы изменить их внешний вид.

Способы добавления:

1. связанные стили <link rel="stylesheet" href="1.css">

2. глобальные стили просто <style> внутри html

3. внутренние стили в самих тегах.

4. @import url("1.css");

Селектор – это некоторое имя стиля, для которого добавлены параметры форматирования.

/*..*/-комментарии.

Цвета: #ffee00, red. Rgb(255,0,0).

Селекторы тегов:

Тег {свойство: значение; свойство: значение;}

Классы стилей:

Классы применяют, когда необходимо определить стиль для индивидуального элемента веб-страницы.

.Имя класса {св-во1: зн-е; св-во2: зн-е;}

Идентификатор определяет уникальное имя элемента, который используется для обращения к нему через скрипты.#имя id

Возможности CSS3:

1. background: linear-gradient(to top, #fefcea, #f1da36);

2. Закругленные уголки у блоков border-radius:12px;

3. box-shadow: 0px 0px 4px #000000;inset внутрь элемента

4. rgba (альфа-прозрачность для цветов) background: rgba (200, 54, 54, 0.5);

5. псевдоэлементы: after\before

6. прозрачность оpacity.

7. кнопки submit

8. ротация картинок

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]