|
JavaScript / HTML Создание динамической разметки страниц |
26.02.2012, 17:28
|
#1
|
ПроЭктировщик
Регистрация: 27.05.2007
Сообщений: 110
Написано 40 полезных сообщений (для 33 пользователей)
|
moochip
Доброго времени суток, уважаемые!
Хочу похвастать своим курсовым проектом, хехе =) Ничего особо примечательного в нем вроди как нет, но тем не менее, довести до конца ведь нужно.
С предыстории начну рассказ свой. Дело было в универе, на паре "архитектура ПО". Преподаватель - мой добрый друг, объявил:
"Ребята! Вы - программисты! Вам нужно программы писать, а не бумажки печатать! Посему, разбейтесь на комманды по 2..3 человека, выберите тему и делайте курсовой. А по ходу дела - натягивайте архитектуру и печатайте бумажки, которые надо - хоть чему-нибудь да научитесь."
Со мной никто (ВНЕЗАПНО!) не захотел писать. Но в надежде я создал репозиторий на Bitbucket с git и неограниченным количеством контрибуторов. Даже написал практически весь проект. Даже задеплоил на Heroku (проект на 90% написан на JavaScript, но для простоты, удобства и расширяемости набросал application на рельсах).
Морали в этой басне нету - хотиш писать - пиши газету. Проект вроди как функционирует. Багов в нем немерянно. Но коль закончить - обещается быть интересным =)
Суть проекта - онлайн-сервис для интерактивного обучения основам электроники. Пока никакого обучения (кроме интерактивного набросания схемы и симуляции ее работы) нету.
Проект успешно задеплоен на http://moochip.heroku.com/ . Код можно посмотреть, а баги зарепортить на https://bitbucket.org/shybovycha/moochip/ .
Ах да, в Opera и IE работать проект отказывается. В опере еще хоть как-то, но все равно нету основных функций. Посему оные отмечены как не-браузер и выброшены из поддержки до неопределенного времени.
Вроди, все сказал. Пожелания, замечания - как обычно. Заранее благодарен за ваши отзывы!
|
(Offline)
|
|
Сообщение было полезно следующим пользователям:
|
|
27.02.2012, 00:23
|
#2
|
[object Object]
Регистрация: 01.08.2008
Адрес: В России
Сообщений: 4,360
Написано 2,473 полезных сообщений (для 6,856 пользователей)
|
Ответ: moochip
Симуляция схемы это интересно только вот где транзистор чтоли?
И где симуляция? Лампочки там или вольтметры чтоб понять работает ли схема?
Сообщение от shybovycha
Ах да, в Opera и IE работать проект отказывается.
|
Ну ты понимаешь, да?
__________________
Retry, Abort, Ignore? █
Intel Core i7-9700 4.70 Ghz; 64Gb; Nvidia RTX 3070
AMD Ryzen 7 3800X 4.3Ghz; 64Gb; Nvidia 1070Ti
AMD Ryzen 7 1700X 3.4Ghz; 8Gb; AMD RX 570
AMD Athlon II 2.6Ghz; 8Gb; Nvidia GTX 750 Ti
|
(Online)
|
|
27.02.2012, 01:00
|
#3
|
Unity/C# кодер
Регистрация: 03.10.2005
Адрес: Россия, Рязань
Сообщений: 7,568
Написано 3,006 полезных сообщений (для 5,323 пользователей)
|
Ответ: moochip
Как связи удалять без удаления компонентов?
|
(Offline)
|
|
27.02.2012, 01:42
|
#4
|
ПроЭктировщик
Регистрация: 27.05.2007
Сообщений: 110
Написано 40 полезных сообщений (для 33 пользователей)
|
Ответ: moochip
Сообщение от Randomize
только вот где транзистор чтоли?
|
Пока нету =) Ишшу создал утром - на днях будет =)
Сообщение от Randomize
И где симуляция? Лампочки там или вольтметры чтоб понять работает ли схема?
|
Компоненты, которые были задействованы во время прохода подсвечиваются синим. Это и есть симуляция =) Вольтметра тоже пока нету, но на пинах, думаю, можно будет померять ток.
Сообщение от Randomize
Ну ты понимаешь, да?
|
На самом деле, нет. Прошу вас объясниться более доступно =) И по поводу оперы - есть предположение, что это столько же браузер, сколь и IE вопрос на stackoverflow задал, но ответа нету - фиксинг багов под сей софт затруднен.
Сообщение от pax
Как связи удалять без удаления компонентов?
|
Пока не сообразил на эту тему ничего. Дело в том, что выделить компонент - да, просто и понятно - его можно повернуть, переместить, удалить в конце-концов. Но что делать с проводником? Пока не разрабатывал алгоритм расстановки узлов поворота проводника - чтоб тот был не просто отрезком, а "умно изогнутым отрезком" =) Но, думаю, и работу с проводниками в нынешнем состоянии можно реализовать. Неблагодарный будет труд, но результат хоть каков да будет =)
|
(Offline)
|
|
27.02.2012, 02:02
|
#5
|
[object Object]
Регистрация: 01.08.2008
Адрес: В России
Сообщений: 4,360
Написано 2,473 полезных сообщений (для 6,856 пользователей)
|
Ответ: moochip
Сообщение от shybovycha
На самом деле, нет. Прошу вас объясниться более доступно =)
|
В проекте нет WebGL, Drag&Drop файлов, не используется правая кнопка мыши как средство управления. В остальном опера всё что надо держит. Косяк не со стороны оперы.
Почему используется svg? Почему не canvas? 2д контекст подойдёт куда лучше.
DOM почти цел
__________________
Retry, Abort, Ignore? █
Intel Core i7-9700 4.70 Ghz; 64Gb; Nvidia RTX 3070
AMD Ryzen 7 3800X 4.3Ghz; 64Gb; Nvidia 1070Ti
AMD Ryzen 7 1700X 3.4Ghz; 8Gb; AMD RX 570
AMD Athlon II 2.6Ghz; 8Gb; Nvidia GTX 750 Ti
|
(Online)
|
|
Сообщение было полезно следующим пользователям:
|
|
27.02.2012, 02:27
|
#6
|
ПроЭктировщик
Регистрация: 27.05.2007
Сообщений: 110
Написано 40 полезных сообщений (для 33 пользователей)
|
Ответ: moochip
Сообщение от Randomize
В проекте нет WebGL, Drag&Drop файлов, не используется правая кнопка мыши как средство управления. В остальном опера всё что надо держит. Косяк не со стороны оперы.
|
Будьте добры, помогите разгрести проблемму: http://stackoverflow.com/q/9453153/330471 . Заранее благодарен. По-моему это как раз косяк оперы в сторону недо-браузерности =)
Сообщение от Randomize
Почему используется svg? Почему не canvas? 2д контекст подойдёт куда лучше.
|
SVG более гибок? Более распространен? На самом деле все куда проще - Raphael.js стал пожалуй единственным средством разработки графических и интерактивных веб-сервисов, которые я нашел, попробовал и мне понравилось =)
За ошибку DOM - отдельное "спасибо" - fixed =)
|
(Offline)
|
|
27.02.2012, 12:53
|
#7
|
[object Object]
Регистрация: 01.08.2008
Адрес: В России
Сообщений: 4,360
Написано 2,473 полезных сообщений (для 6,856 пользователей)
|
Ответ: moochip
Как пример:
http://raphaeljs.com/curver.html
Тут в Опере всё работает.
__________________
Retry, Abort, Ignore? █
Intel Core i7-9700 4.70 Ghz; 64Gb; Nvidia RTX 3070
AMD Ryzen 7 3800X 4.3Ghz; 64Gb; Nvidia 1070Ti
AMD Ryzen 7 1700X 3.4Ghz; 8Gb; AMD RX 570
AMD Athlon II 2.6Ghz; 8Gb; Nvidia GTX 750 Ti
|
(Online)
|
|
27.02.2012, 13:32
|
#8
|
ПроЭктировщик
Регистрация: 27.05.2007
Сообщений: 110
Написано 40 полезных сообщений (для 33 пользователей)
|
Ответ: moochip
Сообщение от Randomize
|
В указанном вами примере используются средства Raphael.js для drag-n-drop. В моем случае также используется drag-n-drop, однако в обработчике события drop необходимо получить координаты курсора мыша относительно контейнера дабы понять, к какому пину коннектить выбранный.
Обработчик принимает аргумент - объект события mouseEvent. В FireFox и Chrome этот объект несет свойства layerX и layerY, содержащие данные о позиции курсора в контейнере. Опера не поддерживает этих свойств.
"Альтернативы", предлагаемые оперой слишком скудны для получения нужных данных вручную.
Надеюсь, я выразился предельно понятно =)
Сообщение от Randomize
только вот где транзистор чтоли?
|
Вроде как добавил биполярные =)
Сообщение от Randomize
И где симуляция? Лампочки там или вольтметры чтоб понять работает ли схема?
|
Добавил некое подобие вольтметра/амперметра на тулбар.
Последний раз редактировалось shybovycha, 27.02.2012 в 14:52.
|
(Offline)
|
|
27.02.2012, 15:10
|
#9
|
.
Регистрация: 05.08.2006
Сообщений: 10,429
Написано 3,454 полезных сообщений (для 6,863 пользователей)
|
Ответ: moochip
MouseMove в канве тебя не устраивает? Помойму вполне достаточно.
|
(Offline)
|
|
27.02.2012, 19:22
|
#10
|
ПроЭктировщик
Регистрация: 27.05.2007
Сообщений: 110
Написано 40 полезных сообщений (для 33 пользователей)
|
Ответ: moochip
Сообщение от MoKa
MouseMove в канве тебя не устраивает? Помойму вполне достаточно.
|
Canvas особо не пользовал - не знаю =) А с другой стороны - что спорить? Перепиливать проект под другую библиотеку - уйма времени и не факт, что будет оправдано - неблагодарный труд. А у оперы и без того есть ряд весьма-таки весомых аргументов, никак не улучшающих работу веб-разработчика. К примеру - очень убогий инструментарий для javascript-разработки.
|
(Offline)
|
|
27.02.2012, 19:29
|
#11
|
[object Object]
Регистрация: 01.08.2008
Адрес: В России
Сообщений: 4,360
Написано 2,473 полезных сообщений (для 6,856 пользователей)
|
Ответ: moochip
Сообщение от shybovycha
Canvas особо не пользовал - не знаю =) А с другой стороны - что спорить? Перепиливать проект под другую библиотеку - уйма времени и не факт, что будет оправдано - неблагодарный труд. А у оперы и без того есть ряд весьма-таки весомых аргументов, никак не улучшающих работу веб-разработчика. К примеру - очень убогий инструментарий для javascript-разработки.
|
Эээ. Спасибо на добром слове.
При веб разработке использую только Opera.
OperaDragonfly хватает хоть отбавляй.
"Из под пера" вышло уже порядка 10 jQuery плагинов.
Сударь, похоже что ваше мнение предвзято.
__________________
Retry, Abort, Ignore? █
Intel Core i7-9700 4.70 Ghz; 64Gb; Nvidia RTX 3070
AMD Ryzen 7 3800X 4.3Ghz; 64Gb; Nvidia 1070Ti
AMD Ryzen 7 1700X 3.4Ghz; 8Gb; AMD RX 570
AMD Athlon II 2.6Ghz; 8Gb; Nvidia GTX 750 Ti
|
(Online)
|
|
27.02.2012, 20:26
|
#12
|
ПроЭктировщик
Регистрация: 27.05.2007
Сообщений: 110
Написано 40 полезных сообщений (для 33 пользователей)
|
Ответ: moochip
console.log не работает, хоть написали что поддерживается. Объекты в логе не разворачиваются для просмотра свойств. JS/CSS из просмотрщика кода посмотреть нельзя. Кеширует все, что можно и нельзя да еще и так, что хрен, прошу прощения, обновишь (Ctrl+F5 не бинден ни на что, а очистка всего, что можно из кешей не помогла). Для меня опера не существует как браузер =)
И все же, некоторые баги для оперы исправил =) Опера снова в списке поддерживаемых
Последний раз редактировалось shybovycha, 27.02.2012 в 22:57.
|
(Offline)
|
|
27.02.2012, 23:30
|
#13
|
[object Object]
Регистрация: 01.08.2008
Адрес: В России
Сообщений: 4,360
Написано 2,473 полезных сообщений (для 6,856 пользователей)
|
Ответ: moochip
Не буду разъяснять в подробностях, но Dragonfly это 100% эквивалент FireBug`а. Есть абсолютно все функции.
Вольтметр работает?
__________________
Retry, Abort, Ignore? █
Intel Core i7-9700 4.70 Ghz; 64Gb; Nvidia RTX 3070
AMD Ryzen 7 3800X 4.3Ghz; 64Gb; Nvidia 1070Ti
AMD Ryzen 7 1700X 3.4Ghz; 8Gb; AMD RX 570
AMD Athlon II 2.6Ghz; 8Gb; Nvidia GTX 750 Ti
|
(Online)
|
|
28.02.2012, 18:53
|
#14
|
ПроЭктировщик
Регистрация: 27.05.2007
Сообщений: 110
Написано 40 полезных сообщений (для 33 пользователей)
|
Ответ: moochip
Сообщение от Randomize
Вольтметр работает?
|
"Прибор" показывает напряжение и ток на выделенном пине. Посему назвал его PinMeter =)
|
(Offline)
|
|
Ваши права в разделе
|
Вы не можете создавать темы
Вы не можете отвечать на сообщения
Вы не можете прикреплять файлы
Вы не можете редактировать сообщения
HTML код Выкл.
|
|
|
Часовой пояс GMT +4, время: 11:17.
|