Dandelion JELLY Technology Weekly Vol.16

Google’s first ever Online Google Web Developers Conference was held recently, with a range of features or products like Web Vitals, PWA, DevTools, and Lighthouse 6.0 providing a dazzling new experience. The conference also shared a lot of dry stuff online, including performance optimization, packaging and building, which is sure to make you gain a lot.

High overlook

The height of the sky, feel the universe is infinite

Basic technology

Google launches its first online Web developer conference

Earlier this month, Google held its first online Web Developer conference (web.dev/live), sharing best practices on optimizing core Web metrics, Cookie privacy and security, build tools and packaging optimizations, Chrome DevTools improvements and more in the form of online videos.

Modern Web programming is simple

React, Redux, Node.js, MongoDB, GraphQL, TypeScript, etc. Use ReactJS and Node.js to develop REST apis. Build your own Single Page Application.

The front frame

What is the performance cost of using inline functions in React?

We’ve always been told that using inline functions like onClick={() => {/* XXX */}} reduces performance and is bad. But have you thought about exactly how much? Matthew Gerstman wanted to know exactly how big the effect was, so he tested it. It is found that although the inline function has a performance loss, the loss is almost negligible.

Graphics programming

The story behind alipay App 3D animation and mini games

3D animation and games have always been difficult in the front-end field. Since the launch of AR red envelope in the Spring Festival of 2017, Alipay App has been exploring and practicing in the field of Web3D. This paper introduces alipay business line from the launch of AR red envelope in 2017, the attempt on Web3D. Through the development of R3 rendering engine from 0, down to the browser level for Web3D compatibility and other efforts, the creation of “Star Ball” and other successful marketing scheme of Web3D games. In this process, the team also made many attempts in “technology implementation, business exploration and cost reduction”. At the end of this paper, the shortcomings of Web3D are analyzed, and the future development prospect is speculated based on the technology trend, which is worth thinking about.

Chinese team creates 3D wristband, let VR farewell gamepad

Recently, A Chinese professor at Cornell University led Chinese undergraduate students to reconstruct more than 20 joints of the finger bone in 3D by using infrared finger imaging and deep neural network. The technology will have a wide range of applications in VR, sign language translation, human-computer interaction and other directions.

When native cloud games meet interactive live streaming

On July 22, Yunlu Technology cloud game interactive live sharing meeting, Yunlu Technology CEO Wen Xiangdong in the live analysis of the current game developers encountered difficulties, and for these difficulties put forward “into the game cloud game” solution. Start with lightweight games and form a committee to support native cloud games from all sides.

Artificial intelligence (ai)

Visual convolutional neural network interpreter

CNN (convolutional Neural network) is a concept that will be learned in the process of learning AI. However, understanding how CNN works requires a lot of professional knowledge, and Xiao Bai has to treat it as a black box when using it. The visual interpreter, developed by Georgia Tech’s Dr. China, disassembles CNN step by step and provides graphical explanations by clicking on different MODULES of CNN to show how to identify pictures and objects.

The sea gleanings

The sea, product kuibu and thousands of miles

Taro H5 – Top of Armageddon performance

Do you choose Taro H5 if you only need the Web? You may have your own answer, but in many cases, Taro H5 has achieved many optimizations for many developers. It may not be perfect, but thanks to the contributions of many developers in the community, Taro H5 has become a complete solution in many aspects of performance. Listen to Xiaoli, first author of Taro H5.

Jingdong PC home page – the iterative road of e-commerce portal

Mentioning portal website is an ancient topic, but there are still many problems we need to consider if we want to do it well. E-commerce portal is a very important link, and all kinds of optimization and experience need to be done to the utmost. So for JINGdong, want to adapt to the current front-end development environment, the revision of their portal home page, need to pay attention to what?

“Dandelion” magazine, updated weekly, we focus on mining “basic technology, engineering, cross-end framework technology, graphics programming, server development, desktop development, artificial intelligence, design philosophy, front-end framework” and other general direction of the industry hot issues, and professional interpretation; Not only that, we will also recommend the selection of concave and convex technology articles, to show you the research direction of the team.

Look up, dandelion seeds will take root and germinate, such as summer flowers gorgeous; Ge Ge Zhi zhi, we climb to overlook, the sea gleaned, in order to product silicon step to thousands of miles.

Dandelion JELLY Technology Weekly contribution Guide

Welcome to the bump Lab blog: AOtu.io

Or pay attention to the bump Laboratory public account (AOTULabs), push the article from time to time: