前端技术双周刊-2022.03.23

JavaScript

• A look at the dialog element’s super powers
  随着三月 Safari 15.4，Firefox 98 的发布，主流浏览器基本都已经支持 dialog 元素，我们可以使用原生方法实现弹窗/模态框功能了。

• A Proposal For Type Syntax in JavaScript
  近期 TypeScript 团队提交了一份提案 ECMAScript proposal: Types as Comments，打算将类型语法引入到 JavaScript 注释中。这意味着浏览器可以直接运行经过 TS 检查的代码，也意味着更好的编辑体验和更快的迭代。目前该提案暂时还未提交给 TC39。

• How to test if there is any element outside the viewport with Cypress
  本文提供的方法结合 E2E 测试框架，可以用于判断不符合预期的页面横向滚动问题，提前暴露风险

• Horizontal scrolling nav
  纯原生实现的导航丝滑滚动和切换效果

• TypeScript 类型系统
  对类型编程中分布式条件类型的讲解和应用

端智能

• KFive专栏 | paddlejs 系列：如何快速 get 一个冰墩墩头套？
  手把手教学，借助 paddlejs 的强大 AI 能力快速开发一款冰墩墩头套生成器

低代码

• 网易云音乐低代码体系建设思考与实践
  网易云音乐『探戈低代码』项目的特点：基于源代码的可视化搭建能力，与前端框架无关，支持 LowCode & ProCode 双模式在线开发能力；与既有研发设施无缝集成，提供一键应用创建和发布部署能力；提供对接契约联调和模型驱动的能力。

拓展阅读

• 视频智能取色——营造氛围感利器
  在页面设计中，如果可以加大色彩的运用比例，就可以给人更加沉浸的感受。百度搜索一直在探索更加智能、高效的方法给用户打造更具有氛围感的内容消费体验，视频智能取色就是这方面探索的成果之一，让我们看看它是如何实现的？

• 速度是 macOS 的两倍？首个支持 M1 Mac 的 Linux 发行版终于出现！
  2020 年 11 月，苹果自研芯片 M1 的推出令业界轰动。彼时，M1 芯片强大的性能令许多 Linux 爱好者期待

• 以反战为名，百万周下载量 node-ipc 包作者进行供应链投毒
  这一事件再次显示了 Node.js 生态的脆弱，开源软件供应链安全是一个日益严峻的话题，如果说 log4j 还能看做难以避免的工程误差，而这件事显然已经存在违法嫌疑了。

• Figma 封停大疆等中国公司账号，国内有替代吗
  如果不是 Figma 搞这么一出，大家也不会关注到 Figma 在国内的竞争对手

开源项目

• Pico.css
  Pico.css 是一个简单轻量化的 CSS UI 框架，最大的特点是样式都基于 HTML 原始的标签名和内置的属性来定义样式，少用甚至是不用 class。优点是写出来的代码语义清晰，可维护性强，能够快速的应用于个人项目或者小型项目；缺点也很明显，不能处理复杂样式场景。

• CSS Checker
  css-checker会检查您的 css 样式是否有重复，并找到具有高度相似性的 css classes 之间的差异。它可以避免文件之间出现冗余或类似的 css，并适用于本地开发和 CI 等自动化。默认情况下它还支持颜色检查、长脚本以及未使用的 CSS classes 的警告。

• XRender
  XRender 是由阿里飞猪内部孵化出的开源产品，是一套基于 React.js 框架的，轻量、易用、易上手的中后台「表单 / 表格 / 图表」解决方案。基于协议驱动的方式和 amis 很像。

• faker 6.0发布
  早先 faker 的作者由于不满白嫖发泄情绪，清空了 faker 的源代码，在 colors 项目中故意引入了无限循环，并表示不再免费维护。这两个项目有着巨大的下载量，在社区产生了广泛影响。之后社区接管了这个项目，近日发布了6.0大版本。

编辑：希达