В заметке показан простой процесс отправки файла (более конкретно изображения) на сервер с индикатором прогресса.
О базовой реализации индикатора прогресса в статье Как сделать индикатор прогресса (ProgressBar) обновляющийся с сервера (ASP.NET, AJAX, JQuery) - часть 1.
Предположим, что в проекте существует некая функция/процедура, исполнение которой может быть затянуто на время, не сопоставимое со среднестатистическим временем загрузки страницы — 10 сек и более. К примеру, существует метод в контроллере, который собирает информацию с нескольких интернет страниц и выводит сводные результаты:
Бывают ситуации, когда нам необходимо, в зависимости от значения переменных проекта, изменить фрагмент скрипта JavaScript, например вставка кода между строками 3 и 8:
Для того, чтобы реализовать прилипание конкретного блока к верхней границе окна, при прокручивании страницы:
Перед каждым человеком, занимающимся веб-дизайном рано или поздно встает задача определить стиль ссылки в зависимости от самой ссылки. Самым ярким примером такой задачи могут служить внешние ссылки. Внешние ссылки — это ссылки, которые при нажатии на них отправят пользователя на другой ресурс (который, вероятно, откроется в новом окне). Другим примером может послужить список ссылок «Что почитать», который есть внизу практически каждой моей статьи. Здесь была реализована визуальная идентификация ссылки, в случае указания её на распространенный ресурс. Итак, как же это делается? В подавляющем большинстве случаев это реализуется при помощи css-селекторов:
Бывают ситуации, когда необходимо изучить обфусцированный, либо приведенный в нечитаемый вид фрагмент JavaScript-кода. При рассмотрении кода в исходном виде задача изучения практически неосуществима. Ручное форматирование поможет лишь при небольших объемах. На помощь могут прийти сторонние приложения, либо веб-сервисы. Одним из функциональных и удобных сервисов является Online JavaScript beautifier. Обфусцирование он конечно не исправит, но восприятию поможет.
Для понимания сути происходящего возьмем фрагмент html-кода, который будет использоваться в приведенных ниже примерах: