Как стать автором

JavaScript *

Прототипно-ориентированный язык программирования

СтатьиПостыНовостиАвторыКомпании

freeart 16 апр 2010 в 21:56

Привязка модели данных к представлению на javascript

7 мин

3.1K

Я думаю многие пользуются DataBinding`ом в .NET, она же привязка данных. Она позволяет, при выделенной модели данных и независимом визуальном представлении, забыть о синхронизации данных с формой. Привязав один раз properties модели к элементам представления, мы избавляемся от десятков обработчиков onChange и подобных для изменения полей модели, а в случае изменения поля вне gui-интерфейса (например синхронизация модели с базой), мы не будем мешать уровни абстрации, чтобы обновить textBox.text. Давайте данные будут отдельно, gui отдельно. Плюс мы получаем наглядный, легко переносимый код на asp.net или даже на другой язык/платформу.

databinding

databinding

Синхронизация может быть как в двух направлениях, так и в одном, причем в любую сторону.
С развитием уровня web-ориентированных приложений, появилась возможность реализации подобного решения и на JavaScript. Ну думаю преимущества разделения данных от представления уже много где рассматривались и не раз приводили к холивару, так что упустим этот момент.

Читать дальше →

+27

tenshi 14 апр 2010 в 21:15

Притча об автоматическом менеджменте виджетов

8 мин

710

— Здравствуй…
— А-а-а! Памагите! Убивают! \(0_0)/
— Дружок, спокойно, я свой :-\
— Свои незаметно сзади не подкрадываются! \(@_@)/
— А я динамически добавился В-]
— Э-э-э \(~_~)/
— Ясно, не знаешь, как реагировать на такие ситуации? XD
— Ну… как бы… есть мысли… \(=_=)/
— Покажи-ка свой исходник %-)
— Я… эта… стесняюсь… \(._.)/
— Давай, не боись, я же свой ;-)
— Лаааадно \(-_-)/

<body><br> <script><br> $(function(){<br> $('.c-example').wrapInner( '<span class="wrapper" />' )<br> })<br> </script><br> <div class="c-example">epic</div><br></body>

и снова жёсткое порево

-10

SkyManPHP 13 апр 2010 в 13:00

Вызов метода Javascript без его вызова фактически

2 мин

3.4K

Перевод

Иногда мы бываем просто ленивыми. Особенно, когда доходит дело до написания кода. И хоть круглые скобки в вызове функции не приводят к избыточности, иногда все же они могут утомлять, особенно когда javascript-метод не нуждается в передаваемых ему аргументах. Иногда это просто надоедает.

Читать дальше →

+30

porcelanosa 29 мар 2010 в 18:55

CanVG: отрисовка SVG-файлов в canvas

1 мин

6.3K

CanVG

C помощью библиотеки CanVG, в тэг можно отрисовывать SVG файлы.
Посмотреть на различные SVG-шки и даже вставить свою можно на тестовой страничке.
Надо сказать, что сложные изображения довольно сильно нагружают браузер, к примеру, world

via Ajaxian

+12

spmbt 26 мар 2010 в 05:58

Особенности кроссдоменного скриптинга на субдоменах с XML в Opera и некоторых других

5 мин

1.1K

Недавно проделана работа по написанию пользовательского скрипта (браузеры Firefox, Chrome и Opera), в котором понадобилось обращаться к документу XML, находящемуся в старшем домене 2-го уровня из домена 3-го уровня. Работа открыла взгляд на некоторые особенности поведения браузеров, особенно, Оперы, причины которых до конца не выяснены. Но, так как такой скриптинг (чтение и запись в документы XML в наддомене) иногда необходим, хотел бы поделиться практическими результатами и показать открытые вопросы.

Читать дальше →

+6

iliakan 25 мар 2010 в 15:06

Мастер-классы по javascript в Москве и Санкт-Петербурге

1 мин

674

Предлагаю вашему вниманию мастер-классы по Javascript.

В апреле-мае пройдут мастер-классы по javascript в Москве и Санкт-Петербурге.
Даты — 24 и 25 апреля для Москвы, 29 и 30 мая для Санкт-Петербурга.

Все мастер-классы веду я, Илья Кантор ( javascript.ru, algolist.manual.ru, еще пара слов на странице мастер-классов).

Темы мастер-классов:

Профессиональное javascript-программирование.
Сложный AJAX и COMET: тонкости Web 2.0.
Мастер-класс по клиентской оптимизации.
Секреты jQuery.

Более подробно программу вы можете прочитать на javascript.ru/mk.

На мастер-классы приходят как начинающие, но желающие вырасти побыстрее, так и ведущие специалисты серьезных компаний.
Все говорят спасибо. Это не шутка, материала много и он интересный.

Мероприятие платное, но цена очень доступная.
Даже можно сказать, символическая.
Приходите, узнаете много нового.

Регистрация открыта на javascript.ru/mk, там же больше информации о мастер-классах.

+15

whiskey 22 мар 2010 в 16:50

Турнирная таблица на SVG

3 мин

3.9K

Решил сделать интерактивную турнирную таблицу-график для футболного чемпионата России. Вот такую:

Выбор инструментов был прост:

табличка для браузера — значит, что-нибудь из вэб-технологий;
нужна векторная графика;
никаких закрытых либо сложных приложений при создании — я все-таки не вэб-дизайнер.

В итоге выбор естественным образом пал на связку SVG+JavaScript (что, правда, исключило IE из списка поддерживаемых браузеров).

Читать дальше →

+23

Cyberneticist 19 мар 2010 в 18:17

Использование URI-Fragment адресации в RIA приложениях на основе ExtJS и Mootools

7 мин

1.8K

URI-fragments (они же fragment identifiers, hash, закладки, якоря) в последнее время стали активно использоваться в интерактивных веб-приложениях как удобное средство для указания прямых ссылок на различные элементы интерфейса и состояния приложения. Наиболее ярким примером использования fragment-адресации является GMail. Как Вы могли заметить, папки Входящие, Отправленные, Черновики имеют ссылки, оканчиващиеся на #inbox, #sent, #drafts. Переход между ними не приводит к перезагрузке всей страницы (обновляется только список писем), но в то же время при открытии каждой из них в отдельном окне/вкладке мы сразу же попадаем на искомую страницу.

Реализации такого удобного механизма навигации средствами JavaScript посвящена данная статья

Читать дальше →

+16

vittore 19 мар 2010 в 18:06

Functions are almost objects

1 мин

802

I was impressed! Вроде бы все понятно и давно известно, но в голову не приходило.

	var store = {
		id: 1,
		cache: {},
		add: function( fn ) {
			if ( !fn.uuid ) {
				fn.uuid = store.id++;
				return !!(store.cache[fn.uuid] = fn);
			}
		}
	};

	function ninja(){}

	assert( store.add( ninja ), "Function was safely added." );
	assert( !store.add( ninja ), "But it was only added once." );

Взято из Secrets of JavaScript ninja by John Resig

-4

tenshi 11 мар 2010 в 00:19

Притча о пропавшем Стэке

3 мин

994

— Здравствуй, дружок…
— Дяденька, вы снова расскажете мне сказку?
— Конечно! Какой умненький мальчик!
— А про что?
— М… сегодня я расскажу тебе о том, куда пропадают чересчур самостоятельные мальчики вроде тебя…
— Э! Что значит пропадают?
— Вот то и значит… На, держи огнелиса *протянул, держа за хвост, пылающее пламенем животное* Только осторожно — он горячий!
— Ай-ай-ай! Он брыкается!
— Посади на него огненного жука — мигом успокоится.
— Класс! Действует!
— Ато! Теперь скажи ему:

function throwException( ){
    (void 0)()
}
throwException()

А дальше идёт жёсткое разоблачение

+71

tenshi 9 мар 2010 в 10:41

Притча о перехвате ошибок

4 мин

2K

— Здравствуй, дружок. Хочешь, я расскажу тебе сказку? }:-]
— Конечно, дяденька, а какую? *_*
— Я расскажу тебе как делают детей ^_^'
— ого, как интересно! @_@
— Так вот, слушай. Дети появляются вследствие долгого и изнуряющего процесса разной степени нецензурности. Сейчас я поведаю тебе как появился на свет мой сын %-)
— А вы меня с ним познакомите? *о*
— Не торопи события. Обо всём по порядку. Однажды я наваял такой код:

try { throw new Error } catch( e ){ if( e != false ) throw e }

А далее идёт жёсткое порно...

+3

sieukrem 6 мар 2010 в 18:36

Javascript для Notepad++

4 мин

32K

Здравствуй Храбрачеловек,

сегодня я решил поделиться с тобой Plugin'ом для Notepad++, который позволит тебе спомощью JavaScript автоматизировать некоторые действия над текстом

и не только

+40

tagir_valeev 4 мар 2010 в 16:29

Перегрузка функций в JS

4 мин

57K

Как известно, в JavaScript нельзя создать несколько функций, различающихся только списком параметров: последняя созданная перезапишет предыдущие. Про различие на уровне типов параметров говорить не приходится вообще. Обычно, если программист хочет создать функцию с множественным интерфейсом, он пишет что-то вроде такого:

// getRectangleArea(x1, y1, x2, y2) или // getRectangleArea(width, height) function getRectangleArea(x1, y1, x2, y2) { if(arguments.length==2) return x1*y1; return (x2-x1)*(y2-y1); } * This source code was highlighted with Source Code Highlighter.

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

Читать дальше →

+92

Voskoboynik 2 мар 2010 в 18:49

Практический опыт создания Dojo виджетов. Оптимизация производительности Javascript кода

6 мин

3.3K

Доброго времени суток, хабрасообщество.

Хочу поделиться с вами некоторой полезной, на мой взгляд, информацией, которой будет интересна тем, кто разрабатывает или планирует начать разрабатывать свои Dojo виджеты. Хочу сразу предупредить, что в данной статье я не буду рассказывать как поэтапно создать свой виджет Dojo (однако, если сообществу будет интересна и эта тема, я надеюсь изложить ее в отдельной статье). Вместо этого я хочу остановиться на основных моментах и принципах, которые следует знать и учитывать каждому, кто занимается разработкой Dojo виджетов или имеет какое-либо отношение к этой теме.

Читать дальше →

+5

rednaxi 28 фев 2010 в 09:48

dynaTrace AJAX — мощный профайлер JS

3 мин

6.9K

Недавно в обсуждении статьи шкала браузерности разговор зашел о том, что IE не так уж убог и его должен иметь на своем компьютере каждый уважающий себя веб-разработчик не только для того, чтобы смотреть не съехала ли там верстка, но и потому что для IE созданы, я считаю, лучшие на данные момент средства для дебага и профилирования JS.
Одно из таких средств — это dynaTrace Ajax, скачать который можно здесь.

Далее обилие скриншотов и небольшой рассказ о возможностях dynaTrace

+7

Krovosos 26 фев 2010 в 10:41

Оптимизация JSON датасетов (массивов записей)

11 мин

9.2K

Под датасетом будем понимать массив записей JavaScript:

var dataset = [
  { foo: 'xxx', bar: xxx' },
  { foo: 'yyy', bar: 'yyy' },
  ...
  { foo: 'zzz', bar: 'zzz' }
];

Это обычное JavaScript представление некоторой части таблицы (или выборки) из реляционной базы данных: имена свойств соответствуют именам столбцов, значения свойств — значениям полей записи.

Читать дальше →

+8

spmbt 18 фев 2010 в 16:41

Google Code Playground — инструмент для совместного тестирования примеров на Javascript

5 мин

4.7K

Если знание начинают использовать
не по назначению —
это общественно полезное знание.

Прошёл год после открывания публике инструмента Google Code Playground. Времени прошло много, используется он мало. На самом же деле, у него есть всё, чтобы эффективно использоваться не по назначению.

Инструмент предназначен для демонстрации и онлайновой отладки примеров Гугл-кода (JS+HTML+CSS) в браузере. Старательно выложены сотни примеров и написана документация к ним. Сейчас нам всё это будет не нужно, кроме использования самого движка, позволяющего редактировать, тестировать и сохранять не чьи-нибудь, а свои примеры кода.

Читать дальше о достоинствах и недостатках сервиса

+4

akzhan 18 фев 2010 в 09:46

Асинхронное программирование: Примитивы высокого уровня

2 мин

3.1K

После появления асинхронного каркаса Twisted концепция отложенного результата (continuable) стала очень популярной.

Прежде всего рекомендую прочитать статьи: Асинхронное программирование: концепция Deferred, Deffered для JavaScript.

Но пользоваться отложенными результатами не очень удобно без абстракций более высокого уровня. И теперь у нас есть каркас Do.

Читать дальше →

+9

MaxxArts 15 фев 2010 в 21:12

Маленький тест на знание JS

2 мин

32K

Пост про (вполне логичные) особенности javascript ( habrahabr.ru/blogs/javascript/84311 ) вызвал бурное обсуждение. Я вслед за автором WTFJS.com сильно облажался, считая эти странности действительно чем-то мистическим ) Большое спасибо всем тем, кто объяснил, почему так происходит на самом деле или для чего так сделано. Понимание таких тонкостей позволяет перейти в общении с языком на «ты». Кто-то скажет, что это должен знать любой программист, хоть как-то владеющий JS? Возможно. Но, как оказалось, многие не знали, и я в их числе.

Простите, но кат здесь стоит только потому, что пост чуть больше, чем нужно

+27

MaxxArts 15 фев 2010 в 13:18

Ох уж этот javascript

1 мин

17K

Считаете себя гуру JS'а? Попробуйте предсказать результаты следующих операций:

Number.MIN_VALUE > 0; // true or false? typeof null; // what type? null === Object; // true or false? // и самый сок NaN === NaN; // true or false? typeof NaN; // what type? * This source code was highlighted with Source Code Highlighter.

Сомневаетесь? Тогда именно для вас Брайан Леру (Brian Leroux) создал WTFJS — сайт, содержащий коллекцию странностей JS. «JavaScript — это язык, который мы любим несмотря на все его ненавистные особенности».

Для нетерпеливых ответы под катом.

Подглядеть

+72

1 2 ...

492

493 494 ...