weekly
第 112 期 01/30 History of Web Browser Engines from 1990 until today
Source: 一图读懂《2023 年大淘宝 Web 端技术概览》
技术热闻
History of Web Browser Engines from 1990 until today
We’re now well into the “fourth era of dominance”. The loss of browser diversity since the rise of Chromium has been greatly lamented. Below you can find a graph that shows the historical and present browser engines (not browsers, but the HTML rendering engines), as well as from when to when they were developed.
CodePens 2022 GSAP 版本
大前端
CSS
Line heights in CSS work better with ratios
line heihgt and ratio-based line height. Setting very specific values may feel like you’re in more control, but you’re actually rescinding control by introducing fragility in the form of overly-specific CSS.
The truth about CSS selector performance
The case study showed that improving certain CSS selectors can lead to important performance gains. It’s key to remember, however, that this will depend on your particular use case.
2022 was a massive year for CSS. I’m thankful for what we’ve gotten, but I don’t want to stop dreaming. I have no idea what’s in store for Interop 2023, but here’s my Top 5 short list of CSS features I want based on the work I do on a daily basis.
JS
Deep Cloning Objects in JavaScript, the Modern Way
It’s been a long time coming, but we finally now have structuredClone to make deep cloning objects in JavaScript a breeze.
Scrollend, a new JavaScript event
Before the scrollend event, there was no reliable way to detect that a scroll was complete. Delete your timeout functions and shake off their bugs, here’s the event you really need: scrollend.
Socket.Io Vs. Pusher – A Comparison
Socket.io and Pusher are packages that help you utilize real-time communications, and in this article, we’ll compare them, showing pros, cons, and usage. This competition has no true winner because both Pusher and Socket.io have benefits and drawbacks, and the best choice will depend on your programming experience as well as the goals and requirements of your project.
SVG
6 Common SVG Fails (and How to Fix Them)
Some tips help save you a ton of time if you find yourself troubleshooting improperly rendered inline SVGs.
SSSVG — Interactive SVG Reference
Here’s an interactive reference to the most popular and/or interesting parts of the SVG spec.
Flutter
Flutter Forward 作为一场 Flutter 的突破性发布会，事实上 Flutter 3.7 在大会前已经发布 ，所以本次大会更多是介绍未来的可能，核心集中于 come on soon 的支持
Performance
Optimizing The Image Element LCP
In this article, Eloïse Martin provides an overview of the best practices for the integration and optimization of an LCP image.
Learn how to optimize for the Time to First Byte metric.
From a purely performance-facing point of view, document.write() itself isn’t that special or unique.
Release
Astro 2.0 is the first major web framework to deliver complete type-safety for Markdown and MDX.
Announcing TypeScript 5.0 Beta
Today we’re excited to announce our beta release of TypeScript 5.0! TypeScript 5.0 is shaping up to be a great release.
设计
本文对数字车钥匙领域常见的无感入车技术进行介绍，主要包括行业现状、技术发展方向以及IIFAA团队在探索中遇到的问题和相应的解决思路。
20 years of Safari: A visual history
Throughout Safari’s two-decade history, Apple consistently stuck to one simple philosophy while engineering its browser: It’s never allowed to get slower. Every new feature, every change, needs to make Safari faster. Slower is simply unacceptable.
「年度报告」应如何「报告」？数据是一堆绝对客观的图表，但人是无数情绪组成的感性动物。所以，我们挖掘数字背后的社交动机，视角与场景同步由广及细，一点点挖掘出人们交往背后的细微变化，将用户社交行为，转化成一场温暖的心灵旅程。
发现
一图读懂系列，文章中一图整理了 2023 大淘宝 Web 端技术概览。
Hundreds of games written in C, C#, C++, Go, Java(Script), Kotlin, Lua, and more are available to fork, play in your browser, and/or download for your favorite operating system. Here are the winners along with some of the other top games as rated and reviewed by the participants themselves.
欢迎加入，一起共建「技术周刊」