What is media query

Sorting of media query knowledge points 1. What is media query? Media query is the if statement of the style sheet, which determines which CSS to execute through various conditions. @media only screen and max-width:600px{ .aside{ width:500px; } } compatibility: <!–[if lt IE 9]> <script src="http://cdn.staticfile.org/livingsto ...

Posted by jamesdk on Sat, 18 Sep 2021 18:36:09 -0700

LayUI framework quick start

LayUI overview It is similar to Bootstrap, but the framework has a great advantage that it defines many style interfaces for front-end and back-end interaction, such as paging tables. It only needs to configure the interface at the front end, and the back end returns data according to the defined interface rules to complete the page display, w ...

Posted by larissahn on Sat, 18 Sep 2021 03:26:00 -0700

JavaWEB notes 18 Vue components

JavaWEB notes 18 Vue components 1, Introduction to components: Component: component-based development: each piece of the page is regarded as a separate part and assembled by the userComponentization: standard, divide and conquer, reuse, combinationVue implements partial component-based development at design time Define global and local ...

Posted by ureck on Fri, 17 Sep 2021 14:49:55 -0700

JavaScript anti shake & throttling

Anti chattering and throttling are events that prevent high frequency triggering Anti shake, generally used in Onresize event (onresize: execute Javascript code when the browser is resized) oninput event: triggered upon user input. If the event is triggered with high frequency, it is likely to cause the server to crash Then you can use the ...

Posted by Bleej on Thu, 16 Sep 2021 11:07:33 -0700

Garbage collection and memory leaks

Garbage collection mechanism     The Javascript of the browser has an automatic garbage collection mechanism, and the execution environment will be responsible for managing the memory used during code execution.   The principle is: the garbage collector will periodically (periodically) find out those variables that are no ...

Posted by csueiras on Thu, 16 Sep 2021 10:44:18 -0700

HTML5 learning notes

Learning and using HTML5 language (I) 1, Basic introduction 1. What does HTML do HTML: Hyper Text Markup Language for creating web pages HTML language is the basis of the Web. It can be said that the Internet is based on HTML. HTML5 is a new generation of HTML standard, which is already supported by most browsers** 2. Basic structure of ...

Posted by djs1 on Sat, 11 Sep 2021 23:37:57 -0700

Re learn the front end, introduction to ten thousand words, HTML+CSS + responsive Web Design

Responsive web design certification | freeCodeCamp.org Reminder before viewing: I'm good at using Ctrl+F. I don't want to be detailed, but to understand. I gave links to examples or documents for some incomprehensible contents, and some small games I recommend. I hope I can give you three links 💕 🍓Basic HTML From here on, if you don ...

Posted by Res on Fri, 10 Sep 2021 20:29:47 -0700

Prototype and prototype chain (inheritance)

Prototype and prototype chain Constructor Show Prototype Object===Implicit Prototype Object for Instance Object of Current Constructor A prototype is an object. Its purpose is to provide objects with shared data to other objects. A function object, either by itself or by object name()Way to execute the function. A normal object is an ob ...

Posted by unmash on Fri, 10 Sep 2021 09:33:10 -0700

Static page css summary (center, background picture) the most complete solution!

1 centered horizontally In line elements are centered horizontally In line elements here refer to text, image img, hyperlink a, button, etc text-align: center; /*Set on parent element*/ Block level elements are horizontally centered 1. Change the display attribute of the block level element to inline block, and then set text align: Ce ...

Posted by simonmlewis on Thu, 09 Sep 2021 19:40:09 -0700

Thinking analysis of js case -- five-star scoring effect

Thinking analysis of js case -- five-star scoring effect The purpose of putting the structure and style in front is to make the idea clearer. You can also look at the next steps first, and then come back and look at the two parts to assist in understanding. 1, Structure <!DOCTYPE html> <html lang="en"> <head> <meta ...

Posted by ErikTheViking on Thu, 09 Sep 2021 18:34:19 -0700