欧美国产亚洲--一区二区三区,中文字幕日产乱码久久第一页,免费国产在线精品一区二区三区

文章插圖
介紹JSS是CSS的創(chuàng)作工具，它允許你使用JavaScript以聲明，無(wú)沖突和可重用的方式描述樣式。它可以在瀏覽器，服務(wù)器端或在構(gòu)建時(shí)在Node中編譯。JSS與框架無(wú)關(guān) 。它由多個(gè)包組成：核心部分，插件以及框架集成等。
Githubhttps://github.com/cssinjs/jss stars:5.1k
快速開(kāi)始如果你已經(jīng)對(duì)使用JSS感興趣，可以使用在線代碼編輯器。在CodeSandbox（一個(gè)非常實(shí)用的在線編輯器，可以用來(lái)學(xué)習(xí)各種編程技能）上嘗試Hello World示例。以下是三種不同框架下的用法（代碼圖片生成自carbon網(wǎng)站）：
JSSReact-JSSStyled-JSS特性真實(shí)的CSSJSS生成實(shí)際的CSS ，而不是內(nèi)聯(lián)樣式。它支持每個(gè)現(xiàn)有的CSS功能。CSS規(guī)則只創(chuàng)建一次，并使用其類名與元素重復(fù)使用，與內(nèi)聯(lián)樣式相反。此外，當(dāng)DOM元素更新時(shí) ，將應(yīng)用先前創(chuàng)建的CSS規(guī)則。
無(wú)沖突選擇器JSS默認(rèn)生成唯一的類名。它允許避免典型的CSS問(wèn)題，默認(rèn)情況下一切都是全局的。它完全消除了命名約定的需要。
代碼重用使用JavaScript作為宿主語(yǔ)言使我們有機(jī)會(huì)以常規(guī)CSS無(wú)法實(shí)現(xiàn)的方式重用CSS規(guī)則。您可以利用JavaScript模塊，變量，函數(shù) ，數(shù)學(xué)運(yùn)算等。如果做得好，它仍然可以完全聲明。
易于拆卸和修改CSS規(guī)則的明確使用允許您跟蹤消費(fèi)者并確定是否可以安全地刪除或修改它。
動(dòng)態(tài)Style使用JavaScript函數(shù)和Observable可以在瀏覽器中動(dòng)態(tài)生成樣式，使有機(jī)會(huì)訪問(wèn)應(yīng)用程序狀態(tài) ，瀏覽器API或遠(yuǎn)程數(shù)據(jù)以進(jìn)行樣式設(shè)置。你不僅可以定義一次樣式，還可以在任何時(shí)間點(diǎn)以有效的方式更新樣式。
用戶控制的動(dòng)畫JSS可以高效地處理CSS更新，可以使用它創(chuàng)建復(fù)雜的動(dòng)畫。使用函數(shù)值， Observables并將它們與CSS過(guò)渡相結(jié)合，可以為用戶控制的動(dòng)畫提供最大的性能。對(duì)于預(yù)定義的動(dòng)畫，使用@keyframes和transition更好，因?yàn)樗鼈儗⑼耆∠柚笿avaScript線程。
關(guān)鍵的CSS要優(yōu)化第一次繪制的時(shí)間，你可以使用服務(wù)器端渲染并提取關(guān)鍵CSS ?？梢詫SS的呈現(xiàn)與HTML的呈現(xiàn)結(jié)合起來(lái) ，這樣就不會(huì)生成未使用的CSS 。它將導(dǎo)致在服務(wù)器端呈現(xiàn)期間提取的最小關(guān)鍵CSS ，并允許內(nèi)聯(lián)它。
插件JSS核心實(shí)現(xiàn)了基于插件的架構(gòu) 。它允許您創(chuàng)建可以實(shí)現(xiàn)自定義語(yǔ)法或其他強(qiáng)大功能的自定義插件。JSS有許多官方插件，可以單獨(dú)安裝或使用默認(rèn)預(yù)設(shè) 。社區(qū)插件的一個(gè)很好的例子是jss-rtl 。
Expressive 語(yǔ)法由于各種插件， JSS允許您使用現(xiàn)有的全局類名來(lái)嵌套，全局選擇器和組合。例如，允許您以比CSS更可讀的方式表達(dá)屬性。如果要直接從瀏覽器開(kāi)發(fā)工具復(fù)制粘貼樣式，也可以使用模板字符串。jss-plugin-expandbox-shadow
完全隔離另一個(gè)有用的插件示例是，它允許您完全隔離元素與全局級(jí)聯(lián)規(guī)則，并可能覆蓋不需要的屬性。在創(chuàng)建應(yīng)該在第三方文檔內(nèi)部呈現(xiàn)的窗口小部件時(shí)尤其有用。jss-plugin-isolate
React整合。React-JSS包提供了一些額外的功能：
動(dòng)態(tài)主題 – 允許基于上下文的主題傳播和運(yùn)行時(shí)更新。關(guān)鍵CSS提取 – 僅提取渲染組件中的CSS 。延遲評(píng)估 – 樣式表在組件安裝時(shí)創(chuàng)建。樣式表的靜態(tài)部分在所有元素之間共享。使用props作為參數(shù)自動(dòng)更新函數(shù)值和規(guī)則。JavaScript構(gòu)建管道CSS不需要額外的構(gòu)建管道配置。無(wú)論你選擇構(gòu)建JavaScript的工具是什么，它都可以與JSS一起使用。

以上關(guān)于本文的內(nèi)容，僅作參考！溫馨提示：如遇健康、疾病相關(guān)的問(wèn)題，請(qǐng)您及時(shí)就醫(yī)或請(qǐng)專業(yè)人士給予相關(guān)指導(dǎo)!

「愛(ài)刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容，希望對(duì)您有所幫助：

js追加樣式css樣式的方法 js樣式選擇