Front end daily combat work No. 175: Yin and Yang patterns drawn in pure CSS

Yin and Yang is a simple and broad concept of ancient Chinese philosophy. It is difficult to form whether they are born or not, long and short, and high and low. This is the binary invented by our great ancestors, so programmers should learn and understand it more. Effect preview Press the "click preview" button on the right to previ ...

Posted by ringartdesign on Thu, 12 May 2022 21:30:13 +0300

Redux thunk principle and source code analysis of Redux asynchronous solution

Some time ago, we wrote an article Redux source code analysis article , also This paper analyzes the source code implementation of the library React Redux connected with React . However, there is a very important part not involved in the ecology of Redux, that is, the asynchronous solution of redux. This article will explain the asynchronous s ...

Posted by silvio on Thu, 12 May 2022 13:08:56 +0300

Tab switching and several ways of caching page processing

preface I believe that tab switching is not unfamiliar to everyone. It is often used in the background management system. If you don't know, you can take a look at the tab switching at the top of the browser. The effect is probably like this.   1. How to switch Using dynamic components, I believe everyone can understand (some codes are omitted) ...

Posted by rehfeld on Thu, 12 May 2022 06:27:11 +0300

Learn how to write function overloading in TypeScript

Author: dmitripavlutinTranslator: front end XiaozhiSource: dmitripavlutinThere are dreams and dry goods. Wechat search [Daqian world] pays attention to this dish washing wisdom who is still washing dishes in the early morning.This article GitHub https://github.com/qq449245884/xiaozhi It has been included. There are complete test sites, materia ...

Posted by pipeten on Thu, 12 May 2022 02:36:39 +0300

CSS3 simple smashing golden egg style

Implementation style: 1. After the mouse is moved in, the mouse style icon changes to "hammer". 2. Users smash golden eggs, and the hammer simply raises the effect. 3. Smash the golden egg and display the content.   Analysis implementation steps: 1. Insert a golden egg into html Find a static picture or a dynamic picture with some eff ...

Posted by thines on Wed, 11 May 2022 21:01:47 +0300

Download excel stream file and set download file name in vue

Following the previous article, there are import and export requirements. excel files are required to be exported. When you click download template or download feedback results, axios initiates a back-end interface request, and the returned data is garbled when obtaining the response, as shown in the figure: Several treatment methods are summa ...

Posted by drunkencelt on Wed, 11 May 2022 19:24:37 +0300

Implementation of Minix and decorator in JS

Minix and trimmer Mixin Mixin is a common design pattern in object-oriented language, which is usually called composition. An intermediate inheritance object is usually used in js. Object a has function a, and Object C needs to inherit from object a and add x function, Solution 1: we can use C to inherit from A, and then define x function on C. ...

Posted by dinosoup on Wed, 11 May 2022 12:38:44 +0300

Implementation of loading massive data on html page

subject The array of 10w records is rendered to the page at one time. How to deal with it without freezing the UI?     Concretization There is an empty unordered list node ul on the page, whose id is list with big data. Now it is necessary to insert 10w li into the list. The text content of each list item can be defined by itself, and it ...

Posted by tomhoad on Wed, 11 May 2022 08:46:56 +0300

Package. In npm JSON exploration

npm package.json exploration Write in front npm has been used for so long, but I haven't explored it. Today, I'll explore it reference material http://nodejs.cn/learn/the-package-json-guide Main article file structure For applications, package There are no fixed requirements for the content in the JSON file. The only requirement is that ...

Posted by shahansudu on Wed, 11 May 2022 06:18:16 +0300

Vue awesome swiper --- realization of linkage effect between mobile h5 swiper and tab bar options

A long time ago, when making a small program, there was a linkage effect similar to the card rotation and price tab column in the daily youxianli stored value card recharge interface. At that time, I felt that freshness was not taken seriously after it was made. Until today, I have encountered a similar function, so I want to sum up experience. ...

Posted by jennyp on Wed, 11 May 2022 04:08:12 +0300