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