Средства хранения данных на клиентской стороне.

Куки

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

Когда не нужно использовать JavaScript

JavaScript - это прекрасен и его все методы великолпны. Но время бежит вперед, и ты можешь построить свои UI компонеты без ипользования JS.

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

Сайт youmightnotneedjquery.com являеться великолпеным ресурсом где использоваться ванильный JS вместо JQuery, авторами
данного сайта стали: @adamfschwartz и @zackbloom. Но сейчас мы покажем мощь HTML и CSS с ситаксическим сахаром SASS. Потому-что, ты можешь не использовать javascript в этих задачах.

Повторяющиеся шаблоны

1
2
3
4
5
6
7
8
9
10
11
12
13
const student = {
name: "Ryan Christiani",
blogUrl: "http://ryanchristiani.com"
}
const studentTemplate = templater`<article>
<h3>${'name'} is a student at HackerYou</h3>
<p>You can find their work at ${'blogUrl'}.</p>
</article>`;
const myTemplate = studentTemplate(student);
console.log(myTemplate);

Как обратиться в Bitrxi24 API REST к инфоблокам

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
application.prototype.getOptions = function(){
$('#mechickOptions').empty();
let params = {
'IBLOCK_TYPE_ID': 'gates_calculator', //Тип инфоблока (группа инфоблоков)
'IBLOCK_CODE': 'oprions_gate' //Символический код инфоблока, чтобы не привязываться к IBLOCK_ID
};
BX24.callMethod(
'lists.element.get',params,(result)=>{ //Вызов метода для получения элементов инфоблока
if (result.error()){
alert(`Error:${result.error()}`); //alert
}else{
for (let res of result.data()){
$('#mechickOptions').append(`<option value="${res.ID}">${res.NAME}</option>`);
}
if (result.more()){ //Показать следующий инфоблок
result.next();
}
}
}
);
}