Skip to content
WONGCW 網誌
  • 首頁
  • 論壇
  • 微博
  • 壁紙下載
  • 免費圖床
  • 視頻下載
  • 聊天室
  • SEO工具
  • 支援中心
  • 表格製作
  • More
    • 在線名片
    • 網頁搜索
    • 天氣預報
    • 二維碼生成器
  • Search Icon

WONGCW 網誌

記錄生活經驗與點滴

CSS 宣布支持三角函數下一步是什麼?

CSS 宣布支持三角函數下一步是什麼?

2019-03-12 Comments 0 Comment

2001年CSS的升級版本CSS 3發布以來,Web開發人員對CSS的利用變得越來越自由多變,不再局限於簡單地佈局網頁,CSS 3帶來的新變化主要包括盒子模型、列表模塊、超鏈接方式、語言模塊、背景和邊框、文字特效、多欄佈局等模塊,大大豐富了開發者的想像力與創造力。2月底萬維網聯盟(W3C)CSS工作組會議宣布了一項決議,批准在CSS標準中加入一批新函數,其中包括:

  • 正弦函數 – sin()
  • 餘弦函數- cos()
  • 正切函數 – tan()
  • 反餘弦函數- acos()
  • 反正弦函數- asin()
  • 反正切函數- atan()
  • 使用兩個參數 x 和y 的反正切函數 – atan2()
  • 平方根函數- sqrt()
  • 參數平方和的平方根函數- hypot()
  • 開方- pow()

比如CSS 現在能夠編寫複雜的動畫,並支持像Adobe Photoshop 中那樣高級的圖像濾鏡。雖然目前CSS 標準已經支持以下數學函數:

  • 計算基本表達式- calc()
  • 返回最小值 – min()
  • 返回最大值 – max()
  • 獲取上限和下限之間的中間值- clamp()

但是這遠遠不夠,者一直需要它擁有處理圖形角度並執行一些更高級數學運算的能力,以往這些需要從JavaScript層或預處理器去處理,但顯然開發者更希望使用原生CSS語法去做這些事情,這樣可以更加簡單的方法處理角度並同步複雜的動畫序列,而無需編寫自定義JavaScript代碼或加載龐大的動畫庫或遊戲引擎。

在開發者強烈的要求下,W3C CSS工作組終於正式宣布批准在CSS標準中加入了一系列數學運算函數。

看到這樣的消息,不少開發者都沸騰了。在Reddit上他們展開了熱烈的討論,有人認為這很自然,下一步顯然是複數支持,然後是向量/矩陣,在能夠使用CSS直接做出一款怪獸級別的項目之前,他們便不會滿意;樓下就有人拋出了一個幾週前發布的項目,並指出雖然談不上怪獸級,但是它完全採用CSS實現了3D效果。

反對派則表示:為什麼CSS 要這樣搞?我認為CSS 是用於將樣式應用於HTML 文檔的東西,計算等操作應該在JS 中完成。

他認為CSS 應該輕量級,孤立的Chrome 實例意味著不同的視圖不能共享內存,所以必須複製一大堆東西,這樣會導致內存冗餘。

有人回复他:

  • 一些CSS 動畫可以卸載到GPU,釋放CPU 用於其它事情。
  • JavaScript 是單線程的,CSS 動畫可以放棄對轉換的精細控制,以釋放主線程。

還有一些人拋出一個觀點,認為這直接變成了CSS 的TensorFlow binding:Tensorflow.css。

此外還有人認為官方是想讓Sass 中的所有內容成為CSS 中的標準,也有人順手吐槽了一把Firefox:RIP my Firefox。

你怎麼看呢?

新的CSS三角函數還需要一段時間過渡,但是可以在以下上查看自己使用的瀏覽器是否已經支持:https://caniuse.com。

分享此文:

  • 按一下即可分享至 X(在新視窗中開啟) X
  • 按一下以分享至 Facebook(在新視窗中開啟) Facebook
  • 分享到 WhatsApp(在新視窗中開啟) WhatsApp
  • 按一下以分享到 Telegram(在新視窗中開啟) Telegram
  • 分享到 Pinterest(在新視窗中開啟) Pinterest
  • 分享到 Reddit(在新視窗中開啟) Reddit
  • 按一下即可以電子郵件傳送連結給朋友(在新視窗中開啟) 電子郵件
  • 點這裡列印(在新視窗中開啟) 列印

相關


網絡資訊

Post navigation

