weekly

第 47 期 09/20 How open source software powers modern filmmaking

技术热闻

Benchmarking Edge Network Performance: Akamai, Cloudflare, Amazon CloudFront, Fastly, and Google

We recently ran a measurement experiment where we used Real User Measurement (RUM) data from the standard browser API to test the performance of Cloudflare and others in real-world conditions across the globe. In this blog post I’ll describe how that measurement worked and what the results are.

How open source software powers modern filmmaking

Software is core to modern filmmaking, from animation and visual effects to editing and post-production.

Flutter: What’s next on the Web?

Our priorities for upcoming releases, focusing on performance, developer experience and web integration. This article provides more detail into our roadmap and the work planned for each priority.

Benefits of containerization

In this article, we will explore what containerization is and how it can make testing and deploying your applications faster and more efficient.

Streamlining a React Monorepo

Whether you have a single application or a suite of applications, code reuse, standards around structure, process, and feature development help to ensure your codebase remains healthy in the long term. This guide walks through some of the tooling provided by Nx, the creation, and structure of an Nx workspace, with an example to follow along with.

大前端

借助HTML ping属性实现数据上报

对于 链接元素,存在一个很多人不知道的属性—— ping 属性,只要设置了 ping 属性,用户点击此链接元素的时候,浏览器就会自动发送一个 POST 请求给 ping 属性值地址。

My pain building a WYSIWYG editor with contenteditable

The default behavior in contenteditable is not fun. I’m creating an open-source version of a new editor - one that I would build after getting all this experience and knowledge from working with the editor at Answerly.

Infinite Scrolling in Vue using the Vue Intersection Observer API

In a Vue web application, sometimes we fetch so much data from an API we cannot display on our site at once, because of performance issues, instead, we want to display them in chunks. The Vue Intersection Observer API is an alternative that lets us observe changes in an intersection of a target element and an ancestor element.

Improve mobile UI with React Native safe-area-context

When building a mobile application, a developer must repeatedly ensure that the content is rendered correctly on different types of screens. In this tutorial, we’ll use safe-area-context to position webpage content around irregular figures in a mobile application, for example, status bars, home indicators, and notches.

Using Recoil instead of Redux For State Management In React Applications

In this article, we learned what Recoil is, why use it, and how to use it instead of Redux by building an anime-quote-generator app using Recoil for state management.

A Visual Guide to React Rendering - DOM

There are a lot of ways to cause unnecessary re-renders in React. But what does unnecessary re-render mean? Does it mean that the browser re-renders the piece of UI associated with a component?

ChowJS: an AOT JavaScript engine for game consoles

Recently, we have been working on getting a large JavaScript game to run on game consoles. To make that happen, we made use of ChowJS, our ahead-of-time JavaScript compiler and runtime which can target game consoles.

The Future of CSS: Cascade Layers (CSS @layer)

When writing CSS, we developers have to carefully think about how we write and structure our code. To regain control over the Cascade in those situations there’s a new CSS Language Feature coming to help us: Cascade Layers (CSS @layer).

行业资讯

橙心优选大撤退,社区团购的“菜篮子”还值得惦记吗?

在去年疫情的催化下,互联网巨头纷纷下场角逐社区团购生意。万万没想到,曾放下“投入不设上限,全力拿下市场第一名”的橙心优选,不仅被滴滴剥离,眼下又陷入了困境。随之迎来的,还有行业新一轮的洗牌。

产品经理跌下神坛

如今,互联网红利消退,平台型机会不再,“抖音之后再无创新型App”的论调声起,产品经理不再被神话。而内卷加重,更是让产品经理这个职位并不是人们想象中的那么好做。作为产品人的他们,对于如今所扮演产品经理这一角色也有着不同的看法。基于此,我们也访问了不同经历的产品人,透过他们,观察产品经理在互联网职场的现状。

月饼,年轻人的新负担

中秋送月饼,送的是福利还是负担?

微信单聊能打开淘宝了,腾讯阿里互开了一道门缝

来自微信的外链调整声明,打响了中国互联网巨头为互联互通开启整改的第一枪。

“端点”获得6亿元B轮融资

本轮所募集资金将用于PaaS平台建设、产品SaaS化改进、产品线扩充及团队扩张。据介绍,端点为企业的核心业务提供全链路产品和服务,同时帮助企业搭建基础数字平台。

扒了上万条数据,我们找到了最适合去环球影城的日子

我们以上海迪士尼为参考样本,查阅 Queue Times 网站整理的历年上海迪士尼乐园每日拥挤程度数据,获取到主题乐园的排队秘诀。

设计

Improve your mental health experience — a UI/UX case study

In this case study, I am going to share the design process & the decisions we made while enhancing the mental health experience.

Complete healthcare solutions through Deep learning — UX/UI Case study

发现

nx

Smart, Extensible Build Framework

dotto.x

A tiny state manager for React, Svelte, Vue and vanilla JS

The ReadME Project: A look back at the community stories that shape us

Through these stories you, the community, have shown the best of who we are and what we can all strive to be.

Google Docs will now use canvas based rendering: this may impact some Chrome extensions

Chrome is the new Safari. And so are Edge and Firefox.

You may not realise that all browsers on iOS are required to use the same rendering engine as Safari. On other platforms, this is not the case.

更多

技术周报 · 谈谈我这些年对前端框架的理解

奇舞周刊第 415 期:TypeScript 是如何工作的

科技爱好者周刊(第 176 期):中国法院承认 GPL 吗?

Frontend Weekly Digest #227 (13–19 September 2021)

image.png

欢迎加入,一起共建「前端周刊」