Programmer Think

Remember that my last article achieved picture-responsive sliding, and if you don't know how to make pictures appear in the center of the ultra-wide screen, and you don't know how to make pictures respond (specifically for mobile), you can continue to read this article I wrote. Hit here hard So for the mobile side, how to achieve the effect o ...

Sometimes, when doing static pages, we need to use pagination. Of course, in most cases, pagination is done in the background. When users request data, we will talk about the advantages and disadvantages of the two later. Therefore, we call it pseudo-paging here. This paging is divided into four parts, the first is the page layout. In order ...

1. Vertical alignment If you use CSS, you will be confused: how do I align elements in the container vertically? Now, using CSS3 Transform, you can gracefully solve this puzzle: .verticalcenter{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) ...

Windows object Windows objects not only act as global scopes, but also represent browser window s. Windows objects have dual roles: they are not only an interface for accessing browser window s through js, but also a Global object specified by ECMAScript. All variables and functions declared in the global scope become attributes and met ...

There are many cross-browser pits in operating DOM for js. It took me nearly a week to sort out these pits. I will sort out the pits according to the examples. The working mode of DOM is to load the static content of documents first and refresh them dynamically. Dynamic refresh does not affect the static content of documents. PS: All DO ...

Face recognition Founded in 2012, Face++ is a technology company focused on image recognition and in-depth learning. At present, Ali, 360, Weibo, Momo, Meitou, Camera 360, Magic Man, Jiayuan, Lenovo and other large image, social and equipment enterprises have become Face++ users, covering more than 40 million active devices. I. Registered A ...

function Definition of function <script> /* Define a function function Function name () { code block } Requirement 1: Write a function to add 1 to 100 */ function sum(){ var num = 0; for(i=1;i<=100;i++){ num += i; } console.log(num); } /* Call ...

1. variable Less's variable name starts with the @ symbol: @mainColor: #0982c1; @siteWidth: 1024px; @borderStyle: dotted; body { color: @mainColor; border: 1px @borderStyle @mainColor; max-width: @siteWidth; } The preprocessor will eventually produce the same result: body { color: #0982c1; border: 1px ...

In JavaScript learning, we often encounter JavaScript event mechanisms, such as event binding, event monitoring, event delegation (event broker), and so on. What do these nouns mean and what do they do? Event binding To make JavaScript responsive to user actions, you first need to bind event handlers to DOM elements. The so-called event handl ...

1. Reference jQuery correctly Try to introduce jQuery before the end of the body, not in the head. Introduce jQuery with a third-party CDN, and be aware that when problems arise with using a third-party CDN, local jQuery files should be introduced. If a script file is introduced before </body>, you do not need to write document.read bec ...