• 强国博客首页整合公告 2019-06-08
  • 西海都市报数字报刊平台 2019-05-27
  • 美国反拥枪的孩子很受伤 2019-05-25
  • C罗戴帽单骑救主 葡萄牙33战平西班牙 2019-05-25
  • 证监会去年对外公开监管信息14560条 2019-05-16
  • 中山八路总站调整12公交线 2019-05-16
  • 谢春涛:深刻把握“中国特色社会主义进入新时代”的重大意义 2019-05-09
  • 湖南一博士生举报水利局领导受贿 遭到冒牌纪委约谈 2019-05-09
  • 西安地铁唐风诗韵文化专列将于6月18日首发 2019-04-30
  • 铜梁区旧县街道:全面提升执行力 推动工作落地见效 2019-04-30
  • 上海电影节女性影人大放异彩 中生代女演员不用焦虑 2019-04-29
  • 龙永图力挺制造业 密集型产业不能丢 2019-04-29
  • 云冈石窟掌门人张焯入围“绿色中国年度人物”复评 2019-04-24
  • 网传上海限购政策松绑 市房管局目前调控政策并无变化 2019-04-23
  • 新疆坚决打好污染防治攻坚战 2019-04-23
  • CSS 宣布支持三角函数,下一步是什么?

    h4cd
     h4cd
    发布于 2019年03月12日
    收藏 22

    2 月底万维网联盟(W3C)CSS 工作组会议宣布了一项决议,批准在 CSS 标准中加入一批新函数,其中包括:

    • 正弦函数 - sin()
    • 余弦函数 - cos()
    • 正切函数 - tan()
    • 反余弦函数 - acos()
    • 反正弦函数 - asin()
    • 反正切函数 - atan()
    • 使用两个参数 x 和 y 的反正切函数 - atan2()
    • 平方根函数 - sqrt()
    • 参数平方和的平方根函数 - hypot()
    • 开方 - pow()

    2001 年 CSS 的升级版本 CSS 3 发布以来,Web 开发人员对 CSS 的利用变得越来越自由多变,不再局限于简单地布局网页,CSS 3 带来的新变化主要包括盒子模型、列表???、超链接方式、语言???、背景和边框、文字特效、多栏布局等???,大大丰富了开发者的想象力与创造力。

    比如 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。

    本站文章除注明转载外,均为本站原创或编译?;队魏涡问降淖?,但请务必注明出处,尊重他人劳动共创开源社区。
    转载请注明:文章转载自 OSCHINA 社区 广东十一选五推荐号
    本文标题:CSS 宣布支持三角函数,下一步是什么?
    加载中

    精彩评论

    手握华为赛神仙
    手握华为赛神仙
    下一步该支持导数和积分了吧
    阿信sxq
    阿信sxq
    数学不好都不会写样式了
    赛丽亚
    赛丽亚
    下一步要做后端了,比如node.css??
    开源中国-首席村长
    开源中国-首席村长
    这些没人敢说CSS不是一门语言了吧
    乳沟
    乳沟
    其实让sass代替css就可以了,足够强大

    最新评论(29

    ylxs90
    ylxs90
    哪位前端大佬可以举例说明一下,CSS啥时候会用到sin之类的这种函数?
    CallMeE
    CallMeE
    结合变量定义都可以写halloworld了
    久永
    久永

    引用来自“久永”的评论

    我们有CSS了还需要js干嘛?

    引用来自“dolloyo”的评论

    我们有HTML了还需要CSS干嘛?
    你把我的意思理解反了。
    小堃
    这样是为了写3d网页么?
    赛丽亚
    赛丽亚
    下一步要做后端了,比如node.css??
    张亦俊
    张亦俊
    下一步各种神经网络吧
    CollinSalem
    CollinSalem
    下一步支持高等数学
    dolloyo
    dolloyo

    引用来自“久永”的评论

    我们有CSS了还需要js干嘛?
    我们有HTML了还需要CSS干嘛?
    开源前端工程师
    开源前端工程师

    引用来自“久永”的评论

    我们有CSS了还需要js干嘛?

    引用来自“开源前端工程师”的评论

    比如事件触发样式改变?

    引用来自“久永”的评论

    你太年轻了。。。
    今天天气确实不错
    久永
    久永

    引用来自“久永”的评论

    我们有CSS了还需要js干嘛?

    引用来自“开源前端工程师”的评论

    比如事件触发样式改变?
    你太年轻了。。。
    返回顶部
    顶部
  • 强国博客首页整合公告 2019-06-08
  • 西海都市报数字报刊平台 2019-05-27
  • 美国反拥枪的孩子很受伤 2019-05-25
  • C罗戴帽单骑救主 葡萄牙33战平西班牙 2019-05-25
  • 证监会去年对外公开监管信息14560条 2019-05-16
  • 中山八路总站调整12公交线 2019-05-16
  • 谢春涛:深刻把握“中国特色社会主义进入新时代”的重大意义 2019-05-09
  • 湖南一博士生举报水利局领导受贿 遭到冒牌纪委约谈 2019-05-09
  • 西安地铁唐风诗韵文化专列将于6月18日首发 2019-04-30
  • 铜梁区旧县街道:全面提升执行力 推动工作落地见效 2019-04-30
  • 上海电影节女性影人大放异彩 中生代女演员不用焦虑 2019-04-29
  • 龙永图力挺制造业 密集型产业不能丢 2019-04-29
  • 云冈石窟掌门人张焯入围“绿色中国年度人物”复评 2019-04-24
  • 网传上海限购政策松绑 市房管局目前调控政策并无变化 2019-04-23
  • 新疆坚决打好污染防治攻坚战 2019-04-23