[Mid Autumn Festival] simulate the revolution of planets in the solar system

preface Last [Mid Autumn Festival] realize the revolution of sun, earth and moon in pure CSS I dug a pit to simulate the revolution of the planets in the solar system around the sun. Today I'll fill the pit. There are only eight planets in the solar system: Mercury, Venus, earth, Mars, Jupiter, Saturn, Uranus and Neptune. Originally there w ...

Posted by AnnieKay on Tue, 21 Sep 2021 12:04:44 +0200

WEB front end optimization -- HTML/CSS optimization

This series of articles is organized, recorded and expanded by the book efficient front end - Web efficient programming and optimization practice. Optimization 1: don't use JS for problems that can be solved with HTML/CSS Several cases are introduced 1.1 navigation highlight This case is not an ordinary mouse to highlight, but highlight ...

Posted by Tchelo on Mon, 20 Sep 2021 22:08:46 +0200

HTML5 basic learning

1, Structure of HTML pages 1. Basic framework of HTML <html>Web page as a whole     <head>         <title>Page title</title>     </head>     <body>Theme of web page</body> </html> 2. Structure of HTML tags < tag name attribute name = attribute value > content < / tag name > 2 ...

Posted by mikeylikesyou on Sun, 19 Sep 2021 19:46:27 +0200

Source code analysis of TaiWindCss based on postCss

preface When I first saw the TaiWindCss library, just from the css point of view, it is similar to the bootstrap I've been in contact with before. It's just a pure css style library. However, after in-depth understanding, I found that it is more convenient and very fine than bootstrap. The only feeling is that each style needs to be assemb ...

Posted by readourlines on Sat, 18 Sep 2021 09:13:21 +0200

[PlayWright tutorial] summary of basic operations

(to be supplemented later) Page basic operation According to the official website document, the page loading process after calling page.goto(url): Set urlLoad the parsing page through the networkThe page.on("domcontentloaded") event is triggeredExecute the js script of the page and load the static resourcesThe page.on("laod&qu ...

Posted by mariolopes on Sat, 18 Sep 2021 00:35:38 +0200

HTML5 final assignment: personal website design - shiyike personal design studio (6 pages) HTML+CSS+JavaScript

HTML5 final assignment: personal website design - shiyike personal design studio (6 pages) HTML+CSS+JavaScript final assignment HTML code student web page course design final assignment Download Web page design and production finished products >>> ❤ Poke me ❤>>> Click to enter 300 final assignments Near the end of the term, ...

Posted by edup_pt on Fri, 17 Sep 2021 05:04:19 +0200

Six common inheritance methods of JS

Inheritance can make subclasses have various methods and properties of the parent class. Think about a few questions first: How many implementations are there for JS inheritance? Which inheritance method is used to implement the extensions keyword of ES6? 1, Several ways to implement inheritance in JS First: prototype chain inheritanc ...

Posted by gfX on Thu, 16 Sep 2021 02:19:56 +0200

Solutions to common browser compatibility problems at the front end

preface: Different browsers have different kernels, so there are some differences in web page parsing among browsers. The browser kernel is mainly divided into two types: rendering engine and js engine Therefore, browser compatibility generally refers to css compatibility and js compatibility browserKernel (rendering engine)Chrome Google ...

Posted by Klojum on Tue, 14 Sep 2021 05:51:30 +0200

Windows Object Details in JavaScript

1. Introduction to windows objects (1) In JavaScript, a browser window is a window object. (2) A window is a window object, in which the HTML document is a document object, and the document object is a child of the window object. There are many kinds of child objects of window object: Child ObjectsExplaindocumentDocument objects are use ...

Posted by axon on Wed, 08 Sep 2021 18:06:15 +0200