jQuery – это удивительный инструмент, позволяющий разработчикам и дизайнерам работать с JavaScript без особых навыков . Однако, как учил нас Спайдермен, «с большой силой приходит большая ответственность». Главный недостаток jQuery в том, что несмотря на то, что он упрощает работу с JavaScript, все равно можно написать самый настоящий го#%!код. Скрипт, который будет тормозить загрузку страницы и увеличивать время отклика интерфейса, и будет запутан такими узлами спагетти, что следующему невезучему разработчику будет не обойтись без бутылки виски.
Задача становится еще сложнее для тех из нас, кто еще не переехал в волшебную сказочную страну чудес, где ни один из наших клиентов не использует для просмотра страниц Internet Explorer – скорость JavaScript движка IE сравнима со скоростью движения ледника, и не идет в сравнение с другими современными браузерами. Поэтому оптимизация производительности нашего кода становится делом еще более важным.
2012-01-19 02:39:08
... b>Серия сообщений "Загрузка фотографий [Photo ... Полезные функции: Загрузка нескольких картинок с ...
+ развернуть текстсохранённая копия
Сегодня (вернее, вчера) написал пост "Как вставить картинку в комментарий. Даже если не вставляется" (ссылка). Там подробно рассказаны три основных способа размещения фото в комментариях. один из них показывает, как обойти запрет размещения картинок.
Спасибо большое всем, кто процитировал и поучаствовал в распространении этого Великого Знания.
Есть еще один код, который показывает картинку в комментарии, даже если хозяин дневника запретил это в настройках. Его получить проще в том смысле, что не нужно узнавать размеры изображения. Код выглядит примерно так:
<video poster="ссылка_на_картинку"></video>
Вместо ссылка на картинку нужно поставить реальную ссылку на изображение. Где ее взять, смотрим по ссылке на пост "Как вставить картинку..." (см. выше).
Серия сообщений "Загрузка фотографий [Photo Uploading]": Часть 1 - Инструкция по использованию фотохостинга Часть 2 - Совместное использование Picasa 3.1 и Я-фотограф ... Часть 13 - Полезные функции: Загрузка нескольких картинок с помощью нового расширенного редактора ЛиРу Часть 14 - Как вставить картинку в комментарий. Даже если не вставляется Часть 15 - Простой способ вставить картинку
Серия сообщений "Коды. HTML и ВВ [Codes. HTML&BB]": Часть 1 - Использование спецкодов (ВВ-кодов) на Лиру Часть 2 - Как скачать сразу все фотографии по ссылкам-превью с помощью плагина DownThemAll! для Firefox ... Часть 5 - Как разместить аудио в посте или комментарии с помощью ВВ-кода Часть 6 - Как вставить картинку в комментарий. Даже если не вставляется Часть 7 - Простой способ вставить картинку
Изображения (картинки, анимашки, фотографии) можно вставить с помощью двух видов «интернет-кода» — HTML-код и ВВ-код. Использование всех спецкодов на Лиру описано по ссылке.
Почитайте на досуге о небольшой хитрости с рисунками и о том, как вставить в пост или комментарий картинку из Интернет. Кстати, картинку можно сделать ссылкой — как сделать картинку ссылкой (на Лиру).
Пригодится: Инструкция по использованию фотохостинга Радикал.
2. Как вставить с помощью формы загрузки
Если форма комментария выглядит примерно так...
...то нажимаем на ссылку «Перейти к полной форме».
В полной форме нажимаем на кнопку «Обзор», находим на компьютере изображение и...
...обязательно пишем что-нибудь в поле «Текст сообщения»! Иначе комментарий не добавится.
Если «Слов не надо», то я обычно пишу — тег, обозначающий полужирный текст. Тега не видно и текст как бы есть...
Нажимаем на «Опубликовать» и радуемся красивому комментарию.
3. Как вставить, если не вставляется
5 января Валентин Любимов написал сообщение «По многочисленным просьбам: возможность скрыть картинки в комментариях».
Теперь в «Основных настройках» дневника есть пункт «Скрывать изображения и flash-вставки в комментариях...»
И если вы попробуете вставить картинку, то в комментарии будет такой результат:
Или такой:
Но можно легко обойти запрет и показать в комментарии какое-то изображение. Кстати, мое сообщение об этом под своим постом ВалеЦ удалил.
Нужно:
простой HTML-код
размеры картинки
ссылка на картинку
Код нужен такой:
Размер картинки можно узнать из ее свойств (нужно рассказывать подробнее?).
Как получить ссылку на картинку, смотрите в первом пункте — «Как вставить с помощью кода».
Есть еще более простой способ вставить картинку.
Серия сообщений "Загрузка фотографий [Photo Uploading]": Часть 1 - Инструкция по использованию фотохостинга Часть 2 - Совместное использование Picasa 3.1 и Я-фотограф ... Часть 12 - Быстрая загрузка нескольких изображений с FastPic Часть 13 - Полезные функции: Загрузка нескольких картинок с помощью нового расширенного редактора ЛиРу Часть 14 - Как вставить картинку в комментарий. Даже если не вставляется Часть 15 - Простой способ вставить картинку
Серия сообщений "Коды. HTML и ВВ [Codes. HTML&BB]": Часть 1 - Использование спецкодов (ВВ-кодов) на Лиру Часть 2 - Как скачать сразу все фотографии по ссылкам-превью с помощью плагина DownThemAll! для Firefox ... Часть 4 - Как добавить голосование на видео Часть 5 - Как разместить аудио в посте или комментарии с помощью ВВ-кода Часть 6 - Как вставить картинку в комментарий. Даже если не вставляется Часть 7 - Простой способ вставить картинку
2012-01-07 15:14:13
... обернуться большим временем загрузки страницы. Браузер отображает ... посмотрел на график загрузки, и на ...
+ развернуть текстсохранённая копия
Известно, что следуя идеям старой школы, а именно, добавляя ссылки на JS и CSS в страницы, может обернуться большим временем загрузки страницы. Браузер отображает страницу по мере скачивания, но останавливается, если натыкается на тег script со ссылкой, до того момента, пока скрипт не будет загружен и выполнен. Сайты стали использовать всё большее количество скриптов, начальное отображение страницы занимает всё больше времени, к примеру, на этой странице, которую вы читаете, 13 скриптов, 7 из которых находятся в head'е. Ко всему прочему, некоторые браузеры по-прежнему придерживаются ограничений на одновременное количество загрузок с одного хоста.
Сразу предлагаю принять, что все JS файлы минимизированы, и передаются в сжатом виде.
Существует несколько решений, как то:
— поместить стили и скрипты прямо в страницу;
— установка аттрибутов async/defer тегу script;
— склеить все скрипты в один файл;
— помесить ссылки на скрипты в конец body;
— разместить все файлы на CDN/на разных хостах;
— свой вариант…
Эти решения работают, каждое лучше или хуже в зависимости от того, как построен сам сайт, но обладают рядом недостатков, которые я опишу ниже.
Существует интересная техника, которая решает проблему паузы перед начальным отображением страницы, а заодно добавляет некоторые удобства. Рискну предположить, что техника эта многим знакома, но тем не менее здесь я о ней упоминаний не видел.
Началось всё, конечно, с того, что я взялся за один проект, и в какой-то момент мне показалось, что простенькая страница достаточно долго загружается, и посмотрел на график загрузки, и на результаты YSlow. Огонь на секунду потух в моих глазах, но зная, что может быть лучше, я полез искать,
