ZooTeam Front-end Weekly | Issue 120

For more past issues, please visit: weekly.zoo.team

  1. 2020 front-end female coders who just want to make money

This year, by contrast, the waves are flat.

  1. Let the data speak for itself! Research and development improvement after using “Design draft intelligent generation code IMGCook”!

According to incomplete statistics, taobao Tmall only structures, class module in the new incremental above 1 w, page increment of 100 w, these product pages mind different UI visual variety, different business nature lead to different business logic, a large number of modules is difficult to reuse, the front end of the need to invest a lot of manpower to develop, the front-end business pressure is very big. In order to solve this dilemma, in 2017, we developed the ability to…

  1. 10 minutes to teach you how to make beautiful animations in SVG! – SegmentFault think no

I often see heroes doing incredible animations in SVG on Codepen, and I always wonder how they work. I always think it takes a thorough understanding of SVG and drawing the SVG patterns myself to make it work.

  1. Use Vue to write a few games to play

When the bird successfully flies over the pipe, record the isCross field of the current pipe, which has been passed by the bird.

  1. Prepare for 2021: Vite2 best practices

Vite1 is not available yet, Vite2 has been updated with a new plugin architecture, a silky development experience, and a perfect combination of Vue3. In the first round of 2021, the village head plans to open the front end learning journey with Vite2+Vue3 as the theme. The main change in Vite2 is the plugin architecture, which is more standardized and extensible. The Vite2 plugin API extends from the Rollup plugin architecture.

  1. What a fight! Multi-terminal unified framework which is better?

Hi, I’m Hub and it’s time to share. In this episode we’re going to talk about multi-faceted unified frameworks. At present, the shape of the upper end of the market is diverse, Web, App, micro channel small programs and other end of the popular, when the business requirements at the same time in different end are required to show, for different end to write more…

  1. Taro’s architecture design for multi-terminal unified development solutions

With the popularity of small program development, the framework of small program development is emerging one after another. But now every applets development framework has a DSL tied to it, such as the React or Vue classes. Within a framework, developers cannot freely choose DSLS based on the team’s technology stack, nor can they share the ecosystem and tools of the framework itself. The Taro framework enables developers to use any popular framework/syntax /DSL to write applets while reusing related ecosystems. It will be on December 20 ~ 2

  1. Five implementations of the longest palindromes

Given a string, what are the ideas for finding the longest substring of its context? “Adaiziguizhongrenenrgnohziugiziadb”, for example, back to the text string of a lot of, but the longest is “daiziguizhongrenenrgnohziugiziad”. 1. In the violence method, the outer two loops find all substrings, and the third loop determines whether the substring is palindrome. The time complexity of the method is O(n^3) and the space complexity is O(1). Code implementation:

  1. Crossover! Omi released a multi-terminal unified framework Omip to get through applets and the Web

Omi framework is the next generation front-end framework developed by the R&D department of wechat Payment line. It is a componentalized framework designed based on Web Components specifications. It can develop PC Web, mobile TERMINAL H5, or directly…

  1. Build super Mario Games based on native JS

This article will walk you through a different Super Mario Game. The small black squares represent the player, whose task is to collect all the gold in the level while avoiding the lava. When the last gold coin is collected, the level is passed. Players use the keyboard up, down, left, right…