前端技术周刊 2018-04-20

1

bokeh-grid-hand-34176.jpg | center | 827x431

老丝机上周有点忙不过来,周刊延迟到这周一发布了,差点翻车。为了回馈各位,特请来女神镇场。

前端快爆

  • Redux 4 正式发布,新版隐藏了之前的 ActionTypes 接口、在 reducer 中不允许调用 getStatesubscribe、放弃了对 IE11 以前浏览器的支持。了解更多不兼容更新🔗

    Humphry 点评: 由于大家用 Redux 或多或少会依赖其他社区方案,因此升级可能还需要再等到生态里的 redux-saga/redux-thunk 等更新了。
  • Chrome 开发者工具中现在 CSS 自定义属性可以显示颜色预览了,同时 Hover 的时候还可以显示实际的值。🔗

    老丝点评:有了CSS 自定义属性,我好像还是一个配置工程师 🤣。

image.png | left | 799x381

  • 4月10号,W3C官方宣布:FIDO(线上快速身份验证联盟)与 W3C 联合取得 Web 认证标准的里程碑式进展,在全球实现更简单更强大的 Web 认证方式。FIDO2 标准化工作的完成,W3C WebAuthn 标准的推进,以及浏览器供应商对实现这一标准的承诺,都预示着一个新时代的开启,一个为所有互联网用户提供普适的、硬件支持FIDO身份验证保护的时代。🔗
  • Vue 驱动的静态网站生成器 VuePress 正式发布,基于 Markdown 语法来写作,支持目录、代码高亮等更多 Markdown 扩展语法。🔗

    老丝点评:Vue 作者亲自操刀,值得一试。
  • Chrome Canary 已经实现了 CSS Layout API 的一个雏形,该 API 可以实现自定义布局,比如瀑布流,Demo: 🔗

    老丝点评:《CSS 有哪些不能实现的布局》“Xiaogege and Xiaojiejie” 了解一下?
  • 2018-04-23 17_24_52.gif | left | 554x568

优秀 Demo

  • CSS 实现内切圆角<span data-type="color" style="color: rgb(51, 51, 51);"><span data-type="background" style="background-color: rgb(255, 255, 255);"> (</span></span>译文<span data-type="color" style="color: rgb(51, 51, 51);"><span data-type="background" style="background-color: rgb(255, 255, 255);">)</span></span>

image.png | left | 700x308.7

slider.gif | center | 700x280


专题——CSS Grid Layout

文档

文章

讨论

示例

分享

你可能感兴趣的

载入中...