Вышла новая версия Яндекс.Браузера: с синхронизацией и API Табло

Табло — это очень крутая идея!
Спасибо. Забульбенил манифесты для наших проектов, смотрится круто.

Как устроен jQuery: изучаем исходники

			init: function(selector, context, undefined) {
				if (!selector) return this;
				if(typeof(selector) === 'string') {
					this[0] = document.getElementById(selector);
					this.selector = selector;
					this.context = context;
					return this;
				} else {
					this.context = this[0] = selector;
					return this;
				}
			}

Вот как-то так. Хорошо бы это отразить в статье, а то чайники вроде меня кипят :)

Как устроен jQuery: изучаем исходники

И то правда…

Как устроен jQuery: изучаем исходники

Ну вот что у меня получилось:

(function(window, undefined) {
	var document = window.document;
	var jQuery = (function() {
		var jQuery = function(selector, context, undefined) {
			return new jQuery.fn.init(selector, context);
		};

		jQuery.fn = jQuery.prototype = {

			constructor: jQuery,

			init: function(selector, context, undefined) {
				if (!selector) return this;
				return typeof(selector) === 'string' ?
					document.getElementById(selector) : selector; 
			}
		};

		jQuery.fn.init.prototype = jQuery.fn;
		return jQuery;
	})();
	window.jQuery = window.$ = jQuery;
})(window);

// Plugin

(function($) {
	$.fn.foo = function() {
		console.log('bar');
	}
})(jQuery);

// <div id="qwe">asd</div>
$('qwe').foo();

В итоге мне сообщают, что функции foo нету. Хотя $('qwe') — корректный HTMLDivElement со всеми пирогами.
То есть добавление функции foo() в $.fn ничего не расширяет…

Или на меня напал адский тупак?

Как устроен jQuery: изучаем исходники

Функция init возвращает объект согласно селектору. Каким образом функция-плагин попадает в этот объект при её добавлении к прототипу самого jQuery? Допустим я пишу $.fn.foo = function(){ // some code }, как получается так, что когда я вызываю $('element').foo(), она запускается?

Я взял куски кода из Вашей статьи. Они прекрасно работают для встроенных фукнций объекта. К примеру, если element — это div, то спокойно можно получить $('element').innerHTML. Но про «плугин» мне говорят, что «Uncaught TypeError: Object #HTMLDivElement has no method 'foo'», и привет.

Чего я не понял?

Отдача мелкой графики

Предпоагается их отдавать с другого домена.

Отдача мелкой графики

Ну так я для этого всё и затеял. Это в общем-то те же спрайты, только без предобработки графики.

Отдача мелкой графики

Нет, в данном случае мы получаем сразу все картинки одним куском.

Отдача мелкой графики

Вот честно говоря не знаю, проще ли это. Насколько я понимаю, манипуляции с картинками (склеивание) более затратны, чем сериализация…

Спрайты хороши для всяких графических буллитов, стрелочек, штучек и пимпочек, хотя я в последнее время предпочитаю опять же использоваться data:image url.

Отдача мелкой графики

Что-то я под утро плохо соображаю. Почему 100 картинок на 10 мест?

У нас есть лента новостей. Скажем из 20 блоков. Каждый блок это картика + текст со ссылкой. Страница запрашивает 20 картинок соответственно. Все 20 картинок собираются в одну JSON-стороку, которая и кешируется. Следующая страница — ещё 20 картинок ещё одним куском.

При изменении (при добавлении новости) страницы JSON в кеше пересобирается бэкендом принудительно.

Отдача мелкой графики

К вам пришло разом, скажем, 100 человек. 100 одновременных PHP-процессов (дай бог, чтобы вы при этом не уперлись в лимит) из базы (нахрена здесь база?) собирают base64 в один огромный JSON-массив.

Ну с этим-то проблем как раз нет — можно кешировать выдачу сервлета в memcached и отдавать всё это через nginx например.

Отдача мелкой графики

Это просто пример, я отлично понимаю, что так делать нельзя.

Отдача мелкой графики

1) Ой!

2) Потому что в табличной вёрстке рендерер ждёт окончания загрузки всех вложеных таблиц поэтому она просто дольше отрисовывается, «размазывая» запросы во времени. Коряво написал просто.

Отдача мелкой графики

А если пользователей 100500?

Отдача мелкой графики

При 20-30 картнках общим объёмом 50-60кБ — субъективно быстрее. Объективно измерить сложно, т.к. загрузка картинок начинается после окочания рендеринга страницы браузером.

Самодельный SD Card Shield для Arduino

Собрал на ProtoShield, работает.

Программа для аспирантов

Изучать ОС Виста в аспирантуре — это, конечно, само по себе много гоорит о нашей системе обрзования.

Прощай, любимая ВДНХ!

Вот презервативы!!!
Слов нет никаких.