The function of native js to implement jQuery: show() method implementation (3)

Du Niang searches the native js to implement the show of jquery. You will find that most of the answers are el.style.display="block"; At the beginning, I thought it was right, and it was released to the product. After testing, I found that the method was far more complex than I expected. For example, there are two ...

Posted by arkismad on Thu, 30 Apr 2020 02:43:50 -0700

Custom bootstrap table extension -- page to specific page

Bootstrap table is a very good jQuery table plug-in based on bootstrap, but the paging component does not support jumping to the specified page number at the beginning, so I plan to expand it myself. Official source address: https://github.com/wenzhixin/bootstrap-table The following is the extended js code. The key po ...

Posted by ctcp on Thu, 30 Apr 2020 02:00:55 -0700

Create a RazorPagesMovie project based on ASP.NET core 3.1 - Razor page interpretation and update of the built base frame

This section mainly introduces the Razor page created by building the base frame in the previous section, and makes some UI changes. 1, Create, delete, detail and edit pages 1. Double click the Pages/Movies/Index.cshtml.cs file, which is a Razor page model:    1 using System; 2 using System.Collections.Generic; 3 using System.Lin ...

Posted by jolle99 on Sun, 26 Apr 2020 21:02:03 -0700

From (Introduction to ES6 standard) (3rd Edition) (by Ruan Yifeng) classic case - in continuous update

From (Introduction to ES6 standard) (3rd Edition) (by Ruan Yifeng) classic case - in continuous update 1. An example of simulating the return value of next method function makeIterator(array){ var nextIndex = 0; return { next: function(){ return nextIndex < array.length ? {value: array[nextIndex++],done:false} : {value: und ...

Posted by demonicfoetus on Sat, 25 Apr 2020 21:04:40 -0700

Jquery animation effect

Write according to the api document of jquery official website https://www.jq22.com/chm/jquery/index.html  1, Basic effect We want to know better about the following properties: easing https://www.runoob.com/jqueryui/api-easings.html I think it will be clearer here 1.show() shows hidden matching elements. Syntax: show([speed,[easing],[fn]]) sp ...

Posted by nikky_d16 on Wed, 22 Apr 2020 03:54:11 -0700

Spring Boot email and attachments, super practical!

Author: yizhiwazi www.jianshu.com/p/5eb000544dd7 Spring Boot integrated e-mail service is so simple that it can quickly grasp the core logic of e-mail business class and the daily service of enterprise e-mail. What is SMTP? The full name of SMTP is Simple Mail Transfer Protocol, which is a set of specifications used to transfer mail from the ...

Posted by ThinkGeekness on Tue, 21 Apr 2020 02:58:08 -0700

Swiper slide switch picture (can be used for PC end and mobile end)

As a back-end common program ape, don't you want me to play my life with this front-end, so it's easy and simple to use plug-ins, and Swiper is easy to use, right; Scalp numbness, do not like to talk nonsense, I prefer to see the effect directly;   According to Swiper's official documents, it needs to be used in conjunction with JQuery, so J ...

Posted by frankienrg on Sat, 18 Apr 2020 10:30:22 -0700

Pull-up loading of native ajax writes

The idea of pull-up loading Pull up loading is to trigger ajax event request data when the screen is pulled to the bottom 2. All the codes below the height of the document and the height of the scroll to get the height of the screen are compatible and can be used directly Javascript: alert(document.body.clientWidth); //Page visible area ...

Posted by scbookz on Wed, 15 Apr 2020 13:16:56 -0700

About the input type="file" upload image, how to limit the resolution of the uploaded image

In the project, you need to limit the resolution of uploaded pictures and be compatible with all browsers (IE8 and above, Google, Firefox). After searching and thinking, we finally solve the bug, record it and hope to help others.HTML code: <input type="file" name="upload0" class="content" id="content" onChange="handleConFiles(this.files); ...

Posted by uatec on Wed, 15 Apr 2020 08:15:56 -0700

JavaScript development must master skills - better use of jQuery attr method

The previous several articles are all long speeches. It's really a bit hard to read them all at once. Today, I'd like to share a skill of using attr() in development. Maybe we haven't used it like this. It works with the template string module in the ES6 standard. Let's take a look at the template string and its use: // Conventional JavaScript ...

Posted by tomwerner on Tue, 14 Apr 2020 09:25:46 -0700