Верстка через JS?

Question

Владимир Голубь @RazerVG

FrontEnd

Верстка через JS?

Хотел взять заказ на фрилансе, но увидел вот такое view-source:www.napalubu.ru

Это конструктор или очень крутой верстальщик ?

Вопрос задан более трёх лет назад
3003 просмотра

7 комментариев

Подписаться 6 Оценить 7 комментариев

Андрей Б. @andykov

Аля свой микро фреймворк на JS на коленке

Написано более трёх лет назад
Kovalsky @lazalu68

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

Что за задача у вас? А то первое что мне пришло в голову, это то что они вас попросили "перепишите нам пожалуйста сайт просто на HTML, а то ни хрена не работает, все верстальщики/программисты отказываются с нами работать"

Написано более трёх лет назад
Philipp @zoonman

Это называется "разработчику было нечем заняться".

Написано более трёх лет назад
KingAnton @KingAnton

25мбайт страница )

Написано более трёх лет назад
Алексей Уколов @alexey-m-ukolov Куратор тега JavaScript

Качество этой поделки красноречиво демонстрирует подключение jquery (не сжатой!) и использование его в трёх местах (где можно спокойно написать ванильно).

Написано более трёх лет назад
Владимир @ruvasik

Реакт. Начало.

Написано более трёх лет назад

Дмитрий Балашов @shitty

document.getElementsByClassName('script-gallery')[0].getElementsByTagName('div')[1].style.backgroundImage = 'url("pictures/DSC00274.jpg")';
document.getElementsByClassName('script-gallery')[0].getElementsByTagName('div')[2].style.backgroundImage = 'url("pictures/DSC00280.jpg")';
document.getElementsByClassName('script-gallery')[0].getElementsByTagName('div')[3].style.backgroundImage = 'url("pictures/DSC00282.jpg")';
document.getElementsByClassName('script-gallery')[0].getElementsByTagName('div')[4].style.backgroundImage = 'url("pictures/DSC00284.jpg")';
document.getElementsByClassName('script-gallery')[0].getElementsByTagName('div')[5].style.backgroundImage = 'url("pictures/DSC00291.jpg")';
document.getElementsByClassName('script-gallery')[0].getElementsByTagName('div')[6].style.backgroundImage = 'url("pictures/DSC00297.jpg")';
document.getElementsByClassName('script-gallery')[0].getElementsByTagName('div')[7].style.backgroundImage = 'url("pictures/DSC00301.jpg")';
document.getElementsByClassName('script-gallery')[0].getElementsByTagName('div')[8].style.backgroundImage = 'url("pictures/DSC00302.jpg")';
document.getElementsByClassName('script-gallery')[0].getElementsByTagName('div')[9].style.backgroundImage = 'url("pictures/DSC00303.jpg")';

Красота!

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 4

Комментировать

1 комментарий

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+1 ещё

Простой
Three.js объект сзади не виден при повороте к нему лицом?
- 1 подписчик
- 2 часа назад
- 29 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как скачать pdf из встроенного просмотрщика на сайте?
- 1 подписчик
- 5 часов назад
- 95 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Как построение маршрута на 2GIS API v2.0?
- 1 подписчик
- 6 часов назад
- 42 просмотра
0

ответов
JavaScript

Средний
Эффект наложения блоков?
- 1 подписчик
- 21 час назад
- 107 просмотров
2

ответа
JavaScript

+2 ещё

Средний
Как изменить содержание блока програмно со свойством contentEditable?
- 1 подписчик
- 21 час назад
- 78 просмотров
0

ответов
JavaScript

+4 ещё

Средний
Как сделать правильное динамическое масштабирование ion-range в зависимости от ширины колонок линии со значениями?
- 1 подписчик
- 21 час назад
- 43 просмотра
0

ответов
JavaScript

Простой
Как после сабмита очистить поле type="tel" и показать очищенную маску?
- 1 подписчик
- вчера
- 67 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Почему при добавление переменно в style, она перестаёт обновляться?
- 1 подписчик
- 22 апр.
- 69 просмотров
1

ответ
JavaScript

Простой
Как получить результат отправки на сервер, если fetch-запрос был в одной функции, а результат нужен в другой?
- 1 подписчик
- 22 апр.
- 80 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Существуют ли браузерные реализации WebView для AJAX и Fetch?
- 1 подписчик
- 22 апр.
- 88 просмотров
1

ответ
Показать ещё Загружается…

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

JavaScript Fullstack

