Модульный подход в JavaScript / JavaScript. Модульный подход довольно распространённая техника программирования в JavaScript.
Обычно его понимают довольно хорошо, но продвинутые техники описаны недостаточно. В этой статье я рассмотрю основы и затрону некоторые сложные приёмы, включая один, по моему мнению, оригинальный. Мы начнём с несложного обзора модульного подхода, хорошо известного с тех пор, как Эрик Миралья (Eric Miraglia) из YUI впервые об этом написал. Если вам уже знаком модульный подход, переходите сразу к «Продвинутым техникам». Анонимные замыкания Эта основопологающая конструкция лежит в основе всего, и реально лучшее, что есть в жаваскрипте.
(function () { // ... все var-ы и функции только внутри этого контекста // по-прежнему имеется доступ к глобальным переменным}()); Обратите внимание на () вокруг анонимной функции. Обзор плагинов ++ / jQuery. Очередной топик с обзором нескольких интересных плагинов jQuery.
Mobily Map Позволяет сделать интерфейс, подобный google-картам, на основе собственных изображений (возможность перетаскивать, ставить маркеры на изображении, реагировать на нажатие по ним и др.).Узнать больше (англ.) | Посмотреть в действии easingPlugin. 30 вариантов параметра easing Полезный плагин для тех, кто самостоятельно организует анимационные эффекты используя animate() и другие стандартные методы анимации. Все они обладают параметром easing, который определяет динамику выполнения эффектов. jQuery предоставляет лишь два варианта этого параметра — linear и swing (для равномерной анимации и анимации с ускорением). JavaScript Гарден. Про объявление функций и о выражениях с ними Функции в JavaScript являются объектами.
Следовательно, их можно передавать и присваивать точно так же, как и любой другой объект. Популярным сбособом использования этого свойства является передача анонимной функции в качестве функции обратного вызова в некую другую функцию — к примеру, при описании асинхронных вызовов. Объявление function // всё просто и привычноfunction foo() {} В следующем примере, ещё перед запуском всего скрипта, для описанной функции резервируется переменная; за счёт этого она доступна в любом месте кода, вне зависимости от того, где она определена — даже если она вызывается заранее, перед её фактическим объявлением в коде (и сколь угодно задолго до такого определения). foo(); // сработает, т.к. функция будет создана до выполнения кодаfunction foo() {} function как выражение var foo = function() {}; В конце примера ниже переменной foo присваивается безымянная анонимная функция. Обзор jQuery-плагинов для стилизации селектов / Блог компании Айкен.
Каждый верстальщик хотя бы раз ругался с дизайнером по поводу нестандартных элементов форм.
Но раз уж разработчики придумали решения для нестандартных селектов, то давайте рассмотрим их и разложим все по полочкам. Не секрет, что стандартные селекты имеют крайне слабый уровень стилизации средствами CSS. В каком-то браузере они чуть лучше, в каком-то чуть хуже, но общая картина складывается весьма грустной. Как обычно, там, где не справляется чистый HTML+CSS, на помощь приходит jQuery. Промзона: Беговая дорожка на колесах - КомпьютерраЛаб. Промышленных дизайнеров часто упрекают в том, что они снова и снова изобретают велосипед.
А с другой стороны, что им ещё делать, если получается? Автор: Николай Маслухин | Раздел: Вещь дня | Дата: 16 апреля 2010 года Промышленных дизайнеров часто упрекают в том, что они снова и снова изобретают велосипед. А с другой стороны, что им ещё делать, если получается? Плагин для всплывающих подсказок Simpletip / jQuery. Минусы jQuery Tools Tooltip, плюсы SimpleTip, а так же немного о том, как решить некоторые проблемы его использования.
До недавнего времени пользовался удобным и маленьким плагином jQuery Tools Tooltip, который всем меня устраивал. И вот решил найти другой потому что: 1. Отображается в подсказке текст, который содержится в атрибуте title элемента, для которого нужна подсказка. Можно еще передавать через атрибут tip в конструкторе, но передавать нужно jQuery selector, а не просто текст. Решил поискать альтернативу, так как мне нужно было именно обновлять текст подсказки (так как взаимодействие с сервером через ajax и страница не перегружается).
Нагуглил вот такой плагин SimpleTip Неприятным было лишь то, что, несмотря на заверение автора «it allows you to create tooltips with ease on any element „, подсказки для input[type=text] элементов не отображались. AnythingSlider. Download from GitHub Lots of people have worked on AnythingSlider and there is a lot more to it than you can see here (themes, effects, options, etc).
Go snag the code from GitHub to see the full monty. Features Panels are HTML Content (can be anything). Change content by scrolling horizontally or vertically, or by cross-fading* between slides. * New in version 1.8! Default Options See the documentation for complete description of these options (appearance, navigation, slideshow, callbacks & events, video, interativity & misc). jQuery без рамок / jQuery. Фреймворк — набор инструментов, но не традиций или конвенций программирования, а цель любого приложения — это скорость выполнения и правильность результатов.
В опубликованной статье показано эффективное использование запросов к DOM, но не только от этого приложение на jQuery будет работать быстрее. Не используйте each Вернее «не совсем», а там, где это не оправдано: var a = [1,2,3,4];$.each(a, function () { console.log(this); });// это крайне медленно! Лучше так: for (var i = 0, l = a.length; i < l; i++) { console.log(a[i]); }