標簽[hyperhtml] - 堆棧內存溢出

是否可以在不違反“script-src-attr: 'none'”的情況下使用 hyperHTML 內聯樣式的事件處理程序

[英]Can one use an hyperHTML inline-style event handler without violating `script-src-attr: 'none'`

在使用 hyperHTML 創建類似的東西時： this.html` <input name="mode" type="radio" onclick=${this.handleClick} /> `; ...

[英]How to wrap a string with a html tag in hyperHTML through RegEx replace

我正在構建一個搜索自動建議組件，其中結果使用 hyperHTML 呈現。從服務器返回的建議的匹配字符串部分應突出顯示。我正在使用 RegEx 和String.prototype.replace來突出顯示匹配部分，但不知何故我無法將 output 的返回值返回給 HTML。它只是將<str ...

如何在 hyperHTML 中呈現對象

[英]How to render objects in hyperHTML

我被要求使用 hyperHTML 創建一個下拉菜單進行練習。我是這個框架的新手，誠然沒有在網上找到大量關於 hyperHTML 的材料，但我已經根據我所閱讀的內容起草了一個基本模板。問題是當我嘗試使用 JSFiddle 運行我的腳本時，它不會從整個 div 內容中返回任何內容。有人能解釋為什么 ...

材質圖標未在 Hyperhtml 中加載

[英]Material Icons are not Loading in Hyperhtml

我在 Hyperhtml 組件中使用材質圖標。但是即使加載了 css，瀏覽器中也沒有加載圖標。顯示的是“3d_rotation”而不是圖標。這是我的實現。所以我的疑問是，Hyper Html 是否可能不支持材質圖標。材質 Icon css 顯示在檢查元素樣式中。謝謝 ...

如何在hyperHTML中動態更改標簽

[英]How to change tag dynamically in hyperHTML

此代碼不起作用。我可以使用hyperHTML動態更改標簽嗎？ ...

10,000個按鈕的hyperHTML

[英]hyperHTML for 10,000 Buttons

我創建了一個測試頁面，在其中使用hyperHTML展示了10,000個按鈕。該代碼是一個有點大張貼到計算器，但你可以在這個頁面查看源在這里看到代碼（預計點擊后延遲）。 hyperHTML比預期花費更多的時間來完成其工作，這使我覺得我在濫用它。有建議的優化嗎？更新：似乎我 ...

您如何避免丟失元素引用的克隆模板？

[英]How do you get around Cloned Templates losing Element References?

我注意到hyperHTML保留了我對元素的引用：上面將產生一個頁面，顯示：據我了解，hyperHTML最終會克隆HTML <tempate>元素以呈現最終輸出。但是，在克隆HTML模板時（例如上例中的變量“ div”），您通常不會丟失引用嗎？因此，在初 ...

如何縮小Lit-HTML（包括注釋）

[英]How to minify Lit-HTML (including comments)

我決定通過以下方法嘗試使用lit-html：我聽說過無數次（從各種來源），照亮-HTML只有2或3KB大小，但僅導入html和渲染出口就引起了我的WebPack超過13KB增長。這比預期的要大得多。此外，最終的dist軟件包已將其嵌入其中7次：有點過分了。 ...

的HTML <template> 元素與Javascript模板文字

[英]HTML <template> Element versus Javascript Template Literals

Mozilla表示Web組件包含三種主要技術：自定義元素影子DOM HTML模板鑒於ECMAscript的模板文字，第3個“ HTML模板”是否必要？看一下我從詹姆斯·米爾納（ James Milner）得到的這個例子：請注意，他如何 ...

SyntaxError：意外的令牌導入-開玩笑

[英]SyntaxError: Unexpected token import - Jest

嗨，我正在嘗試使用hyperhtml和jest安裝Web組件框架項目，並在運行測試用例時出現以下錯誤嘗試了stackoverflow中所有現有的建議以解決此問題，但不走運。以下是我的配置 .babelrc.json } jest.config.js ...

使用hyperHTML，有沒有辦法直接綁定到要修改的元素而不是其父元素？

