The front end should be responsible for the user experience

The editors recommend

Zhang Xinxu: Front-end engineers should be responsible for user experience

User experience will be the core competitiveness of enterprises in the future, but at present, many new generation front end relatively lack the awareness of user experience, why? How to solve? GMTC Global Big front-end Technology Conference invited zhang Xinxu, a well-known CSS expert and front-end technology expert of China Literature Group, to share the theme of “The dilemma of user experience and breaking the Situation”. For more than ten years, he has been working in the front line, for user experience has a lot of experience, this is the transcript of the speech.

visualization

Introduction to 3D Visualization: Principles and practices of rendering pipelines

The rendering pipeline generally refers only to the rendering process of 3D polygon rendering, unlike, for example, Ray Tracing. Ray tracing is based on the principle of light path reversibility, which emits light from the viewpoint. When it hits the surface of the object, the corresponding color and light intensity are calculated according to the surface material, and reflection and refraction are continued to be calculated. Finally, the light source or no contribution point is traced back. 3D polygon rendering, on the other hand, emits light from the object and eventually falls onto the viewpoint.

The principle of fast Gaussian fuzzy algorithm and webGL engineering implementation

This article mainly talks about, how to carry on gaussian blur to a picture, and how to reduce gaussian blur algorithm calculation. In addition, in the front-end image rendering, webGL can make full use of GPU for calculation and rendering, which can accelerate the effect. This paper will also introduce how to achieve fast Gaussian blur using WebGL on the basis of fast Gaussian blur algorithm.

Advanced exploration

What are the key developments for the Web in 2021?

The ANNUAL W3C Global Technology Conference (TPAC 2021) was held in October, and they released their October HIGHLIGHTS of W3C work. This report summarizes some of the key developments on the Web since April of this year, and I’ve picked out a few that interest me.

On its way to becoming the React Native default JS engine

This article highlights some of the most exciting things we’ve done over the past two years to make Hermes the best JavaScript engine in React Native. Going forward, we are confident that with further improvements, Hermes will become the default JavaScript engine for React Native on all platforms.

Design and implementation of Node.js processes, thread debugging and diagnostics

Node.js, about process, thread debugging, and diagnostics. In addition, this article introduces non-intrusive solutions to business code. Opening the Inspector port through the command line or opening the port through the Inspector module in the code is not applicable in many scenarios. What we need is a dynamic control capability.

Foreign language selection

WebGPU computations performance in comparison to WebGL

In comparison to WebGL, WebGPU promises better performance and better compatibility with modern hardware, but the most recognizable feature of WebGPU is a special API for performing computations on GPU.

Roadmap for React JS 2022

Now we’ll take a look at React developer roadmap that will guide you through your journey from being a novice developer to a skilled plus experienced developer over time.

Top 5 CSS Mistakes To Avoid

There’s a lot of misshanging and wrong Performing of CSS. Those can turn CSS markup into complicated unreadable and unscalable code.

React 18 – What’s New and How it Will Benefit Developers

In React18, it is moving to a functional paradigm where data is immutable. This will require some changes for developers but it should improve the performance and functionality of your applications.

Practice & Application

Introduce you to Node

This article introduces Node from the purpose of creation, language selection, features, module mechanism and NPM package management mechanism, and explains asynchronous I/O, event-driven and high-performance server and other related knowledge, can let you have a new understanding of Node!

Front-end architect game-breaking skills, NodeJS landing WebSocket practice

This paper introduces the implementation of WebSocket in Node.js in detail from the aspects of network protocol, technical background, security and production application.

How to do front-end unit testing

For today’s front-end engineering, a standard complete project, unit testing is often necessary. But a lot of times we just finish the project and ignore the project testing.

Web Accessibility – The ability to open a window into the Web world for the less fortunate

Web Accessibility refers to easy access to the Web by all users, including people with disabilities. When we say that our site is Accessible, then it should be Accessible to all users, which means doing some extra processing for the experience of people with disabilities.