GOOCODE - Find your code/scripts

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.

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.

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 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.

0 Monolog is a full and easy to expand log log library under php. There are many well-known php frameworks including Symfony, Laravel, CakePHP and so on that have Monolog built in. Monolog can send your logs to files, sockets, inboxes, databases and various web services.

Monolog follows the PSR3 interface specification and can be easily replaced with other log classes that follow the same specification. Monolog has good extensibility. Through the interfaces Handler, Formatter and Processor, you can expand and customize the Monolog library.

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.

6 Reveal.js is a tool that helps us easily create beautiful presentations using HTML, which is our common PPT slideshow. Reveal.js does not depend on any other javascript library and is an independent javascript plugin library. It offers a variety of slide transitions and is a great online demo library.

Reveal.js also has many advanced features, complete installation, some of the functions of reveal.js, like external Markdown and presentation notes, need the presentation to run on a local web server, so you need to run in nodejs environment, install node .js and grunt are a bit more complicated. This article uses a simple installation, combined with examples of the site, using reveal.js to achieve the functionality of the presentation.

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.

0 The normal site to bring the kind of parameters may be very long, especially in the printing of paper products such as corporate brochures to be printed on a long url, then very ugly, and few people will go to remember this site, Although it is now possible to use a two-dimensional code to open a long URL. But people can use short URLs to achieve beautiful links, especially those with limited number of applications such as microblogging.

Short URL implementation principle is that there is a data table configuration file will be short URL and the actual URL corresponding, when a short URL request, the program jump to the corresponding actual URL up, in order to achieve the URL of the visit.

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.