» » javascript

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

Realize JavaScript image lazy loading by micro library Echo

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

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: 527

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

 

10 interesting JavaScript and CSS libraries

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

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: 438

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

 

Use javascript to realize related operations of adding to cart

Author: bamboo06 on 10-10-2018, 16:53, views: 1023

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.
Use javascript to realize related operations of  adding to cart

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.

Category: Javascript / Plugins

 

Simple jQuery image annotation effect

Author: bamboo06 on 4-12-2016, 00:18, views: 3709

8 In some e-commerce sites and home sites we will see this application, a picture shows a variety of products, click on each product can pop up a simple description of the corresponding goods, including prices, etc., greatly improve the user experience , Today we give examples to share the use of jQuery plug-ins to achieve this effect.
Simple jQuery image annotation effect

Category: Javascript / Plugins

 

ECharts, a pure Javascript charting library

Author: bamboo06 on 28-11-2016, 02:18, views: 2095

0 ECharts is a HTML5 Canvas, pure javascript-based charting library. It can run smoothly on PC and mobile devices, compatible with the current most browsers (IE8 / 9/10/11, Chrome, Firefox, Safari, etc.), providing intuitive, vivid, interactive, highly customizable Data Visualization Chart.
ECharts, a pure Javascript charting library

ECharts provides general line charts, histograms, scatter charts, pie charts, K charts, box charts for statistics, maps for geodata visualization, thermograms, line graphs, relational data visualization Treemap, parallel coordinates for multidimensional data visualization, funnel diagrams for BI, dashboards, and mashups between graphs and graphs.

Category: Javascript / HTML5 / Plugins

 

Without Flash and relying on any JS library to copy and cut text to clipboard

Author: bamboo06 on 2-04-2016, 15:50, views: 1990

1 We place a copy button on the page, it is mainly used to facilitate the user to copy a complex text links and the like, the conventional approach is to rely on Flash through JS, even by means of a huge jQuery js library to implement text copied to the clipboard. Today, I give you about is a very modern, no flash, does not rely on any other js very small plug-in libraries, it is called clipboard.js.
Without Flash and relying on any JS library to copy and cut text to clipboard

Category: HTML5 / Plugins

 

Use javascript to achieve automatic countdown 30 seconds after the button is available

Author: bamboo06 on 17-02-2016, 00:07, views: 2357

5 WEB development are often used to restrict user operations on the countdown form, such as within a certain period of time you want the user to read the relevant protocol information before allowing the user to continue to the next step, another example in the collection of phone verification code allows the user after a certain time (not received the case under the code) to get a verification code again. Well, today I come to tell you how to use javascript to achieve under this simple application.
Use javascript to achieve automatic countdown 30 seconds after the button is available

Category: Javascript

 

Javascript enable adaptive height in iframe

Author: bamboo06 on 1-01-2016, 14:37, views: 1960

12 Work we encountered iframe embedded in a page highly adaptive problems. Because we do not know iframe content page will be loaded high, I do not want to appear ugly scroll bars on the page, this time we can use javascript to dynamically make iframe highly adaptive.
Javascript enable adaptive height in iframe

We are ready to face a home a.html, and page two for embedded iframe for iframeH.html and iframeH1.html, content can easily add your own, respectively, practical applications may be Background generated content.

Category: Javascript

 
Previous Next