Programmer Group

Background: The scrollTop of div needs to be changed in the process of doing the project a few days ago, requiring the movement process to be similar to IOS Webview visual area ceiling animation, first fast and then slow. Analysis: css can't set offsetTop. JS needs to change offsetTop dynamically. Faster and slower animation means that scrollT ...

Preface In ZooKeeper Actual-Distributed Queue, we wrote about how to implement a distributed queue through ZooKeeper's persistent sequential nodes. In this article, we will write a distributed lock implemented by ZooKeeper. Design Refer to the concurrent programming of JUC-locks-ReentrantLock, which was learned before, to implement the jav ...

1. Description of ThreadPoolExecutor parameters public ThreadPoolExecutor(int corePoolSize, int maximumPoolSize, long keepAliveTime, TimeUnit unit, BlockingQueue<Runnable> workQueue, Thr ...

introduce In css2, there are box models in standard mode and weird box models in IE. These two schemes represent a rendering mode of box model. In css3, a new elastic box model is added, and the elastic box model is a new powerful and flexible layout scheme. Elastic box model is a new layout scheme prop ...

Preface In our practical work, we often encounter the insertion of thousands or even tens of thousands of data into a page. Obviously, if we render tens of thousands of data at the same time, the page will definitely get stuck. At this time, we nee ...

Preface The rendering principle of browser is a required course for every front-end development engineer, and there are many articles on the network, but most just tell you that browser behaves like this, and there is no intuitive understanding, w ...

Four Ways to Create Objects The first way is through the object literal quantity representation (also known as direct quantity, original way). object literals Mode 2: Through new and constructor Object(), String(), etc. Mode 3: Initialize new object ...

First, why use multithreading: Today's computers are multi-core, that is, they can handle multiple tasks at the same time and start multi-process, so using multi-threading can effectively utilize cpu resources and improve work efficiency. 2. Th ...

Mouse events Triggered when the mouse clicks the left button and the mouse is raised var oBox = document.getElementById('box'); oBox.onclick = function(){//DOM0 level events console.log('I was clicked.'); }; Right mouse ...

Preface Vertical centering is a common topic in CSS and is often mentioned during interviews.So today, let's talk about nine different ways of centering. Common flex, transform, absolute, and so on.There are also grid layouts for CSS3.There are also pseudo element methods, yes, you can read them correctly:: after and:: before can also achieve c ...