Simple seamless automatic rotation of native JS

Recently, js has been continuously strengthened and consolidated. After learning jq and vue, I found that many things are actually unknown. Therefore, some of the bottom things I don't understand, in the end, I just use them blindly. I have been using other people's things, which is not very helpful to my growth. Ten thousand feet high rises ri ...

Posted by Ab on Wed, 25 Dec 2019 11:49:47 -0800

js as sliding menu

First of all, let's have an effect picture: Secondly, summarize the following points to be noted: The whole code needs to be written in the window.onload event, because the html element can only be obtained after the page is loaded, otherwise an error will be reported; After the event is registered, the index of lis[i] an ...

Posted by Smifffy on Wed, 25 Dec 2019 11:09:44 -0800

How ExtJs uses custom plug-ins to dynamically save header configuration (hide or show)

In general, we do not need to interact with the background to save the configuration of the header of the list. We can meet the general use requirements (browser support is required) by saving it directly in localStorage. Code directly, plug-in: 1 Ext.define('ux.plugin.ColumnCustom', { 2 alias: 'plugin.columnCustom', 3 xtype: 'colum ...

Posted by titel on Wed, 25 Dec 2019 10:01:06 -0800

Bank input bank card account format based on jquery

jquery bankInput plug-in is used to format and display the bank card. It can control the minimum and maximum number of text box input, control only the number of input, control not paste and cannot use the input method. At the same time, the plug-in can automatically load the format display and support the format display of non ...

Posted by toms on Wed, 25 Dec 2019 07:26:39 -0800

Vue + element El table uses sortable to drag and drop table sort to realize row sort and column sort

Sortable.js is a lightweight JS plug-in for drag and drop sorting lists (although it is small in size, it is powerful)   The requirement of the project is that the table in the element can be dragged and sorted sorttable is used here Sortable.js is a lightweight JS plug-in for drag and drop sorting lists (although it is small in size, it is po ...

Posted by sandingmachine on Tue, 24 Dec 2019 09:36:14 -0800

What techniques can be used to define classes in JavaScript, and what are their trade-offs?

I like to use OOP in large projects that I'm currently working on. I need to create several classes in JavaScript, but if I remember correctly, there are at least two ways to do this. What is grammar and why is it used in this way? I want to avoid using third-party libraries - at least in the first place. In search of other answers, I foun ...

Posted by maGGot_H on Tue, 24 Dec 2019 03:54:44 -0800

Login page under SSM framework, picture verification code, password encryption and comparison database data (2)

The code of the Controller on the login page is as follows: In this process, it is necessary to judge whether the user name exists or not? Is the password incorrect? Is the verification code incorrect? If there are no errors, the page will jump to the login success page. @RequsetMapper("/login.do") public @ResponseBody Map< ...

Posted by jossejf on Mon, 23 Dec 2019 10:37:43 -0800

Directory location and getting project root path

1, Directory location 1. . / is the current directory. 2. / is the parent directory. 3. / is the root directory. The root directory refers to the top directory. It is relative to the subdirectory. Under the same level of directory <link rel="stylesheet" href="css/list_table.css"/> Get parent directory afvVoltage.js ...

Posted by deras on Mon, 23 Dec 2019 09:30:25 -0800

An optimal algorithm for accurately merging cells in the front end

First, let's show the vertical merge effect, then continue! To achieve the effect of precise merging, we can not only judge whether the value of each td in the nth column is equal or not, but also judge whether the value of each td in the first n-1 column is equal or not. The algorithm is a bit complex. In order to reduce t ...

Posted by nubby on Sun, 22 Dec 2019 12:05:48 -0800

Browser open new window blocked

1. window.open() method and submit method of form form form The user needs to click the event to trigger, write it directly in the click event, and it is not blocked <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scal ...

Posted by ragedigital on Sun, 22 Dec 2019 11:29:39 -0800