首页
学习
活动
专区
工具
TVP
发布

前端技术观察第23期

《前端技术观察》是由字节跳动IES前端团队收集、整理、推荐的业界高品质前端资源合集,主要分为以下几个板块:

  • Highlights
    • 优秀的工具、库
    • 好的教程、深度解读已有技术的文章
    • 业界最新的技术、热点文章
    • 业界对(新)技术的深度地、优秀地实践
    • Tutorial
    • Tools And Codes

《前端技术观察》的目的是让大家:

  • 更及时的了解到业界最新的技术
    • 受益于高质量的教程、文章
    • 了解业界更优秀的代码、工具
    • 更多地、氛围更浓厚地讨论、研究、落地技术

highlights

75行代码告诉你WebGL的本质(英)

WebGL非常令人生畏,但这这篇文章把它总结为几个基本要点。而且,如果你想走得更远,我认为这份详尽的指南是最好的指南之一。

https://frontendfoc.us/link/91813/web

Javascript的预测编译(英)

这是一篇关于预测编译以及它是怎么使得动态语言(如JS)运行的比以往更快的技术文章。你需要一些编译工作原理方面的经验,但是如果您想知道现代的JavaScript VM如何如此快速地运行JavaScript,这篇文章是很棒的资源

https://javascriptweekly.com/link/92837/web

Flutter 1.20 中悄然带来的 null safety(英)

对于 Dart 团队而言今天是 null safety 技术预览的一个重要里程碑,null safety 可以帮助开发者避免一些日常开发中很难被发现的错误,并且额外的好处是可以改善性能,现在 null safety 的早期技术预览已经发布

https://medium.com/dartlang/announcing-sound-null-safety-defd2216a6f3

从 TypeScript 迁移到 Rust & WebAssembly(英)

如果你的项目想从 TypeScript 迁移到 Rust & WebAssembly 以获得更好的性能,这篇文章可能会对你有所启发

https://javascriptweekly.com/link/91746/web

将Three.js WebXR应用程序移出主线程的案例研究(英)

本文通过非主线程架构来提高 WebXR 应用程序的性能,并附带了相关的演示视频,对于希望提升 WebXR 应用程序的开发者,本文值得一读

https://javascriptweekly.com/link/91744/web

WebP 真的比 JPEG 更好么

作者通过一些测试证明 WebP 在某些环境下可能并不是最好的选择,并且给出了我们应该在什么时候使用 WebP 的最佳实践

https://frontendfoc.us/link/90746/web

运用蝉原理重新审视 CSS 的变化

蝉原理的想法是,在使用质数创建重复的图案,背景等时,可以增加有机随机性的外观。Lea展示了她如何使用现代方法来实现这一想法,从而以视觉上引人注目的方式格式化代码示例。

https://frontendfoc.us/link/91793/web

tutorial

在React中创建一个SVG组件(英)

SVG基于XML存储图像,可以像HTML一样通过编程方式对其进行操作。它是量身定制的,可以整合到组件中。

https://javascriptweekly.com/link/92117/web

在web上大规模生成UUID(英)

你能相信每个浏览器都可以用来大规模生成全局唯一标识符吗?这听起来很无聊,但是在技术上比你最初想象的要有趣的多!

https://javascriptweekly.com/link/92116/web

我最喜欢的Javascript小技巧(英)

A real grab bag of bits and pieces.

https://javascriptweekly.com/link/92858/web

Svelte中实现懒加载(英)

根据您正在处理的项目或所使用的框架,延迟加载的实现可能会有所不同。在本文中,我将结合使用Intersection Observer API和onLoad事件来通过Svelte框架实现延迟加载图像。https://frontendfoc.us/link/92605/web

tools And codes

'Can I Use'的Beta版本

Can I Use是查看现代浏览器特性兼容的平台的绝佳资源,现在它的重构版本带来了更好的性能、更好的视觉可访问性,更好的URL,dark mode支持以及更多其他新功能

https://frontendfoc.us/link/92578/web

Firefox 79: 共享内存安全、新的开发者工具以及平台更新(英)

本文主要介绍Firefox 79版中更新的重点内容。

https://frontendfoc.us/link/92585/web

tinykeys: 轻量的键盘绑定库(英)

具有非常简单的API,当页面需要实时使用一些特定绑定时可以尝试使用它。

https://javascriptweekly.com/link/92844/web

Ink3: 使用React构建基于JavaScript的CLI工具(英)

如果你喜欢终端,也喜欢React,那么你也会喜欢Ink- 它使你可以在命令行中使用相同的基于组件的UI方法。

https://javascriptweekly.com/link/92859/web

Release: 使用一行简单的命令生成 Changelogs(英)

运行时,此工具会自动使用自上一个版本以来所做的更改(提交)来生成一个新的GitHub版本。

https://javascriptweekly.com/link/92863/web

下一篇
举报
领券