ZooTeam Front-end Weekly | Issue 111

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

  1. Based on Vue’s front-end architecture, I made these 15 points

Considering the technology stack of subsequent recruitment and existing staff, Vue was chosen as the framework.

The company’s main business is GIS and BIM, and usually develops some medium and large systems, so VUE-Router and VUEX are essential.

Abandoned the Element UI in favor of Ant Design Vue.

Tool library select LoDash.

  1. React Portals and their use cases

ReactPortal is an excellent way to render child components into DOM nodes outside the parent DOM hierarchy defined by the component tree hierarchy. The most common use case for Portal is when a child component needs to be visually detached from the parent container, as shown below. The hover card loader can create a Portal using reactdom.createPortal (child,container).

  1. Zhao Bing: How to build cloud native applications faster: CloudBase Framework cloud native integration practice

On November 29, 2020, Tencent 2020 “Small program · Cloud Development” Technology Summit was successfully held in Beijing. The theme of the summit is “Redefining Development”, focusing on the innovative achievements and practical cases of small program cloud development. The following is Tencent Cloud senior front-end development engineer Zhao Bing’s speech transcript: Hello, everyone, I am Zhao Bing from Tencent Cloud development team. Today, I will share with you how to build cloud native application CloudBaseFramework cloud native integration practice. First of all, I would like to introduce myself

  1. Discussion on front-end Watermarking from cracking a Design Website

Recently, when writing the public account, I often do the first picture by myself, and gradually found that I was addicted to making the first picture, and felt that the flat design was really nice. Slowly, I came up with the idea of making my own graph generator.

  1. Axios interceptor interface configuration and use

One: What is the Axios interceptor and why do you use it? In vUE projects, we often use AXIos, a promise-based wrapper library, for data interaction with the background.

  1. Issue 2133: How to set up a “Traceless burying point” system?

Let’s take a look at the traceless burying point of smart graffiti

  1. 20 Commonly used JavaScript shorthand tips

The shorthand tricks of any programming language can help you write more concise code and achieve your goals with less code. Let’s take a look at JavaScript shorthand techniques one by one.

  1. Get inspired to write CSS on GitHub!

Here are 10 of the most popular CSS projects on GitHub. I hope you’ll find some inspiration to write CSS.

  1. What you see is what you get on the Electron desktop – The Electron trainee

If the leader suddenly said he needed to develop a front-end desktop application, it would be a natural thing for our front-end ER to choose Electron. But in fact, many students are not familiar with Electron.

  1. “Navigation rendering flow” Do you really know what happens from entering the URL to displaying the page? (With mind map)

Through this article, when you are asked what happened from URL input to page display, you can basically answer the question fluently, and you can even say in depth, when it comes to the interviewer closed mai hahaha ~