Sort articles by: Date | Most Rates | Most Views | Comments | Alphabet

Use front-end Javascript download file

Author: bamboo06 on 17-06-2020, 16:43, views: 2360

0 There is often a need to export data to Excel during project development, or to download documents. The simplest way to download is to directly request the file address of the server and download the file through the browser http. But in development, due to project requirements, the address of the file you want to download will not be exposed to the user, and authentication is required to allow the download of the file. What should we do at this time?
Use front-end Javascript download file

Category: Javascript

 

NProgress.js-page loading progress bar

Author: bamboo06 on 9-06-2020, 20:54, views: 3318

0 NProgress.js provides a page loading progress bar effect. When the page opens and loads, a progress bar loading animation will appear at the top of the page. NProgress.js is a lightweight progress bar component that is easy to use and can be easily integrated into single-page applications.
NProgress.js-page loading progress bar

Directly quote the nprogress.js and nprogress.css files to your page.

Category: Javascript / Plugins

 

Using fetch for asynchronous requests in JavaScript

Author: bamboo06 on 1-04-2020, 19:14, views: 2051

0 In the AJAX era, network requests such as APIs are made through XMLHttpRequest or encapsulated frameworks. The fetch framework now produced is simply to provide more powerful and efficient network requests. Although there are currently a few browser compatibility issues, when we make some asynchronous requests, we can use fetch to make perfect network requests.
Using fetch for asynchronous requests in JavaScript

Category: Javascript

 

8 common pitfalls in JavaScript

Author: bamboo06 on 1-04-2020, 19:02, views: 2002

1 javascript uses alphanumeric to sort by default. Therefore, the result of [1,2,5,10] .sort () is [1, 10, 2, 5]. If you want to sort correctly, you should do this: [1,2,5,10] .sort ((a, b) => a-b)
8 common pitfalls in JavaScript

javascript uses alphanumeric to sort by default. So the result of [1,2,5,10] .sort () is [1, 10, 2, 5].

Category: Javascript

 

Pin the HTML5 video player to the bottom right corner of the page when the page scrolls

Author: bamboo06 on 7-04-2019, 01:06, views: 4753

0 On a page with video playback, sometimes we need to scroll the page to view video-related content information, such as profiles, related comments, etc., then when scrolling the page, the video player will leave the window area, this time we can use JS and CSS technology will The player toggle is fixed to the bottom right corner of the page.
Pin the HTML5 video player to the bottom right corner of the page when the page scrolls

Use jquery to detect the scrolling event of the window and switch the videoBox's class class to the appropriate position to hide and appear in the lower right corner.

Category: Javascript / CSS

 

Realize JavaScript image lazy loading by micro library Echo

Author: bamboo06 on 22-02-2019, 15:56, views: 2300

0 Echo.js is a standard stand-alone javascript image lazy loading (lazy loading) library. It is very small and fast, only 2KB. It uses HTML5's data-* attribute to delay the request to load image resources without relying on any third-party plugin libraries. Especially suitable for applications that need to load a large number of pictures on the mobile side.
Realize JavaScript image lazy loading by micro library Echo

Blank.gif is a 1 x 1 image used as the default image. The attribute value of data-echo is the real address of the image. You can set the width and height of the image, or set it in CSS, otherwise it seems that the image at the bottom and bottom is lazy.

Category: Javascript / Plugins

 

Part 2: 10 interesting Javascript and CSS libraries

Author: bamboo06 on 18-02-2019, 23:17, views: 1931

0 We continue to provide the latest front-end javascript and CSS library resources for web enthusiasts. We will share some good front-end resources carefully collected this month, thank you for your continued attention to goocode.
Part 2: 10 interesting Javascript and CSS libraries

Core UI is a Bootstrap4-based UI library for background management templates. It provides a highly customizable solution and control panel, and is very easy to integrate with the current popular front-end frames, such as: AngularJS, Angular 2, React.js , and Vue.js.

Category: Javascript / CSS

 

Use jQuery slide to unlock

Author: bamboo06 on 18-02-2019, 22:41, views: 2993

1 Unlock.js is a jQuery slide unlock plugin. At present, many websites use the verification method of sliding to unlock when a user logs in and registers to prevent malicious attacks. The user needs to slide the specified slider to the specified position in order to pass the verification. Unlock.js can implement this sliding unlock function.
Use jQuery slide to unlock

The unlock.js plugin has the following features:
Slide to unlock.
Size, color, font size, etc. can be customized.
After the unlock is completed, there will be a callback function to trigger further data processing.

Category: Javascript / Plugins

 

10 interesting JavaScript and CSS libraries

Author: bamboo06 on 17-02-2019, 02:50, views: 2440

0 Here I have compiled a few fresh and better javascript and CSS libraries to learn about the latest and coolest front-end technology, and I hope to help us.
10 interesting JavaScript and CSS libraries

Whitestorm is a framework for developing 3D webapps and games based on the Three.js engine. It contains many common Three.js tasks, so it's very easy to set up the environment, create objects, add objects, and the official provides a very good one. The tutorial is as good as the react.

Category: Javascript / CSS

 

13 interesting JavaScript and CSS libraries

Author: bamboo06 on 16-02-2019, 02:29, views: 1331

0 In the future, goocode will release some well-collected good front-end and back-end resources at the appropriate time every month. Keep an eye on the latest trends in web development. We will share the best resources that are most helpful to everyone. Please keep an eye on goocode.
13 interesting JavaScript and CSS libraries

Flexdatalist is a jQuery plugin for entering autocomplete hints. This library leverages HTML5's /datalist /, allowing developers to easily organize the values and properties of all possible select options. It can run multiple sections, refreshing UI, and is easy to use.

Category: Javascript / CSS

 
Previous Next