The implementation scheme of numerical rolling effect supports the judgment of visual range

This article was first published in: https://github.com/bigo-frontend/blog/ Welcome to pay attention and reprint. Demand analysis: There are two main points, scrolling and judgment of visual rangeScrolling is to provide a component that receives two parameters from and to. The component changes from digital from to digital to, and the chan ...

Posted on Tue, 21 Sep 2021 23:10:25 -0400 by nike121

Introduction to Web API and DOM object

catalogue 1, Exclusive thinking and getting, setting and removing properties 1. Exclusivity 2. Get the value of the attribute 3. Set the value of the attribute 4. Remove attributes 5. Case: table interlaced color change (get the style by changing the value of this.className)   6. Cases of exclusive thinking   7.tab column swit ...

Posted on Tue, 21 Sep 2021 22:55:36 -0400 by GBS

Front end interview question collection browser, array sorting and de duplication problem

1, Reading guide (meaning of thinking) Confucius said: learning without thinking is lost, thinking without learning is dangerous; So let's think about a few questions today. 🕖 2, Do you really understand browsers? ① Why is there a browser compatibility problem? 👋 Explanation:           & ...

Posted on Tue, 21 Sep 2021 20:04:10 -0400 by Chantal

Bootstrap select drop-down multiple selection box + selected item add radio button group

1, Problem description For the requirements encountered in the work, the drop-down radio box needs to be changed into a drop-down multi box, so the bootstrap select plug-in is used to complete it. This drop-down radio box can be switched to an input box through buttons, and the selected items or input items are added as radio radio buttons ...

Posted on Mon, 20 Sep 2021 04:56:29 -0400 by Dinosoles

(29 messages) flex:1; details

Original address:https://segmentfault.com/q/1010000004080910/a-1020000004121373 For reference only! First, make it clear that flex is the abbreviation of flex-grow, flex-shrink, flex-basis. So its value can be taken into account as follows: The default value for flex is a combination of the above three attribute values. Assuming the sam ...

Posted on Sun, 19 Sep 2021 17:53:09 -0400 by amavadia

flex layout usage

1. What is flex layout? Flex is the abbreviation of flexible Box, which means "elastic layout". It is used to provide maximum flexibility for box model. Any container can be specified as flex layout. Flex layout is also called telescopic layout, elastic layout, telescopic box layout and elastic box layout. 2.flex layout principle? ...

Posted on Sun, 19 Sep 2021 03:56:38 -0400 by icd_lx

Mobile web development -- rem layout and less

1, Basic knowledge 1. em unit em is a relative unit. Its size depends on the font size of the parent element. If there is no parent element, it depends on the font size of the html element. If the font size of the parent element changes, the size of em changes accordingly. 2. rem unit Rem is also a relative unit, similar to em, except that ...

Posted on Sat, 18 Sep 2021 16:25:38 -0400 by weyes1

3, CSS basic styles

1.CSS   Float The Float of CSS will move the elements to the left or right, and the surrounding elements will be rearranged. Other elements after the floating element are displayed around the current floating element. The horizontal floating of the element means that the element can only move left and right, not up and down. A ...

Posted on Sat, 18 Sep 2021 16:19:48 -0400 by varsha

Some characteristics of JS timer and three solutions to avoid setting the timer repeatedly

Some features of JS timer and how to avoid setting the timer repeatedly Overview and summary When each JS timer is generated, it will be assigned an id by the system. This id is a positive integer, and the timer id in a page is not repeated. We can receive this id with a variable. However, if you repeatedly execute a receive create statement, ...

Posted on Sat, 18 Sep 2021 11:26:33 -0400 by tomcurcuruto

CSS basics 11 ~ 15

11. CSS background image The background image property specifies the image to use as the background for the element. By default, the image repeats to cover the entire element. The background image of the page can be set like this: body { background-image: url("paper.gif"); } example This example shows the wrong combination of text and bac ...

Posted on Sat, 18 Sep 2021 06:08:08 -0400 by viper21634