PREVIOUS
LG Mirror Display可用作電視和鏡子
NEXT
谷歌遭股東起訴:辭退兩名性騷擾高管花1.65億美元

發表迴響取消回覆

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料。

More results...

Generic filters
Exact matches only
Search in title
Search in content
Search in excerpt
Filter by 分類
網站公告
Featured
限時免費
Windows 軟件下載
系統軟件
辦公軟件
圖像處理
影音媒體
網絡軟件
應用軟件
Mac 軟件下載
安卓軟件下載
網絡資訊
Mac資訊
Linux資訊
VPS資訊
NASA資訊
WordPress資訊
WeChat資訊
PHP資訊
教學資源
開源程序
網頁工具
SEO工具
醫療健康
其他資訊
Content from
Content to
2019 年 3 月
一 二 三 四 五 六 日
 123
45678910
11121314151617
18192021222324
25262728293031
« 2 月   4 月 »

分類

  • 網站公告
  • 限時免費
  • Windows 軟件下載
  • 系統軟件
  • 辦公軟件
  • 圖像處理
  • 影音媒體
  • 網絡軟件
  • 應用軟件
  • Mac 軟件下載
  • 安卓軟件下載
  • 網絡資訊
  • Mac資訊
  • Linux資訊
  • VPS資訊
  • NASA資訊
  • WordPress資訊
  • WeChat資訊
  • PHP資訊
  • 教學資源
  • 開源程序
  • 網頁工具
  • SEO工具
  • 醫療健康
  • 其他資訊

彙整

近期文章

  • 多地國補突然暫停北京、天津、廣州等部分門市靠限量搶券 2025-06-13
  • 美國政府擬削弱SpaceX在「金穹」飛彈計畫角色 2025-06-13
  • 川普即將舉行「生日遊行」 美國科技巨頭開始大撒幣 2025-06-13
  • 美「星艦」第八次試飛失敗系一「猛禽」引擎硬體故障 2025-06-13
  • Scale AI創辦人將加入Meta 首席策略長接任CEO 2025-06-13
  • 歐盟提議對兩家中國小型銀行實施制裁 2025-06-13
  • 川普稱馬斯克支持廢除電動車強制令兩人鬧翻是因為其他事情 2025-06-13
  • Google Cloud服務嚴重宕機致OpenAI、Spotify等多項服務中斷 2025-06-13
  • 黃仁勳:未來十年將是機器人與自動駕駛汽車的時代 2025-06-13
  • 矽谷觀察:馬斯克服軟低頭認錯了全球首富還是拗不過美國總統 2025-06-13

熱門文章與頁面︰

  • 您可以在Windows 11 24H2 中找回WordPad
  • 華為12000mAh 40W超級快充移動電源CP12S拆解
  • 華為麒麟9600 CPU現真身神秘數字「2035」再次出現
  • Mondoze : 馬來西亞伺服器/ AS152742/純淨 IP/雙ISP住宅伺服器/$8.33/月/2C/2G記憶體/60G/100M
  • 一汽豐田開卷電動車全新bZ5開啟預售:入門版價格不超13萬
  • Office Tab Enterprise 13.10 x86/x64(含:註冊機序列號)
  • 韓國遊戲公司Nexon出售價格或可高達150億美元
  • Windows 11 KB5055523更新導致部分使用者無法透過PIN或臉部辨識登入
  • 上海兩大機場直通地鐵虹橋到浦東只要40分鐘全程26元
  • 廣汽首款量產飛行汽車開啟預定:售價168萬元封頂比小鵬便宜39萬

投遞稿件

歡迎各界人士投遞稿件到admin@wongcw.com

請提供以下資料:

1.你的名字

2.你的電郵

3.分類目錄

4.文章標題

5.文章摘要

6.文章內容

7.文章來源

 

聯繫我們

查詢,投稿,商務合作:
​admin@wongcw.com
​技術支援:
​support@wongcw.com
​客户服務:
​cs@wongcw.com

QQ群:833641851

快帆

MALUS

極度掃描

DMCA.com Protection Status

WONGCW 網誌

  • 免責聲明
  • 捐助我們
  • ThemeNcode PDF Viewer
  • ThemeNcode PDF Viewer SC
  • Events

服務器提供

本站使用之服務器由ikoula提供。

聯繫我們

查詢,投稿,商務合作:
​admin@wongcw.com
​技術支援:
​support@wongcw.com
​客户服務:
​cs@wongcw.com

QQ群:833641851

© 2025   All Rights Reserved.