如果您是Web开发人员,请搭扣,因为Web平台已经降落了一些改变游戏规则的新功能,这些功能将改变我们永远构建网站的方式。让我们深入研究这些令人难以置信的新添加!
1.本地HTML对话框
消失了,从头开始建造模式,并将其插入JavaScript以显示和隐藏元素。现在,我们拥有本机HTML对话框,并在所有主要浏览器上得到了完全支持。只需引用其ID并运行showModal()
方法。
2.弹出式即将到来
本地弹出案提供诸如popoverTarget
和popover
之类的属性,允许您显示和隐藏内容,而无需任何javascript或棘手的CSS。
3. Web GPU:图形和游戏的游戏规则改变者
Web GPU本质上是WebGL的后继产品,使浏览器和Web应用程序能够利用GPU,以便在Babylon.js,Trix.js,Threxorflow.js以及机器学习模型培训等图书馆中更快地呈现图形渲染。
4.集装箱查询:响应式网站变得更容易
使用容器查询,开发人员现在可以基于最近的祖先容器而不是仅仅是视口尺寸应用不同的样式 - 使响应式设计比以往任何时候都更加直观。
5.彩色混合:在CSS中本地混合颜色
颜色混合功能允许通过指定两种颜色参数以及所需的颜色空间在CSS中融合颜色,从而在多个元素上产生有趣的梯度效果。
6.CSS嵌套
css嵌套通过允许样式嵌套在父袋中的样式来提高代码的可读性,就像小袋中的袋鼠一样 - 不再重复的类名称!
7.经验色字体
彩色字体(或色字体),让您使用每个字形的多种颜色自定义整个调色板,提供无限的可能性,例如梯度甚至3D效果。
8.通过Web Vitals插件的绩效提升
新的Web Vitals插件用于Chrome Console日志性能指标指出了布局变化和有问题的元素以优化您的网站。
9.JavaScript功能:阵列AT&Deep Copy
方法的数组简化了使用负索引获取数组项(例如,最后一项的-1)。结构化的克隆函数可以深入复制对象,使它们之间的数据更加容易。
10.更多很棒的网络功能
- 转换流界面:一个接管一个fetch呼叫
- 导入地图:一次声明多个JavaScript模块
- css个体变换属性:修改比例,翻译和旋转
- CSS中的三角函数:正弦,余弦,圆形设计的切线
- CSS首字母属性:文章中的杂志式第一封信
- 重点可见且警报属性:改进的可访问性选项
- 查看过渡API和动画时间表(实验):基于滚动位置的网页之间的更好动画
恭喜!您刚刚在网上学到了21个新功能。如果您已经知道他们中的每个人,请在下一次采访中继续兑换您的免费“ Web开发工作”证书!感谢您的阅读和关注,以获取更多令人兴奋的更新。
*完整列表