Описание тега hyperhtml
NoneHyperHTML - это стандартный механизм на основе шаблонных литералов JS, способный отображать DOM-аналог Node.js, называемый viperHTML, и эксперимент на основе NativeScript, называемый nativeHTML.
1
ответ
Определить, когда компонент отключен / подключен к DOM
Я перехожу с React на hyperHTML, потому что производительность имеет значение. Я использую сторонние библиотеки специально для управления док-панелями от PhosphorJS. Когда я создаю этот класс 'DockPanel', мне нужно присоединить его к реальному дерев…
06 сен '18 в 22:14
1
ответ
Как можно сделать частичный вывод между узлами?
Одна вещь привлекла мое внимание чтением возможностей hyperHTML: частичные выходы между узлами Я пытаюсь сделать массив дополнительных элементов document.body, поэтому не удаляйте существующие, которые были определены в HTML-файле. Декларативный рен…
22 окт '17 в 00:51
1
ответ
Используя hyperHTML, есть ли способ привязки непосредственно к элементу, который нужно изменить, а не к его родительскому элементу?
Предполагая, что у меня есть следующее: <div id="parent"> <div id="child-one"><p>Child One</p></div> <div id="child-two"><p>Child Two</p></div> <div id="child-three"><p>Child Three<…
09 окт '18 в 00:36
0
ответов
Hyperhtml все еще перерисовывает весь дом
Это код, который я подключаю, который возвращает var list = hyperHTML.wire(doc)` <li class=${['chatEl', 'dropInChat', isUnsynced, docType, isChatShown, isUnread, userType].join(' ')} rel=${doc.id}> <div class=${['chatAvatar', avatarNumCss].…
28 фев '18 в 18:52
0
ответов
Как минимизировать Lit-HTML (включая комментарии)
Я решил попробовать lit-html через: npm install lit-html --save Я много раз слышал (из разных источников), что lit-html имеет размер всего 2 или 3 КБ, но только из-за импорта html и экспорта рендеринга мой веб-пакет вырос более чем на 13 КБ. Это нам…
26 ноя '18 в 07:42
1
ответ
hyperHTML: пользовательские логические атрибуты
Возможно ли иметь собственный логический атрибут? В документации HyperHTML для логических атрибутов говорится следующее: Просто используйте логические атрибуты в любое время, когда они вам нужны, если они являются частью наследования элемента, они в…
30 авг '18 в 05:02
1
ответ
Изоморфные компоненты hyperHTML без прохождения по проводам
У меня есть следующие два компонента: // component.js // imports ... function ListItem(item) { const html = wire(item) function render() { return html`<li>${item.foo}</li>` } return render() } function List(items) { const html = wire(ite…
03 апр '18 в 20:09
1
ответ
hyperHTML для 10000 кнопок
Я создал тестовую страницу, где я использую hyperHTML для демонстрации 10000 кнопок. Код немного велик для публикации в stackru, но вы можете просмотреть исходный код на этой странице здесь, чтобы увидеть код (ожидайте задержку после нажатия). hyper…
14 дек '18 в 07:51
0
ответов
Невозможно вызвать класс как функцию - hyperhtml-элемент
Я пытаюсь определить простой пользовательский элемент, используя hyperhtml-element Однако я не могу расширить HyperHTMLElement, не получив следующую ошибку из браузера (Chrome). index.js:1 Uncaught TypeError: Cannot call a class as a function at _cl…
26 дек '18 в 06:56
0
ответов
Может кто-нибудь объяснить использование this.html в примере условного рендеринга?
Я пытаюсь понять источник использования this.html Функция тегового шаблона внутри метода рендеринга LoginControl из этого примера: https://viperhtml.js.org/hyperhtml/examples/#!fw=React&example;=Conditional%20Rendering class LoginControl extends HTM…
16 дек '18 в 22:16
1
ответ
Использование внешней библиотеки с HyperHTML
Мы стремимся интегрировать HyperHTML в приложение чата. В настоящее время мы используем момент.js и timeago для удобочитаемых временных отметок времени последнего опубликования чата. Также последний превью сообщений в списке чатов обновляется часто,…
08 фев '18 в 07:07
1
ответ
Простой пример HyperHtmlElement ничего не показывает
Я не вижу никаких выходных данных с FireFox 57, ожидая "HyperHtmlElement"... <html> <head> <title>canvas element test</title> <meta charset='utf-8'> </head> <body> <g2-canvas></g2-canvas> <scr…
27 дек '17 в 18:14
3
ответа
Есть ли способ / обходной путь для использования принципа слота в hyperHTML без использования Shadow DOM?
Мне нравится простота hyperHtml и lit-html, которые используют "теги с литералами шаблона" только для обновления "переменных частей" шаблона. Простой javascript, не требующий виртуального кода DOM и рекомендуемого неизменяемого состояния. Я хотел бы…
11 фев '18 в 00:01
1
ответ
Как вы обходите клонированные шаблоны, теряя ссылки на элементы?
Я заметил, что hyperHTML сохраняет ссылки, которые я делаю на элементы: let div = document.createElement("div"); div.textContent = "Before Update"; hyperHTML.bind(document.body)`static1 - ${div} - static2`; div.textContent = "After Update"; Выше поя…
06 дек '18 в 12:15
1
ответ
Провод hyperHTML против строки
Я начинаю использовать hyperHTML есть вопрос начиная с const data = [1,2,3] Используя провод hyperHTML.bind(document.getElementById('root'))` <h1>Hello, world!</h1> ${ data.map( num => hyperHTML.wire()`<li>${num}</li>` ) }…
15 дек '17 в 10:13
2
ответа
Поддержка шаблонов наблюдателей Mobx
Mobx предлагает пакет наблюдателя, который совместим только с реагирует, он сообщает магазину, что данные используются, и перезапустит компонент при изменении. Как вы дублируете поддержку наблюдателей MOBX?
22 янв '18 в 04:06
1
ответ
hyperHTML: обновление списка
Когда я проверяю элементы html, созданные с помощью следующего кода (используя hyperHTML в Chrome, весь список обновляется (я предполагаю, что это основано на всех элементах в <ul> мигает фиолетовым на короткое время). function updateList(rend…
20 авг '18 в 01:38
1
ответ
Условный рендеринг в гипер. Компонент, не обновляющий DOM
Интересно, почему следующий фрагмент не обновляет DOM? const { hyper, wire } = hyperHTML; class Input extends hyper.Component { get defaultState() { return { error: false }; } onclick() { this.setState(prev => ({ error: !prev.error })); } render(…
03 окт '17 в 19:54
0
ответов
Список компонентов (провод дважды)
Если я отображаю список функций, возвращающих hyperhtml, я получаю два проводных соединения, так как пропуск его где-то не сработает, и связывание будет иметь смысл только для родительского элемента, а затем есть слабая ссылка для рассмотрения, так …
19 янв '18 в 08:28
1
ответ
Навигация по ссылкам в hyperHTML и hyperhtml-приложении
Я только начинаю с hyperHTML. Я создаю небольшое приложение, которое нуждается в маршрутизации, поэтому я связал его с hyperhtml-app. Я пытаюсь настроить обработчик щелчков в представлении для обработки щелчков на элементах привязки и их навигации п…
02 сен '17 в 11:54