Он кеширует статические данные, которые одинаковые для одного пользователя. Если кешировать все динамические данные, скажем для почты - количество писем в папках, сами письма, темы писем. То на одного пользователя необходимо будет очень много местаи сама система станет не эффективной. Ресурсы для ввода/вывода шаблонов и их обработки не велики. В основном производительность падает на запросах MySQL и сложных алгоритмов обработки данных на сервере.
смотрите у меня есть скрипт какой достает с базы данные и их выводит в блоке (типо топ) и мне надо сделать так чтобы при нажатии на кнопку Обновить он с помощью JQUERY запроса обновлял данные... как это сделать?
Для этих целей есть раздел http://forum.antichat.ru/thread41870.html А по вопросу читай про AJAX в JQUERY -> http://habrahabr.ru/blogs/jquery/42426/
FireFenix astrologer я предлагаю кэш не только статических данных... пример - есть новостная лента на сайте - она для всех одинакова - значит её мы кэшируем, а есть header сайта с именем пользователя: он для каждого разный - кэширование не выгодно..(эт так - на вскидку) в целом хоть как? сильн плохо?
кэш в файлах, в БД хранится записи об исключительных страницах... Т.е. для всего сайта кэш обнавляется раз в 12 часов, а для /forum.php раз в 10 минут, к примеру...
куки и POST не меняют URL страницы, а все алгоритмы которыя я вычитал опираются на него. браузеры бывают разные, а сейчас сайтам не прилично писать внизу: Наилучший вид в IE
Ну кеширование не слижком расширенно и имеет чисто спецефическое применение. В RSS скрипт генерирует новость определённой длинны, а то новости на некоторых сайтах достигали бы гигабайты. Кеширование в основном применяется в поисковых системах для создания копии информации сайта и дальнейшего её анализа.
cookie не является методом http, в отличие от post, get, head, и т.д. Как можно ставить их в один ряд? В поддержке http у них не всё так плохо, не стоит этим пренебрегать. Нет, не сильно, а следующая статья будет про reverse-proxy?
Нука просвети, как же куки передаются? разве не в заголовке html? Темболее в новостях. Там каждые 30 минут новые новости
CSS scrollbar - разукрашиваем scrollbar средствами CSS Автор: Цыгырлаш Игорь (05.04.2006) В некоторых случаях можно пожертвовать привычным видом элементов управления и немного оживить интерфейс своими собственными стилями. Сегодня мы поговорим о полосах прокрутки (scrollbar), а точнее о том, как изменить их вид с помощью CS CSS свойства scrollbar С самого начала хочу отметить, что описываемые ниже CSS свойства являются расширением спецификации CSS2, введенным компаний Microsoft, реализованным начиная с IE 5.5 Полоса прокрутки состоит из фона, ползунока и концевых кнопок со стрелками. Кнопки могут быть как активными так и нет. Если скроллбар неактивен, то ползунок отсутсвует. Самый простой способ изменить полосу прокрутки это задать свойство scrollbar-base-color. Это свойство задает основной цвет полосы прокрутки. Если не определены другие свойства полосы прокрутки, то бегунок и кнопки прокрутки будут отображаться определенным вами цветом с применением трехмерных эффектов. Фон полосы прокрутки будет отображаться тоже этим цветом, но только осветленным. Например, scrollbar-base-color:lime приведет к результат представленому на рисунке ниже. Конечно можно делать более тонкие настройки полосы прокрутки при помощи других CSS свойств. scrollbar-3dlight-color - задает цвет верхней и левой границ полосы прокрутки, ее бегунка и стрелок. scrollbar-arrow-color - задает цвет стрелок на кнопках полосы прокрутки. scrollbar-darkshadow-color - задает цвет "тени", отбрасываемой бегунком и кнопками полосы прокрутки (цвет правых и нижних гранией). scrollbar-face-color - задает основной цвет бегунка и кнопок прокрутки полосы прокрутки. scrollbar-highlight-color - задает цвет "освещенной" части бегунка и кнопок прокрутки полосы прокрутки (цвет левых и верхних их граней). scrollbar-shadow-color - задает цвет "неосвещенной" части бегунка и кнопок прокрутки полосы прокрутки (цвет правых и нижних их граней). Не путать с цветом "тени", задаваемым атрибутом scroll-darkshadow-color. scrollbar-track-color - задает цвет фона полосы прокрутки, той ее части, по которой перемещается бегунок. Как говорилось выше, концевые кнопки могут быть либо активными, либо не активными. Различие между активными и не активными кнопками заключается только в цветах, используемых при отображении кнопок. На активной кнопке стрелка изображается при помощи цветов scrollbar-arrow-color (рисунок выше). На неактивной кнопке стрелка отображается при помощи цветов scrollbar-shadow-color и scrollbar-highlight-color. Остальные элементы активной и неактивной кнопки полностью совпадают. Отдельно о фоне Фон полосы прокрутки задается посредством свойства scrollbar-track-color (смотри рисунок выше). Если это свойство не задано, то фон формируется из двух цветов (scrollbar-highlight-color и scrollbar-face-color), расположенных в шахматном порядке (смотри рисунок ниже). Это поведение связано с директивой DOCTYPE и её влиянием на боксовую модель браузера. В общем, если браузер находится в режиме совместимости (Quirks mode), то все OK, но если браузер следует стандартам (Standards mode), то стили для скроллбаров, применяемые к BODY не работают. Не вдаваясь в подробности скажу, что это легко исправить, применяя стили также и к элементу HTML (смотрите пример ниже) . Примеры Code: /* CSS правила для полос прокрутки окна браузера */ html, body { scrollbar-3dlight-color:red; scrollbar-arrow-color:yellow; scrollbar-highlight-color: aqua; scrollbar-face-color:green; scrollbar-shadow-color:fuchsia; scrollbar-darkshadow-color:blue; scrollbar-track-color: maroon; } /* CSS правила для полос прокрутки элементов TEXTAREA */ textarea { scrollbar-base-color:lime; } ПС запостил потому как сам столкнулся с проблемой несоответствия стиля сайта с скролбаром,вот и решил что мб кому-то пригодится
Создание классного эффекта при наведении мышки на изображение Расскажу как сделать так, чтобы под изображением находился необходимый текст, и при наведении мышкой на изображений, этот текст красиво занимал место изображения. Все будет проделано благодаря замечательному фреймворку jQuery. Как всегда, в самом верху документа подключаем фреймворк, стили, другие скрипты. Не забываем про относительные пути к этим файлам. Code: <link rel="stylesheet" href="css/reset.css" /> <link rel="stylesheet" href="css/style.css" /> <script type="text/javascript" src="jquery.min.js"></script> <title>Untitled Document</title> <script type="text/javascript"> $(function() { $(".slideBox").hover(function(){ $(this).find("img").stop().animate({ top:-325 }, 500); }, function(){ $(this).find("img").stop().animate({ top:0 }, 500); }); }); </script> Теперь в теле документа нам необходимо в слой с классом "slideBox" поместить изображение и текст под ним. Текст в свою очередь должен находится внутри <div> с классом "content": HTML: <div id="container"> <div class="slideBox"> <img src="images/picture1.jpg" alt="testing" /> <div class="content"> <h1>HTML Ipsum Presents</h1> <p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p> </div> </div> </div><!--end slideBox--> <div class="slideBox"> <img src="images/picture2.jpg" alt="testing" /> <div class="content"> <h1>HTML Ipsum Presents</h1> <p><strong>Pellentesque habitant morbi tristique</strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.</em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae</code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href="#">Donec non enim</a> in turpis pulvinar facilisis. Ut felis.</p> </div> </div> </div><!--end slideBox--> </div><!--end container--> Как Вы видите под картинкой может быть не просто текст, а полноценный HTML код. Источник урока: www.suciuvlad.com Надеюсь, кому-то понадобилось.
Создание индикатора сложности пароля на PHP Расскажу как сделать очень простую модификацию, которая поможет Вашим посетителям создавать более безопасные пароли при заполнении форм. После того, как пользователь вводит желаемый пароль, скрипт делает запрос к другому PHP файлу, который проверяет пароль на маленькие и большие буквы, символы и числа. Индикатор, который будет показывать сложность пароля, отобразится на странице без перезагрузки. Для начала нам необходимо создать файл form.php: PHP: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script type="text/javascript"> function toggle_pass(passid) { if (window.XMLHttpRequest) { http = new XMLHttpRequest(); } else if (window.ActiveXObject) { http = new ActiveXObject("Microsoft.XMLHTTP"); } handle = document.getElementById(passid); var url = 'ajax.php?'; if(handle.value.length > 0) { var fullurl = url + 'do=check_password_strength&pass=' + encodeURIComponent(handle.value); http.open("GET", fullurl, true); http.send(null); http.onreadystatechange = statechange_password; }else{ document.getElementById('password_strength').innerHTML = ''; } } function statechange_password() { if (http.readyState == 4) { var xmlObj = http.responseXML; var html = xmlObj.getElementsByTagName('result').item(0).firstChild.data; document.getElementById('password_strength').innerHTML = html; } } </script> <style type="text/css"> input { border: 1px solid #000000; padding: 5px; } #password_strength { width: 250px; background: #cccccc; } #password_bar { font-size: 11px; background: #7FFF00; border: 1px solid #cccccc; padding: 5px; } </style> </head> <body> <input id="pass" type="password" name="password" onchange="toggle_pass('pass')" /><br /><br /> <strong>Сложность пароля</strong>:<br /> <div id="password_strength"> </div> </body> </html> Теперь нам необходимо создать файл ajax.php, который будет проверять пароль на сложность и выдавать вердикт. PHP: <?php $do = $_GET['do']; switch($do) { case 'check_password_strength': $password = $_GET['pass']; $strength = 0; // буквы (маленькие) if(preg_match("/([a-z]+)/", $password)) { $strength++; } // буквы (большие) if(preg_match("/([A-Z]+)/", $password)) { $strength++; } // числа if(preg_match("/([0-9]+)/", $password)) { $strength++; } // символы if(preg_match("/(W+)/", $password)) { $strength++; } header('Content-Type: text/xml'); header('Pragma: no-cache'); echo '<?xml version="1.0" encoding="UTF-8"?>'; echo '<result><![CDATA['; switch($strength) { case 1: echo '<div style="width: 25%" id="password_bar">Очень легкий</div>'; break; case 2: echo '<div style="width: 50%" id="password_bar">Легкий</div>'; break; case 3: echo '<div style="width: 75%" id="password_bar">Сложный</div>'; break; case 4: echo '<div style="width: 100%" id="password_bar">Очень сложный</div>'; break; } echo ']]></result>'; break; default: echo 'Error, invalid action'; break; } ?> После того как оба файла будут созданы и загружены на сервер с поддержкой PHP, у Вас должно получиться что-то наподобии этого: Поэкспериментировав с CSS и HTML, можно добиться более красивого результата, но для общего развития и этого примера будет достаточно. Спасибо за Ваше внимание! Источник урока: www.tutorialtoday.com
Трюк, который поможет вам возпроизводить GIF изображения при наведении на них курсором. Что нам нужно: Первая картинка — статическая (первый кадр анимированного изображения); Вторая картинка сама анимация. Берем анимационную картинку и помещаем ее внутрь тега Code: <a> , то есть делаем ее ссылкой. Задаем определенный класс: HTML: <a class="animgif" href="#"><img src="animation.gif" /></a> Далее приступим к стилям: HTML: .animgif { display: block; width: 150px; /* Ширина и */ height: 150px; /* высота картинки */ background: url("stat.gif") no-repeat; /* Заливаем блок статичной картинкой */ } a.animgif img { visibility: hidden; /* Aнимация не будет видна в ситуации, когда мышь не наведена */ } a.animgif:hover { background: none; /* Фон (статичное изображение) не должно быть видно при наведении мыши */ } a.animgif:hover img { visibility:visible; /* При наведении анимация показывается */ border: 0; /* без рамки */ } Вот и все.
HTML (заметки mff) Давно еще заметил не большую, но приятную мелочь в html Тег <a> параметр title="" В браузерах Internet Explorer, Apple Safari, Google Chrome будет работать вертикальная табуляция: HTML: <a href="http://forum.antichat.ru" title="Форум АНТИЧАТ Forum ANTICHAT">ссылка</a> Opera и Mazilla Firefox не хавает вертикальную табуляцию Может ктот знает способ, пишите в ПМ
IE 6 баг верстки допустим есть код, именно в таком виде в котором привожу (со всеми отступами и прочим) HTML: <table border='0' cellpadding='0' cellspacing='0'> <tr> <td> <img src='image.jpg' border='0' vspace='0' hspace='0' /> </td> </tr> </table> по логике должна просто отобразиться картинка, на практике под картинкой появляется строка в 1px. долго ломал башку как исправить, ибо дизайн разъезжался. выход оказался непредсказуем, удивительно, но вот так все рвботает HTML: <table border='0' cellpadding='0' cellspacing='0'> <tr> <td><img src='image.jpg' border='0' vspace='0' hspace='0' /></td> </tr> </table> после этого к IE6 отношусь с благоговейным трепетом
Если я правильно понял, то тогда так и Опера хавает) HTML: <a href="http://forum.antichat.ru" title="Форум "	"; (без кавычек) АНТИЧАТ Forum ANTICHAT">ссылка</a> "	"; - код гориз. табуляции соот-но. (без кавычек)
А вы пробывали этот код? В Opera 10 проверил, не работает: HTML: <a href="http://forum.antichat.ru" title="Форум АНТИЧАТ	Forum ANTICHAT">ссылка</a>
