применение <template >
работает в хроме, может в опере, но не в мозиле.

часть 2
зачем и почему не обсуждается - просто для пробы и интереса
правки , рекомендации приветствуются

Avast SafeZone 1.48, опера
поддерживают

неужели никто новые фишки html и javascript не использует?

Antonariyлично мне просто в лом качать и распаковывать архивы.
веский аргумент:)

всё в одном архиве
:)

skyANAAntonariyПрочитал про Shadow DOM. Усложнение вижу, профита не вижу.
А как же инкапсуляция? :) Стили компонента (виджета) не ломаются при вставке на какую-нибудь левую страницу и не ломают чужие стили.
вот именно, это мне и понравилось,
а ещё это пример как как из template добраться до вызвавшего элемента, это несколько не явно оказалось, и есть ещё засада - дебаг не проходит, контролировать приходится через console.log

skyANA,
код написан из условия добиться , чтоб работало (это первое использование)
в первом архиве каждое окно таскается мышью
если есть варианты по улучшению - прошу показать.

Antonariy,
с невидимыми дивами я делал, работало, но навороченноть кода была ещё большие,

skyANARelic Hunterкак мы без этого жили? не понимаю.
Всякие БЭМы придумывали :)
если использовать import то будет ещё «круче»

Relic Hunterкак мы без этого жили? не понимаю.
мы много без чего жили....
и обходились..
ие был, но появились другие , и теперь ие никто не ценит....
websocket не было - ajax, comet наше всё
теперь websocket даже в ие.
и торговые площадки уже строятся с использование ws...

skyANAвадя, а Вы один работаете, коллег нет?
я фрилансер, да и тут больше различных взглядов, больше мнений.
гит мне что-то не очень...
и импорт это из серии новых тегов,
https://learn.javascript.ru/link-import

авторimport - это ещё и из серии нового стандарта: https://learn.javascript.ru/modules#import :)
Так что Вы лучше пишите точнее, чтобы Вас правильно поняли.
да это мой промах...

авторв том то и дело, что автор не пишет плюсы и минусы сабжа сам.
А ведь, он первый кто его изучал)).
Насколько понял, пока:
- восторгов в сети не наблюдается
- поддержка только в одном браузере
Пункт 2 для моего работодаетля очень критичен.
imho

за меня написали
авторА как же инкапсуляция? :) Стили компонента (виджета) не ломаются при вставке на какую-нибудь левую страницу и не ломают чужие стили.
для меня это большой +

автора ещё это пример как как из template добраться до вызвавшего элемента, это несколько не явно оказалось, и есть ещё засада - дебаг не проходит, контролировать приходится через console.log
это обходится , знчит маленький минус

авторВ современном HTML можно вообще любой тег использовать, а если ему задать display: none, то он не помешает остальной разметке. В чем преимущество именно нативного <template>, перед <div style="display: none"> или <script language="template">?
https://learn.javascript.ru/webcomponent-core
описаны плюсы и минусы.
не проверив, трудно отдать предпочтение чему-то..




автор- поддержка только в одном браузере
Пункт 2 для моего работодаетля очень критичен.
с этим трудно спорить...
тут либо-либо
либо кроссбраузерность = дополнительные затраты на это + отказ от плюшек нового
либо монобраузерность = облегчение программирования и выжимание из одного браузера всех возможностей
я предпочитаю 2 вариант
поддерживают - опера, хром, Avast SafeZone
для сайтописание - первый вариант
для корпоративного применения - скорее второй.


https://github.com/JonHappy/EX_template

автор- как отдать второму челу вёрстку, если весь код будет истыкан невидимыми тэгами?
- что по функционалу для работодателя стало прекрасней с твоим кодом Х? Перед кодом студента Y?
Стили компонента (виджета) не ломаются?
-ты посмотри код, тэги вполне видимы

-для работодателя - время затраченное мной, следовательно - деньги.

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

Petro123 ты приводил код, с использованием какойто библиотеки...
из этого кода я не понял, что это, с чем это едят...
если можно сделать на чичтом js - любой студент разберётся, это будет дешевле, чем искать спеца знакомого с той библиотекой.
да и для работодателя - не надо заморачиваться писать что требуется знание того, что работодатель никогда не слышал

у вас что основной принцип всё охаять?
я предложил вариант использования, т.к. не нашел ничего, кроме простейшего примера на https://learn.javascript.ru/
ещё раз повторю ws, как пример, Petro123 хает, а другие уже вовсю используют, и чем дальше тем больше, даже такие веще как торговые площадки взяли на вооружение.

Petro123вадя,
вот у меня счас затык с выпадающим списком select2
https://select2.github.io/examples.html
Не работает в APEX оракля обновление его содержимого по команде.
Надо будет копать его кишки и искать решение.
......
Сделай такой по своей технологии.
немного конкретики , что не получается ?
авторСделай такой по своей технологии.
это по какой?
пока есть время могу покапаться

Petro123, ответил там

автор Если можно, выскажусь.

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

И это своё - настолько разношестное, что мы адаптируя к новым реалиям свою-же старую систему поимели немало гимора даже при использовании "всеядных" js-фреймворков.

Мое мнение - это минус, который может перечеркнуть всё остальное положительное. Но, как я понимаю, он преодолим.
аргУмент правильный.
очень важный для приятия решения.
и у меня нет даже предложений как его решать :(
но тот же хром под андроид многое поддерживает из десктопной версии, если не всё.
поэтому как вариант.... ориентироваться на хром :)

Petro123вадяно тот же хром под андроид многое поддерживает из десктопной версии, если не всё.
поэтому как вариант.... ориентироваться на хром :)
чем плох Firefox?
Ты опять не сравниваешь между собой "разное".
а раньше ориетировался на ff, он многим хорош, но некоторые вещи делает по-своему, что-то отстаёт от стандартов..

Petro123,
на конкретный вопрос — конкретный ответ

skyANAвадяу вас что основной принцип всё охаять?
Нет, у меня к примеру богатый опыт командной разработки.. И это частое явление, когда кто-то предлагает новый классный клёвый инструмент, который вот прям завтра решит кучу проблем.

Первое, что ему на это предлагается - это не торопиться, потому как не он один знает о текущих проблемах.
Второе, что предлагается - это провести исследование того, как то, от чего он в восторге, можно применить в реальном проекте.

И вот тут он открывает для себя грабли :)
к тебе как раз и нет притезии :)
я и выложил чтоб узнать мнение сообщества...
насчет граблей, мне их пророчили с ws....
и чем больши инфы сниму - тем проще будет обходить грабли :)