Привет всем жителям и гостям хабра и с новым годом! :)
В этой статье я хочу рассказать о том, с какими фичами Jii вступил в 2016-й год и что его в ждет в новом году.
Итак, начнем по порядку.
Читать полностью »
Рубрика «javascript» - 352
Jii 0.8: Миграции, ReactViews, изоморфное приложение и прочие плюшки
2016-01-05 в 7:42, admin, рубрики: framework, io.js, javascript, jii, node.js, open source, ReactJS, yii, yii2, Веб-разработка, крутотеньАнимация падающего снега на Canvas эффективнее анимации на DOM в несколько раз
2016-01-05 в 5:24, admin, рубрики: canvas, javascript, snowfall, snowflakes, Алгоритмы, анимация, метки: snowfall .
В сравнении с нативным JS на элементах DOM, реализация анимационных алгоритмов на Canvas обычно производительнее во много раз. Это известный факт (но с особенностями для малого числа частиц, как выяснится позже), и он может найти реализацию так всем мешающего традиционного под НГ, но гонимого рациональными пользователями «падающего снега». Чтобы нагрузки было мало, в последние годы считается хорошим тоном «запускать» снег на сайте едва заметным, с минимальным количеством снежинок (5-15). Тут и эффект есть, и нагрузки на процессор почти никакой.
Поэтому, пока до НГ ещё несколько дней ещё зима, предлагаю устроить хакатончик по реализации лучших алгоритмов на канвасе и их аналогов на DOM, взяв за основу в основном древние нативные алгоритмы, которые как максимум обёртывались в плагин jQuery, чтобы было удобно подключать. Большая часть этих алгоритмов не соразмеряет нагрузку на процессор или сделана неэффективно, поэтому даже при малом числе снежинок грузят процессор на 100%. Вот пример обзорной статьи, где рассмотрены более 10 реализаций, не все, встречающиеся в природе. В дополнение, рассмотрим несколько избранных, чтобы получить задел на развитие алгоритма и реализацию его с хорошей эффективностью (получится ещё 5-6 вариантов). На этой основе можно построить доработку.
Читать полностью »
Убийцы оптимизации
2016-01-04 в 12:14, admin, рубрики: javascript, V8, Блог компании Mail.Ru Group, Веб-разработка, оптимизация 
В этом посте изложены советы, как не написать код, производительность которого окажется гораздо ниже ожидаемой. Особенно это касается ситуаций, когда движок V8 (используемый в Node.js, Opera, Chromium и т. д.) отказывается оптимизировать какие-то функции.
Читать полностью »
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №192 (28 декабря 2015 — 3 января 2016)
2016-01-03 в 20:40, admin, рубрики: angular, css, ES6, html5, javascript, JS, React, svg, анимация, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Новости, ссылкиПредлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Таблицы умножения… kind of
2016-01-03 в 12:39, admin, рубрики: javascript, визуализация, Интересное, математикаПредисловие
Данный пост — краткий пересказ этого видео на английском.
Если нет времени читать — живой пример тут. В поле factor можно подставлять любые неотрицательные значения. Мои любимые — 51, 99, 106, 134, 150.
Если нет времени читать — живой пример тут. В поле factor можно подставлять любые неотрицательные значения. Мои любимые — 51, 99, 106, 134, 150.
Математика никогда не перестает удивлять своей красотой. Данный пост о том, как превратить такую простую операцию, как умножение, в нечто удивительное.Теперь ответьте на вопрос — что общего между этим картинками?
Читать полностью »
Обзор возможностей современного JavaScript
2016-01-01 в 10:35, admin, рубрики: ecmascript 2015, ecmascript 6, es2015, ES6, javascript, Веб-разработка, ПрограммированиеJavaScript, наверное, самый известный мультипарадигменный язык, в котором очень много неочевидных особенностей. Но тем не менее любим ли мы его или ругаем, факт остается фактом — это основной язык, на котором работает современный web.
В ушедшем году, вышел стандарт ECMAScript 2015 (неформально ES6), который сильно изменил, то к чему мы привыкли. Появилась масса новых возможностей, которые по сути представляют собой современное надмножество языка, пытающегося решить существующие проблемы. Class, let, const, стрелочные функции… разработчик, который ранее не видел код, написанный на ES6 не сразу догадается, что перед ним, по сути, старый добрый JS.
Есть масса прекрасных статей, посвященных современному стандарту. В этом же посте я хочу показать, что нам может предложить современный JS, когда необходимо решить насущную задачу. Например, поздравить всех c Новым Годом.
Читать полностью »
Конечный автомат и его реализация на Javascript
2015-12-31 в 16:35, admin, рубрики: javascript, Веб-разработка, интерфейсы, конечный автомат Разрабатывая очередной интерфейс столкнулся с задачей, где требовалась реализация конечного автомата.
Побродив по интернету и изучив этот вопрос, решил написать небольшую заметку.
Читать полностью »
Webpack ProvidePlugin: как не писать простыню import-require в начале javascript модуля
2015-12-31 в 10:42, admin, рубрики: ES6, javascript, webpack, Веб-разработка, ненормальное программирование, Программирование, разработка, метки: webpackЕсли вы разрабатываете на современном javascript, то почти любой ваш модуль содержит простыню таких строк:
import React from 'react'
import $ from 'jquery'
...
Как оказалось, большинство этих строк можно не писать, доверив их генерацию автоматике. И помогает в этом новомодный webpack, в котором, как оказывается, полно приятных сюрпризов. Кроме всем известных require и import для любых файлов и уже описанного на хабре «hot module replacement», webpack может проанализировать ваш исходный код и автоматически включить нужные модули на основании используемых литералов. Под катом — краткое описание как работает эта магия.
Читать полностью »
Finite State Machine in ReactJS
2015-12-30 в 17:15, admin, рубрики: flux, javascript, ReactJS, state machine, web-разработка, Веб-разработка, интерфейсы, ПрограммированиеПоводом для написания данной статьи явились мои многочисленные наблюдая за разработчиками, которые только начали переходить на React.js с других фреймворков или для которых React.js стал первым фреймворком в его профессиональной деятельности.
Основной вопрос, с которым сталкивается начинающие разработчики на React.js — это что такое state компонента и как его использовать. Многие разработчики в большинстве случаев не правильно его используют, храня в нему кучу ненужных данных, которые впоследствии влияют на вычисления и производительность.
Читать полностью »
Sinon.js — mock-библиотека для JavaScript
2015-12-30 в 15:28, admin, рубрики: javascript, mock-библиотека, Mocks, sandbox, Sinon, Sinon.js, Sinon.spy, spy, Stubs, Блог компании ua-hosting.company, Веб-разработка, документация, методы, прггармирование, Программирование, разработка, тестирование, тесты, юнит-тестирование, метки: Sinon.jsSinon.js — это mock-библиотека для JavaScript, которую можно использовать с любым тестовым фреймворком. Она предоставляет функции для эмуляции и проверки требуемого поведения в JavaScript. В библиотеке представлено три вида тестирования с spy, stub и mock. В данном посте мы рассмотрим документацию по API Sinon.js вместе с кратким введением в концепцию методов данной библиотеки.
