jQuery----jquery to implement Tab key switch

Using Jquery to switch the tab key, the code is simple and easy to understand, and the implementation logic is clear. The specific summary is as follows:   Demand analysis: When the mouse enters the tab switch module, the upper border of the current module of the mouse changes to red, and the corresponding product name is displayed. After the m ...

Posted by mckooter on Sun, 01 Dec 2019 16:11:46 -0800

jQuery----JQuery animation (hide() and show())

This article is a further supplement to hide() and show(), which not only introduces the callback function, but also the related knowledge of recursion. Case requirements: Click the "hide animation" button, four avatars will disappear in 0.8 seconds from the back to the front Click the "show animation" button, four heads wi ...

Posted by bobvaz on Sun, 01 Dec 2019 14:17:10 -0800

Simple implementation record of jQuery and zepto source code

This article records jQuery and Zepto's knowledge of some encapsulation libraries of js. I hope to start from this article to learn the language of js and the use of encapsulation on object-oriented and prototype. Let yourself have some progress in js. Mutual encouragement jQuery Library The implementation of a simple jQuery Library You need to ...

Posted by bigfatpig on Sun, 01 Dec 2019 12:51:42 -0800

Advanced front-end module 1 for beginners

1. Analysis task Using AJAX to read JSON file data, using loop and conditional statements to store the required data in each array, combining with change event can achieve the required functions 2. Analysis of advantages and disadvantages Advantage: not only in the implementation of its basic functions, but also in the json file to change the a ...

Posted by Millar on Sun, 01 Dec 2019 10:44:09 -0800

jQuery review simple implementation of shopping cart function

Every day to record their learning in school, so that every day of life more substantial! Come on. Note: this case simply realizes the function of shopping selection! Effect: to add some products, the left is the check box, the right is the selection of goods and quantity. The quantity can be increased or decreased. Only when the check box is c ...

Posted by ohdang888 on Sun, 01 Dec 2019 08:21:00 -0800

Using echarts to draw line chart

Preface: echarts is a report plug-in produced by Baidu. It is very rich in chart display and widely used in our development. However, the official examples are very simple. Fortunately, their api documents provide a lot of configuration items, which provides the possibility for us to draw a richer chart.Pits encountered with echart ...

Posted by laffin on Sat, 30 Nov 2019 17:27:28 -0800

js basis: judgment type

I. common examples Judge whether it is an object let obj = {} // 1.Object.prototype.toString if (Object.prototype.toString.call(obj) === '[Object Object]') { console.log('Object!') } // 2.constructor if (obj.constructor === Object) { console.log('Object!') } // 3.$.type() if ($.type(obj) === 'object') { console.log('Object!') ...

Posted by thatsgreat2345 on Sat, 30 Nov 2019 04:41:21 -0800

Realization of data list function of shopping cart in front end

The operation effect on the mobile phone is as follows When two items are selected 1. The select all button is not checked 2. The number of selected products is listed below When select all 1. All products are selected, and the select all button is selected 2. The number of commodities is 3, which is correct 3. When cl ...

Posted by cab on Sat, 30 Nov 2019 02:41:07 -0800

[design] color matching of theme colors of Hong Kong Metro Station

Color matching of theme color based on Hong Kong Metro Station introduce Each station of Hong Kong subway has its own theme color, which is pretty and can be used as a reference for color matching. Summary of all colors: 87 colors in total Color matching table Someone made it into a CSS color table, http://metrocol ...

Posted by fypstudent on Sat, 30 Nov 2019 02:08:53 -0800

Visualize and modify json data on the front end

In general, front-end and back-end interaction is all we need to extract and use the data we need from json, but if rewriting a very long JSON presentation is undoubtedly painful, two more concise frameworks are recommended for JSON visualization: jquery.json-viewer (Official website) This framework import needs to depend on jQ ...

Posted by DirtySnipe on Fri, 29 Nov 2019 20:14:13 -0800