Javascript

Vue router: router-link не поддерживает v-on:click

30.08.2018 / Оставить комментарий

При написание небольшого проекта на VueJS столкнулся с проблемой при настройке роутинга на кнопках, а именно при подвешивании события:

<router-link to="path/to" @click="someFunction">

1	<router-link to="path/to" @click="someFunction">

— роутинг отрабатывал, но никакого запланированного события не происходило. На сколько я понял, директива v-on работает только с нативными HTML-элементами, т.к. это браузерное событие, а не событие Vue. Одним из выходом из этой ситуации может … подробнее

ToDo лист на LocalStorage и jQuery с возможностью редактирования задач

23.05.2018 / 2 комментария

Здравствуйте, коллеги. Чуть ниже представлен алгоритм написания ToDo листа на jQuery с использованием локального хранилища LocalStorage + возможность редактирования и удаления каждой отдельной задачи из списка. В результате получиться должно следующее — демо. За код прошу строго не судить, т.к. в JS я только начинаю. Однако дельным советам я буду только рад. Поехали. Для начала … подробнее

Редирект всех страниц сайта на главную с помощью javascript

25.11.2016 / 2 комментария

Чтобы перенаправить все страницы сайта на главную страницу с помощью js, необходимо вставить следующий код в ваш index.php или index.html, либо в ваш файл с js-скриптами (без конструкции <script></script>):

<script>
    // ваш_сайт.ру заменить на ваш домен
    if(document.location.href.indexOf('index.html') === -1){
        location="http://ваш_сайт.ру/index.html";
    }
</script>

1

2

3

4

5

6

// ваш_сайт.ру заменить на ваш домен

if(document.location.href.indexOf('index.html') === -1){

location="http://ваш_сайт.ру/index.html";

}

</script>

Соответственно, если у вас расширение файла index.php, то вместо index.html напишите index.php. Данным способом можно сделать редирект со всех страниц сайта не только на главную, … подробнее

Плавный скролл к нижней границе блока div с помощью Javascript

26.02.2016 / 2 комментария

Стояла задача для лендинга: при нажатии на одну из моделей телефона плавно проскроллить экран к нижней границе div, где расположена кнопка «купить». Варианты с «якорями» или подключением scrollTo.js не подошли, т.к. все они скроллят к верхней границе div, а нужно было, чтобы нижняя граница div проходила по нижней границе окна браузера. Решение пришло несколько дней … подробнее

Блого-дарю

Записки человека интересующегося

Javascript

Vue router: router-link не поддерживает v-on:click

ToDo лист на LocalStorage и jQuery с возможностью редактирования задач

Редирект всех страниц сайта на главную с помощью javascript

Плавный скролл к нижней границе блока div с помощью Javascript