Programmer Think

Recently, I was working on a small program project like a mall. Cards and vouchers are indispensable for the mall. At first, I planned to cut the UI, but I found it not so convenient, so I made a fuss by referring to various materials. Without much nonsense, I went to the renderings first: It can be seen from the effect drawing that the coupon ...

CSS floating and positioning It mainly describes the concepts and examples of floating, positioning, pseudo class, etc Block level elements and inline elements Block level elements: div,h,ul,li,p Exclusive row (exclusive row is not the row of the body, but the row of the parent container), and cannot be juxtaposed with any other elemen ...

Blog auto generate directory This article describes the function of adding automatic directory generation for blog posts. Before talking about the functions, I'll talk about the general process of my blog post from writing to publishing to readers. All my articles are used locally markdown Grammar. After the article is written, it will be u ...

Property introduction Apply a portion of the stylesheet based on the results of one or more media queries. You can define different styles according to different media types.@ media is very useful when a page needs a responsive layout. When the browser is resized, the page will also be re rendered according to the width and height of the brows ...

Final effect:   1. Components used Pagination component <el-pagination v-model:currentPage="currentPage4" :page-sizes="[100, 200, 300, 400]" :page-size="100" layout="total, sizes, prev, pager, next, jumper" :total="400" @size-change="handleSizeChange" @current-change="handleCurrentChange"> </el-pagination> 2. Pag ...

The school committee wrote an article before Hot list long list crawler screenshot article. Many readers leave a message that it is not easy to analyze the screenshot of the hot list, so it is more intuitive to make a list. Yes, yes, so let's take a look at generating html pages using only python. Here is a magical "dominate" first ...

In large-scale application development, the page can be divided into many parts. Often different pages have the same parts. For example, there may be the same head navigation. However, if each page is developed independently, it will undoubtedly increase the cost of our development. Therefore, in order to improve code reuse, we will split the r ...

About the screen, pagey, clienty, layery and offsety properties of mouse events screenY The offset of the mouse relative to the upper left corner of the display screen pageY The offset of the mouse relative to the upper left corner of the page (its value is not affected by the scroll bar) This property is not supported under IE9 But you ...

Idea: Message function: click message - > get nickname and message content - > judge whether the input is empty - > message is successful if there is input- >Leave a message again after 10s         1. Get element {function $(selector) {return document.querySelector(selector)}         ...

introduction First of all, I highly recommend you to go W3School,W3School Chinese website Find syntax references and examples about CSS. Personally, I think the content is very complete and rich. At the same time, it contains many examples to promote understanding. Please stamp for details CSSHOME,CSS introduction W3School How To W3School H ...