JavaScript 檢測瀏覽器是否支持 CSS 變量
const isSupported =
window.CSS &&
window.CSS.supports &&
window.CSS.supports('--a', 0);if (isSupported) {
/* supported */} else {
/* not supported */}JavaScript 操作 CSS 變量的寫法如下。
// 設(shè)置變量document.body.style.setProperty('--primary', '#7F583F');// 讀取變量document.body.style.getPropertyValue('--primary').trim();// '#7F583F'// 刪除變量document.body.style.removeProperty('--primary');這意味著，JavaScript 可以將任意值存入樣式表。下面是一個監(jiān)聽事件的例子，事件信息被存入 CSS 變量。
const docStyle = document.documentElement.style;document.addEventListener('mousemove', (e) => {
docStyle.setProperty('--mouse-x', e.clientX);
docStyle.setProperty('--mouse-y', e.clientY);});那些對 CSS 無用的信息，也可以放入 CSS 變量。
--foo: if(x > 5) this.width = 10;
上面代碼中，--foo的值在 CSS 里面是無效語句，但是可以被 JavaScript 讀取。這意味著，可以把樣式設(shè)置寫在 CSS 變量中，讓 JavaScript 讀取。
所以，CSS 變量提供了 JavaScript 與 CSS 通信的一種途徑。
本文鏈接：http://jmtianhui.com/news/details-12-254.html
版權(quán)聲明：
1：本站所有內(nèi)容均由互聯(lián)網(wǎng)收集整理、上傳，并且以計算機技術(shù)研究交流為目的，僅供大家參考、學習，不存在任何商業(yè)目的與商業(yè)用途，如描述有誤或者學術(shù)不對之處歡迎及時提出，不甚感謝。
2、 如涉及版權(quán)問題，請聯(lián)系我們4724325@qq.com第一時間處理；
我們從以下三個方面，對比純靜態(tài)和偽靜態(tài)兩種靜態(tài)頁面生成方式，逐一展開分析。
用JS的正則表達式如何判斷輸入框內(nèi)為中文或者是英文數(shù)字，或者是三者混編
css制作扇形
純CSS3文字Loading動畫特效
PhpStorm 2022.1 EAP 3 在 PHPDoc 和屬性中添加了對多行和嵌套數(shù)組形狀的完全支持：在這種情況下，可以使用數(shù)組形狀注釋定義數(shù)組結(jié)構(gòu)，以獲得鍵的代碼補全并推斷值的類型。
PHP作為Web界第一大語言近年來熱度不夠，但是這幾年的進步和成長卻沒有中斷。在2022伊始，我們來一起學習一下目前PHP的現(xiàn)狀以及最新版本帶來的特性。
Linux程序前臺后臺切換：在Linux終端運行命令的時候，在命令末尾加上 & 符號，就可以讓程序在后臺運行Ubuntu$">root@Ubuntu$ ./tcpserv01 &
Python 的正則表達式支持 多行模式，將每行文字分別匹配。然而各種操作系統(tǒng)里，換行符的表示法各不相同，會導致 Python 不能正確使用多行模式。