每月web开发更新：寻找web开发技术自定义内容

2019年是互联网逐步稳定发展的时期，过去的2018年，互联网给我们带来更多的新鲜感，特别值得技术人员了解是，大数据，人工智能，区域链等，今年第一个月，让我们一起关注每月最新web开发技术有哪些更新值得学习。

就在几周前，我们为客户网站构建一个简单的“转到页面顶部”按钮。我们决定使用requestAnimationFrame和类似的东西来优化事件处理，但今天我们又找到了一种更好，更有效的解决方案，用于IntersectionObserver切换视口上的按钮，发现效力更高，体验更好，或许今后我们还会继续研究得到更好的方案，因为web开发是一个需要更多积累经验才会得出更好的改善方案。

谷歌浏览器向我们展示了Chrome 72中的弃用和删除更新，包括在页面卸载过程中阻止弹出窗口

window.open，基于HTTP的公钥固定以及弃用TLS 1.0和TLS 1.1。

JavaScript

• web开发中我们习惯是如何提供“返回顶部”按钮？这是一种非常注重性能的高效方法，它使用交叉观察器来显示和隐藏按钮。
• 如何使用FIDO2和Web身份验证API登录没有密码的用户。
• Chrome目前正在使用一种名为API的API getInstalledRelatedApps，可让你检测用户是否安装了原生应用。这可能对于不再默认显示应用横幅或让他们直接从你的网站打开应用中的特定产品功能非常有用。
• 如何使用React.lazy和suspense 来分离JavaScript应用程序中的代码。这对于减少应用程序包的原始负载大小非常重要，并且可以对网站的性能和用户体验产生巨大影响。

CSS

• 看到国外web开发人员写了一篇关于使用Houdini和Paint API for CSS的精彩文章，她以标准CSS中没有的自定义文本修饰下划线样式为例进行演示，可以看得出来CSS给web带来更美的画面。
• intrinsicsize HTML属性的概念：希望很快，通过在解析它们之前向浏览器提示图像的预期尺寸，帮助我们在浏览器中提供无抖动的图像加载。
• 最近开源de select模块更新了自定义外观，作者在博文中他描述了select今天的风格。
• CSS最新用法：如何设置Web组件的样式，并决定我们是希望它继承全局样式还是从头开始。

感谢热爱web开发者的阅读，我们很高兴总结2019年的新版Web开发更新，当然今后有其他更新都是每月更新大家一起学习，当然我们也希望我们的总结技术更新能帮助更多的人，帮助更多的开发者，用更好的技术带给你们的客户。

​