[英]Using hyperHTML, is there a way to bind directly to an element to be modified rather than its parent?

假設我有以下內容：據我了解，hyperHTML設置要綁定到的元素的innerHTML。如果我不僅要更改＃child-two的innerHTML，而且要更改其屬性而不接觸＃child-one和＃child-three，那么使用hyperHTML實現此目的的最佳方法是什么？有沒 ...

綁定帶有瀏覽器/ babelify的超html元素不起作用

[英]Bundling hyperhtml-element with browserify/babelify not working

也許我做錯了什么，但似乎無法使hyperhtml元素與babel配合使用。如果我從“ hyperhtml-element”導入HyperHTMLElement，則我的捆綁包中會出現原始的es6。如果我從“ hyperhtml-element / es5”導入HyperHTMLElem ...

使用viperHTML進行服務器端渲染

[英]Server Side Rendering with viperHTML

我正在開發一個Symfony應用程序，只是使用https://github.com/spatie/server-side-rendering獲得了JS的SSR。到目前為止，我只使用了針對React的“現成” SSR解決方案，但是目前，我正在嘗試使用hyperHTML / viperHTML， ...

檢測何時將組件取消/附加到DOM

[英]Detect when component is un/attached to the DOM

我從React轉向hyperHTML，因為性能很重要。我正在使用專門用於PhosphorJS的塢站面板管理的第三方庫。創建此“ DockPanel”類時，需要將其附加到真實的DOM樹上。在React這可以通過componentDidMount函數解決（在將虛擬節點附加到DOM樹之 ...

重新排序 DOM 節點時的 HyperHTML 性能

[英]HyperHTML performance when re-ordering DOM Nodes

我正在嘗試了解HyperHTML以及如何從中獲得最佳性能。閱讀它在幕后如何工作，這似乎意味着模板和 DOM 之間建立了強大的聯系，我認為這意味着它需要與 VirtualDOM 不同的思維方式來優化性能。我編寫了一些代碼來顯示使用 hyperHtml 與 normalHtml 對表格中的N 個 ...

hyperHTML：自定義布爾屬性

[英]hyperHTML: Custom Boolean Attributes

是否可以有自定義布爾屬性？在布爾屬性的 hyperHTML 文檔中，它說明了以下內容：只需在需要時使用布爾屬性，如果它是元素繼承的一部分，它總是會做正確的事情。此代碼段不起作用：如果我需要custom成為一個布爾屬性，我怎樣才能使它成為“元素繼承的一部分”？ ...

hyperHTML：更新列表

[英]hyperHTML: updating a list

當我檢查由以下代碼創建的 html 元素時（在 Chrome 中使用hyperHTML ，整個列表都會刷新（我假設這是基於<ul>短暫閃爍紫色的所有元素）。它實際上是重新渲染整個列表嗎？如果是這樣，我如何僅通過呈現新更改來提高性能？這是一個有效的問題，還是我不必要地優化？ ...

擴展HyperHTMLElement時出錯

[英]Error extending HyperHTMLElement

我正在嘗試使用HyperHTMLElement定義一個簡單的自定義元素，但是在沒有受到Chrome（以及Safari）的抱怨的情況下，我似乎無法extend HyperHTMLElement 。 src/index.js import 'document-register-element ...

同構的hyperHTML組件，無需傳入導線

[英]Isomorphic hyperHTML components without passing in wires

我有以下兩個部分：我想將它們放在客戶端和服務器之間共享的模塊中。但是，據我所知，盡管API幾乎相同，但是在服務器上，我必須從viperHTML模塊導入功能，而在客戶端上，我必須使用hyperHTML模塊。因此，我不僅可以將功能導入共享模塊的頂部，還必須傳遞給調用站點的組件。 ...

如何創建從HTMLButtonElement擴展的HyperHTML自定義元素

[英]How to create a HyperHTML custom element extended from HTMLButtonElement

我想要一個從按鈕擴展來的名為custom的語義語義：例如fab-button 擴展HTMLButtonElement似乎不起作用。有沒有辦法從帶有HyperHTML“ document-register-element.js”的非HTMLElement擴展？ Codepen ...