Solving the problem of high collapse

In a document stream, the height of the parent element defaults to be propped up by the child element When a float is set for a child element, the child element is completely detached from the document stream. At this point, the child element will not be able to support the height of the parent element ...

Posted by skkeeper on Mon, 30 Sep 2019 14:27:27 +0200

Front-end Basic Exercises - Implementing JD Top Navigation

Preface Jingdong is a typical e-commerce website. It is valuable to learn how to make this website. We are going to develop with WebStorm. The screenshot of the front page of Jingdong is as follows: http://img.smyhvae.com/20180119_1653.jpg Page P ...

Posted by 9three on Thu, 12 Sep 2019 11:14:11 +0200

C# HtmlAgilityPack+Selenium crawls page content that requires scrollbars to be pulled

Nowadays most websites load the content of pages with the sliding of scrollbars, so it is impossible to get all the content of pages simply by getting Html of static pages. Using Selenium, you can simulate a browser pulling a slider to load all page content. previously on C#HtmlAgilityPack crawls static pages Introduction to Selenium Selenium ...

Posted by chadt on Thu, 05 Sep 2019 07:45:01 +0200

web front-end entry to reality: comparison of CSS shadowing effects drop-Shadow and box-Shadow

Drop-shadow and box-shadow are css attributes of shadow effect (halo effect). The biggest difference between them is that box-shadow can only produce rectangular shadows, while drop-shadow can produce shadows of exactly the same shape as opaque areas ...

Posted by diex on Tue, 03 Sep 2019 15:23:48 +0200

JavaScript Screen Recording API Learning

Use Screen Recording API Front Screen Recording?Screenshot?Web page generates pictures?Frame Graph?When it comes to video recordings, I think of the words before.The general idea is to continuously generate screenshots of the current page, then merge them into one video file.Front-end page generation should be familiar with html2canvas .There a ...

Posted by escocia1 on Tue, 03 Sep 2019 04:15:00 +0200

01 - jQuery Introduction and Experience

Introduction to jQuery Before we talk about jQuery, let's start with a concept: what is a JavaScript framework library? In fact, it's a common js file, which encapsulates many functions or compatible codes. Of course, jQuery is a member of many libraries, so why should we learn jQuery? Let's talk about its characteristics. It solves the comp ...

Posted by cobaswosa on Sun, 01 Sep 2019 08:45:32 +0200

vue transition animation learning

Article Directory Article Reference Problem Description Conceptual Interpretation case Custom Animation Reference animate.css animation Animation Hook Function Case Analysis Article Reference Enter/Leave & List Transition Problem Desc ...

Posted by lox on Sat, 31 Aug 2019 06:16:42 +0200

Timer and Delayer (Countdown with Timer)

Set Timeout 1. The way setTimeout works is: when a timer is set to run after 5 seconds, it does not mean that it will execute immediately after 5 seconds, but that it will join the queue after 5 seconds. If there is nothing else in the queue after 5 seconds, the code of the timer will execute immediately, otherwise it will delay execution. ...

Posted by laurajohn89 on Fri, 23 Aug 2019 06:50:51 +0200

Make a LAN Chat Tool with Socket

Links to the original text: http://www.cnblogs.com/technology/archive/2010/08/15/1799858.html Programming becomes a simple communication between the server and the client, but through some methods, the two can be unified, so that th ...

Posted by bigfunkychief on Mon, 19 Aug 2019 15:56:28 +0200

[Web] Web-API (No.65) Event

Event Need material click pictures to contact me or private letters, comments Events: Trigger-response mechanism The Event interface represents any event that occurs in the DOM, some of which are user-generated (such as mouse or keyboard events), while others are generated by the API. Three Elemen ...

Posted by lssjg on Tue, 13 Aug 2019 05:20:17 +0200