OnClass

от 200 000 до 600 000 ₽

Добавить подключениек виртуалке на virtualbox через сайт

24 апр. 2024, в 20:05

20000 руб./за проект

Unity очень простая игра

24 апр. 2024, в 19:51

1000 руб./за проект

Парсинг поисковой выдачи Яндекс

24 апр. 2024, в 19:40

5000 руб./за проект

Аля свой микро фреймворк на JS на коленке
Клянусь бабушкой, это не конструктор. Мне, по крайней мере, так не кажется. Слишком много кастома, нелепых условий. Конструкторы несмотря на все недостатки это всё же сложные системы состоящие из большого количество хитро сплетённых модулей.

Что за задача у вас? А то первое что мне пришло в голову, это то что они вас попросили "перепишите нам пожалуйста сайт просто на HTML, а то ни хрена не работает, все верстальщики/программисты отказываются с нами работать"
Это называется "разработчику было нечем заняться".
Качество этой поделки красноречиво демонстрирует подключение jquery (не сжатой!) и использование его в трёх местах (где можно спокойно написать ванильно).
document.getElementsByClassName('script-gallery')[0].getElementsByTagName('div')[1].style.backgroundImage = 'url("pictures/DSC00274.jpg")'; document.getElementsByClassName('script-gallery')[0].getElementsByTagName('div')[2].style.backgroundImage = 'url("pictures/DSC00280.jpg")'; document.getElementsByClassName('script-gallery')[0].getElementsByTagName('div')[3].style.backgroundImage = 'url("pictures/DSC00282.jpg")'; document.getElementsByClassName('script-gallery')[0].getElementsByTagName('div')[4].style.backgroundImage = 'url("pictures/DSC00284.jpg")'; document.getElementsByClassName('script-gallery')[0].getElementsByTagName('div')[5].style.backgroundImage = 'url("pictures/DSC00291.jpg")'; document.getElementsByClassName('script-gallery')[0].getElementsByTagName('div')[6].style.backgroundImage = 'url("pictures/DSC00297.jpg")'; document.getElementsByClassName('script-gallery')[0].getElementsByTagName('div')[7].style.backgroundImage = 'url("pictures/DSC00301.jpg")'; document.getElementsByClassName('script-gallery')[0].getElementsByTagName('div')[8].style.backgroundImage = 'url("pictures/DSC00302.jpg")'; document.getElementsByClassName('script-gallery')[0].getElementsByTagName('div')[9].style.backgroundImage = 'url("pictures/DSC00303.jpg")';

Красота!

Answer 1 · 2017-06-27 01:48:33

очень крутой верстальщик

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

И нет, это не конструктор - все конструкторы, при их кажущейся примитивности, весьма сложны и используют массу проработанных серверных виджетов.

Answer 2 · 2017-06-27 08:52:32

На мой взгляд верстка не самая удачная. Да еще и в индекс ее запилили...
Делалось все руками с помощью JS.
P.S.: Если ищешь фреймворки для верстки, то советую обратить внимание на Vuejs и webix.

Answer 3 · 2017-06-27 11:05:08

Это ужасный сайт, который не выполняет своих функций.

В основе лежит манипулирование DOM в реальном времени (синхронное) - это довольно ресурсоёмкое дело, поэтому страница "рисуется" очень долго.

Нет шаблонизатора, все операции с DOM выполняются непосредственными командами над объектами. Очень сложно будет найти место, в котором надо изменить текст или стили, а ещё сложнее что-то добавить или удалить.

Не работает то, что должно работать именно на JS. Меню глючит, разворачивающиеся блоки глючат, слайдшоу не запускается.

По факту, программист не знал ни HTML, ни CSS, но знал ванильный JS. Он сделал на JS то, что надо на HTML. А то что надо на JS - не сделал. Если бы это была выпускная работа в какой-нибудь интернет-школе (даже те самые презираемые за излишнюю упрощённость Специалист, гикбрейнс или HTML Academy) - эта работа получила бы 2 (неуд, фейл, провал).

Переделывать заново. От клиентского рендеринга можно вообще отказаться в пользу HTML или серверного языка программирования (PHP, Python, Ruby, NodeJS). JS использовать там где надо, а не там где хочется.

Answer 4 · 2017-06-27 02:58:54

Niriter Inc. @niriter

User

через js не стоит, гугл и яндекс не понимают js элементы

Ответ написан более трёх лет назад

1 комментарий

Верстка через JS?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт