GOOCODE - Find your code/scripts

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.

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

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.

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.

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.

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.

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.

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.

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.

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.

0 basicContext.js is a powerful pure Js context menu plugin. The js context menu plugin can make a left-click menu, a right-click menu, and can customize the location of the menu. It supports all modern browsers, including the mobile side, and it can also be used in conjunction with jquery.

The basicContext.js plugin can be installed via bower or npm.

1 There are many ways to add items to the shopping cart. The usual way is to click the “Add to Cart” button and you will be redirected to the shopping cart. In the shopping cart, you can click the “Billing” button to settle. Today I will introduce you to a more friendly solution.

By default, the shopping cart is hidden and invisible. When the user clicks the Add to Cart button, the item information will be added to the shopping cart. The shopping cart will appear as a button in the lower right corner of the page. Clicking the button will expand the shopping cart. , display the product information in the shopping cart, and also delete or settle the items in the shopping cart. Users can also temporarily close the shopping cart to continue shopping.

1 File upload WEB development in a wide range of applications, we often send microblogging, send micro-channel circle of friends have used the picture upload function. File upload refers to the process of uploading local images, videos, audio files to the server for other users to browse or download. Today, I talk to you about the common file (picture) upload methods and points to deal with.

24 Danmmu Player is a barrage of Html5 video player. When we watch the video, you can express their views on the video, when you click the Send button, the content will be published in the video screen in the form of paintball issue, and do rolling animation, video barrage function.

6 Radio box and checkbox need to beautify it? Of course, the original style of the same century has been unable to meet the needs of our customers. Form a lot of controls need to beautify, we have to do with javascript landscaping, but also directly to the use of CSS to beautify, and today I introduce you to use pure CSS to achieve radio and checkbox landscaping.

We know that many of the ways to use JS to beautify the form controls are not very satisfactory, with the introduction of js and css, and some even use pictures and font icons, but also rely on jQuery, and complex, poor maintainability.