Web Мастерская
Контакт

Web Мастерская»Блог

Сообщество Web Мастеров. Тут собрано всё, чтобы написать свой первый сайт, запустить его в Интернет и поддерживать его в течении всей его работы.
Поиск блогов...

Отличие объявления переменных через let и var в JavaScript

JavaScript
Самое главное отличие между let и var, как мне кажется - это видимость объявленной переменной. Переменная, что была объявлена через var будет видна по всей функции, переменная, что была объявлена через let, будет видна только в блоке, то есть между фигурными скобками { и }, где она и была определена, или видна не будет в блоке, если переменная объявлена вне блока.

Пример объявления переменной через var:
Выделить
var variable = 'Первое значение';
if (variable) {
	var variable = 'Второе значение';
};

alert(variable); // На экране: "Второе значение"

Пример объявления переменной через let:
Выделить
let variable = 'Первое значение';
if (variable) {
	let variable = 'Второе значение';
};

alert(variable); // На экране: "Первое значение"

Код первого примера выведет на экран строку "Второе значение", код второго примера выведет на экран "Первое значение"....

Определить страну и город на JS + API Яндекс

JavaScript
Для того, что бы определить страну и город на JS + API Яндекс, подключаем между тегами <head> и </head> jQuery и API Яндекс, например так:
Выделить
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="https://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU" type="text/javascript"></script>

Далее пишем код, который будет забивать название страны и города в переменные и передавать их в блоки для вывода на экран:
Выделить
<script type="text/javascript">
    $(document).ready(function() {
        ymaps.ready(function() {
            var country = ymaps.geolocation.country;
            var city = ymaps.geolocation.city;
            
            $('#country').html('Выша страна ' + country);            
            $('#city').html('Выша город ' + city);
        });
    });
</script>

Теперь в нужной части страницы вставляем:
Выделить
<!-- Для вывода страны -->
<div id="country"></div>

<!--
...

Как подключить highlight.js (Подсветка синтаксиса)

CSS JavaScript
Подключить highlight.js на сайте довольно просто, для этого переходим на сайт: https://highlightjs.org/ выбираем все языки, которые необходимо посветить на вашем сайте и скачиваем архив (https://highlightjs.org/download/).
Распаковываем архим, файл highlight.pack.js и один из файлов стиля (css) помещаем на вашем сайте, далее между тегами <head> и </head> подключаем файл highlight.pack.js, прописывая:
Выделить
<script type="text/javascript" src="js/highlight.pack.js"></script>

И файл стиля, например vs.css:
Выделить
<link rel="stylesheet" href="css/vs.css" />

Еще один код, который надо вставить между тегами <head> и </head>:
Выделить
<script type="text/javascript">
    hljs.initHighlightingOnLoad();
</script>

Теперь тот код, что надо подсветить помещаем между тегами:
Выделить
<pre><code>
    <!-- Тут код, который необходимо подсветить -->
</code></pre>

Вот и всё!

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

Удалить пробелы в начале и в конце строки на jQuery

JavaScript Библиотека JS
Порой появляется необходимость удалить пробелы в начале и в конце строки, например, когда надо проверить поле формы на пустоту. Удаляются пробелы при помощи функции trim, предназначение этой функции, как раз для удаления пустого место с начала и конца строки. Делается это так:
Выделить
row = $.trim(row);

Чтобы убедиться, что функция действительно работает, могу предложить попробовать выполнить код ниже:
Выделить
var row = ' Библиотека jQuery      ';
alert('\'' + row + '\'');
row = $.trim(row);
alert('\'' + row + '\'');

Тут мы создаем переменную с пробелами в начале и в конце фразы "Библиотека jQuery". Функция alert, строчкой ниже, выведет окошко с сообщением:
' Библиотека jQuery '

Видно, что между фразой и кавычками имеются пробелы.
Дальше по коду, функция trim удаляет пробелы и отдает новое значение той же переменной.
Кстати писать функцию необходимо со знаком доллара, либо со словом jQuery (так: $.trim или так: jQuery.trim), в противном случаи, функция работать не будет и...

Массивы (JavaScript: Array)

JavaScript
Массив - это одна из разновидность объекта, чье предназначение - хранить различные значения.

Пустой массив:
Выделить
var a = [];

Или:
Выделить
var a = new Array();

Массив с четырьмя значениями:
Выделить
var family = [
    'Алексей',
    'Виктория',
    'Юлия',
    'Никита'
];

Или:
Выделить
var family = new Array(
    'Алексей',
    'Виктория',
    'Юлия',
    'Никита'
);

"Вытащить" значение из массива можно так family[0] (первое значение (Алексей)), family[1] (второе значение (Виктория)) и так далее.
Пример:
Выделить
var family = [
    'Алексей',
    'Виктория',
    'Юлия',
    'Никита'
];
alert(family[1]);

На экране появится окошко с именем "Виктория"....
Реклама