Inheritance of js Foundation

inherit Now, we have a drag function to implement: suppose there is a div and we need to implement the drag function on it, then according to our usual way, the implementation method is as follows: // Process oriented const mydiv = document.querySelector(".mydiv"); mydiv.onmousedown = e => { let ev = e || window.event; let x = ev.c ...

Added by ShogunWarrior on Wed, 02 Mar 2022 11:10:54 +0200

Flex layout + Grid layout

Flex layout flexible box - any element can be specified as a flex layout flex layout: parent element - flex container, child element - item **Principle: * * when adding the flex attribute to the parent box, you can control the position and arrangement of the child box **Note: * * when the parent box is set to flex layout, the float, clear a ...

Added by guitarlass on Wed, 02 Mar 2022 09:44:35 +0200

Front End Prerequisites--Canvas

Life is meaningless if you don't write code to pretend. It's all 2020. If you're doing front-end development and you don't even use canvas, what do you want to do? Following the author, let's see what canvas is, what it can be used for, and which products are made by canvas. Introduction to Canvas 1.canvas is a new tag for html5, which is a ...

Added by f8ball on Tue, 01 Mar 2022 20:32:29 +0200

Upgrade log4j2 of springboot to solve the vulnerability

Recently, major vulnerabilities have been revealed in log4j2. The company also urgently requires all projects to check themselves and upgrade the version of log4j to a safe version At present, we are using springboot version 1.5.9, and the built-in log4j2 is version 2.7. Although mybatis is integrated, the built-in version of log4i is still b ...

Added by twatkins on Tue, 01 Mar 2022 14:10:40 +0200

JavaScript -- BOM programming

Hello! Hello, everyone, let's meet again ~ next, let's learn today's little knowledge~ I How to get HTML elements in JS? Detailed explanation: 1. Through the id attribute in the tag  document.getElementById(); eg: <1>. First, let's define a button and div <!DOCTYPE html> <html> <head> <meta charset= ...

Added by emcb_php on Tue, 01 Mar 2022 12:13:32 +0200

CSS start of front end

CSS html corresponds to the structure of the web page, while CSS corresponds to the style and layout of the web page - for example, changing the font, color, size and spacing of the content, splitting it into multiple columns, or adding animation and other decorative functions. CSS syntax Selector{ Attribute: value; } selector { property ...

Added by neveriwas on Sun, 27 Feb 2022 11:04:11 +0200

html css early learning notes

HTML 1. How to understand HTML semantics What is semantics Use the correct html tags to display the corresponding elements. As in paragraph , title, etc. Why focus on semantics For people, it is easy for the team to develop and maintain, and the code has high readability. When CSS is not loaded, it can also present a better content structu ...

Added by jayrulez on Sun, 27 Feb 2022 05:00:22 +0200

Smart use of CSS to mosaic pictures

Python WeChat Subscription Applet Course Video https://edu.csdn.net/course/detail/36074 Python Actual Quantitative Transaction Finance System https://edu.csdn.net/course/detail/35475 1. Introduction to image-rendering An interesting feature in CSS is called image-rendering It can use algorithms to display the scaled pictures better. Suppo ...

Added by belphegor on Sat, 26 Feb 2022 19:33:43 +0200

PC side web page effects

PC side web page effects 1, Element offset offset series 1. offset overview Offset translates to offset. We can dynamically get the position (offset) and size of the element by using the relevant attributes of offset series Gets the distance of the element from the position with the positioning parent elementGets the size (width and hei ...

Added by Gafaddict on Fri, 25 Feb 2022 16:58:52 +0200

Tips for html front-end - accurate setting of font and color value

Today, let's share the tips of "HTML front-end" - accurate setting of font and color value "This article, based on the detailed introduction of example coding, may have a certain reference space and use value for your programming road. Friends in need will follow Yunnan Qianlong Mark to learn. Here we introduce three font color s ...

Added by bruckerrlb on Fri, 25 Feb 2022 05:52:05 +0200