Web series: web super calculator, Baidu search box, Baidu video Tab

Recently, I am busy with some web-related things, namely, HTML + CSS + JavaScript applications.

I think these little things are very interesting. I can exercise my hands-on skills and consolidate my knowledge.

It is a pity to leave it on the hard disk. Therefore, share it with you and give it a reference to the children's shoes you need.

In fact, the level of food is still very good, and these things are not practical at all, because I tried to be compatible only with Firefox and Google, and IE was a tragedy...

I did not dare to do anything on the front desk because I had no work experience in year 45...

The following is a brief introduction to these things.

All the applications described below,ArticlePackage download is provided at the end, which contains detailed notes.

Web super calculator:

 

The core of this calculator is the JavaScript Application. Why is it called a super calculator? This is because the dish has written a simple expression analyzer using JavaScript, which can be used to calculate the expression value. brackets are supported.

It is easy to understand how to parse the expressions of a dish.

Nothing else. The effect is as follows:

 

 

 

Baidu video Tab

 

This small application is mainly a CSS + Div layout application, which looks simple, but if you do it yourself, it is still quite troublesome. The most difficult thing is compatibility, which is really unattainable, readers are expected to improve the performance.

Baidu's website is concise and generous and worth learning!

I just watched the Baidu video and almost vomited blood on the side of the dish... Baidu has changed its version !! I copied the food a day ago. Today it was actually revised... Have the opportunity to copy it again!

I personally think the imitation is still quite similar, as shown below:

 

 

 

 

Baidu search box

 

Everyone on Earth should have seen the search box on the Baidu homepage. It looks simple, but it is not that simple and technical. Of course, the biggest headache is compatibility.

The search box similar to the dish is basically the same as that of Baidu, but it does not recognize the top and bottom arrow keys of the keyboard. This function varies greatly from browser to browser, so it is not implemented if you have limited energy.

For demonstration, when you enter content into the text box, the pop-up list below will display 10 elements, the content of which is the text box content + sequence number.

Remind readers that Baidu has provided search APIs that can be called directly without writing them by yourself.

As follows:

 

 

 

Web super calculator, Baidu video tab, Baidu search box package download:

 

Click to download

 

InsideCodeThere are very detailed comments to help readers.