Метка «javascript» - 98

в 20:01, , рубрики: javascript, php, метки: ,

В большинстве веб-приложений статические JavaScript-файлы устраивают разработчика на 100%. Однако же иногда бывает лучшим решением подключить PHP и сгенерировать содержимое JS-файла «на лету» (например, получить актуальные цены на продукты из БД и передать их JavaScript-программе для валидации формы заказа). Как же это сделать?

Способ первый: простой

Конечно же, самое простое решение состоит в том, чтобы включить код PHP внутрь секции вашего HTML-шаблона, поскольку есть шансы, что у него будет расширение .php.

<script>     var jsVar = "<?php echo $phpVar ?>"; </script>


Даже если расширение шаблона .htm или .html, то в большинстве случаевЧитать полностью »

в 17:40, , рубрики: css, game, html 5, javascript, метки: , , ,

HTML5 / Игра Survivor (Commodore 64) на html, css и javascriptДовольно качественная эмуляция игры на HTML + CSS + JavaScript, для рисования используются именно html блоки, а не canvas.

Представьте, что на дворе сейчас 1982 год и вы играете в аркаду. Это было любимое времяпрепровождение у подростков того времени. Ваша задача — уничтожить все, что можно :) Для управления используйте стрелки, для стрельбы — shift или ctrl, для мин — пробел. Цель игры — уничтожить базу, при этом не попасться противникам и не убиться об стенки.

Игра Survivor изначально была написана для Atari 2600 в 1982 году и была портирована на Commodore 64 годом позднее. ДаннуюЧитать полностью »

в 8:23, , рубрики: debug, firebug, javascript, php, profiling, web inspector, xdebug, xhprof, отладка, профилирование, метки: , , , , , , , , ,

Вступление

Много существует статей на Хабре, описывающих интересные и сложные аспекты веб-разработки, но много существует читателей, которые, находясь в начале своей карьеры веб-разработчика, хотели бы видеть материал, который позволил бы сделать первый шаг от «PHP за 24 часа» до разработки на серьезном уровне, и я хотел бы поделиться своим опытом в этом деле.

Особенности веб-приложения делают его разделенным на две части: клиентскую и серверную. На стороне клиента работает код на JavaScript (может быть, где-то можно найти и VBScript, но мы, пожалуй, не будем рассматривать этот случай), на серверной же — много что, в принципе, но мы рассмотримЧитать полностью »

в 20:45, , рубрики: html5, indexeddb, javascript, метки: , ,

В эти выходные я имел удовольствие разбираться с асинхронными api IndexedDB.

Поле разбора примера от mozilla мне показалось, что код не так хорош, как мог бы быть.

И я решил для развития своих псионных навыков работы c IndexedDB написать обертку к его асинхронному api.

Если честно, то я не любитель писать статьи, потому что мне всегда было лень читать слова, я люблю читать код, поэтому в моих статьях его как правило много ))).

Если вы тоже любите код, то я выложил его на github

Читать полностью »

в 16:54, , рубрики: html5, javascript, mozilla, метки: , ,

HTML5 / Open Web Device — смартфон на платформе HTML5

Оператор сотовой связи Telefónica совместно с Mozilla разработали концепт смартфона нового поколения, который они назвали Open Web Device. Это устройство полностью совместимо с HTML5, не имеет операционной системы в традиционном понимании этого слова. Все приложения — телефонная книга, SMS, контакты, настройки телефона — сделаны на Javascript и работают через интерфейс и стек Boot2Gecko.

Boot2Gecko — полностью открытая платформа на базе ядра Linux. Кто угодно может участвовать в разработке,Читать полностью »

в 10:59, , рубрики: javascript, node.js, template, шаблонизатор, метки: , , ,

Во время разработки своего экспериментального WEB-проекта на Node.JS, о котором я рассказал в двух предыдущих статьях, я столкнулся с проблемой выбора шаблонизатора. Несмотря на то, что готовых решений существует довольно много, мне не удалось найти то, которое бы удовлетворяло меня на 100%. Так родился JUST.

Конкуренты

Jade

github.com/visionmedia/jade

Этот шаблонизатор достаточно популярен среди Node.JS разработчиков. Он обладает хорошим функционалом и скоростью работы, ноЧитать полностью »

в 9:58, , рубрики: javascript, jquery, timer, метки: , ,

Веб разработка / Таймер с обратным отсчётом на js / jquery

Однажды клиент попросил меня на своем вебсайте поставить таймер обратного отсчета.

«Для того, чтобы пользователи смогли воспользоваться акцией, ограниченной по времени. И для улучшения конверта», — пояснил он.

Я принялся искать в интернете различные варианты. Все что было не совсем устраивало меня. Существовали различные плагины для jQuery, но ни один из них не подходил по стилю. Мне нужен был плагин, который бы эстетично смотрелся в рамках существующего дизайна и наглядно говорил пользователю о том, сколько времени на совершение действия у него осталось.


Читать полностью »

в 6:58, , рубрики: extend, inheritance, javascript, static, метки: , , , ,

В данном посте хочу рассказать как предпочитаю реализовывать наследование в объемном JavaScript приложении.
Допустим для проекта необходимо множество родственных и не очень классов.Если мы попытаемся каждый тип поведения описать в отдельном классе, то классов может стать очень много. И у финальных классов может быть с десяток предков. В таком случае обычного JavaScript наследования через prototype может оказаться не достаточно. Например мне понадобилась возможность из метода вызывать аналогичный метод класса-предка. И захотелось создавать и наследовать некоторые статические свойства и методы класса. Такую функциональность можно добавить, вызываяЧитать полностью »

в 10:48, , рубрики: backbone, javascript, оптимизация, шаблоны, метки: , , ,

Знакомство с javascript-фреймворком Backbone я, как и многие, начинал с todo-туториала, на базе которого строилось дальнейшее использование фреймворка в своих проектах.

Но туториалы заканчиваются, и начинаются рабочие будни.


Думаю, многим знаком такой участок кода (из вышеупомянутого туториала):

window.AppView = Backbone.View.extend({      // Instead of generating a new element, bind to the existing skeleton of     // the App already present in the HTML.     el: $("#todoapp"),      // Our template for the line of statistics at the bottom of the app.     statsTemplate: _.template($('#stats-template').html()),       ...

Давайте разберемся подробнее:

в 21:38, , рубрики: async pattern, javascript, monads, асинхронное программирование, монады, метки: , , , ,

JavaScript — очень необычный язык. Может это звучит немного странно, но по-моему в его истории есть некоторое сходство с судьбой японского языка. Он, возможно, не был изначально глубоко продуман и был сделан на скорую руку, но при этом в умелых руках он часто оказывается неожиданно элегантным. Он был “поскрёбан” по различной степени качества сусекам, но при этом он легко впитывает нововведения и иногда даже кажется, что только для них и был создан. Он покорно принимает различные стили письма и, если бы не апологеты, “правильное” написание было бы, возможно, уже забыто… И, самое главное, как и для японского, нет обозримой границы в познании этогоЧитать полностью »

1...1020...979899...101
Главная   |  Архив новостей  |   Android  |   Google  |   Apple  |   Microsoft  |   Информационная безопасность  |   Веб – разработка
Публикации RSS  |  Комментарии RSS
https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js