[front end] nk front end - zero basic FED
HTML
Basic label
1 form type
Please write out the following types of input boxes in turn.
The type is password, and the default value is "nowcoder"The type is the check box and the status is checked
<form>
<input type = "password" value = "nowcoder">
<input type = "checkbox" checked = "checked">
&l ...
Added by brianlange on Tue, 25 Jan 2022 19:09:11 +0200
JS basic theoretical knowledge
1. Tell me about your understanding of the box model??
When a document is laid out, the browser's rendering engine will represent all elements as rectangular boxes according to one of the standard CSS basic box model s
A box consists of four parts: content, padding, border and margin
In CSS, the box model can be divided into:
W3C standard b ...
Added by ohjay on Tue, 25 Jan 2022 01:28:17 +0200
One article helps you solve 90% of JS handwritten questions
Are you still afraid of handwritten questions? This article can help you expand and consolidate your JS foundation, and handle 90% of handwritten questions by the way. In the work, common requirements can also be realized by handwriting, such as deep copy, anti shake and throttling, which can be directly used in future projects to improve proje ...
Added by dude81 on Mon, 24 Jan 2022 12:21:38 +0200
Implement front-end web page production based on crawler data (learn a lot!)
catalogue
preface
On the effect!
User registration and login page
Retrieve team information
Chart making:
The histogram shows the winning rate information of each team:
The pie chart shows the number of games played by each team
The line chart shows the average score of each team
Implementation of administrator operation
epilogue
...
Added by bsprogs on Mon, 24 Jan 2022 01:05:45 +0200
JetBrains has a new artifact, a set of code to adapt to multiple terminals!
It's great to see a UI debugging tool based on multiple terminals and a set of code to adapt to multiple terminals. Let's share it with you.
1. Foreword
The tool is newly launched by the famous JetBrains company and is called "Jetpack Compose for Web". According to the official introduction, the project is based on Google's modern ...
Added by trippyd on Sun, 23 Jan 2022 19:33:00 +0200
HTML5 - Summary of HTML basics and HTML tag usage details
Table label
Main functions of tables
Table is mainly used to display and display data, because it can make the data display very regular and readable.
Tables are not used to lay out pages, but to display data
Basic syntax of tables
<table>
<tr>
<td>
</td>
</tr>
</table>
T ...
Added by adv on Sun, 23 Jan 2022 16:17:09 +0200
CSS learning notes 1 - basic syntax and style sheet
1, Basic introduction to CSS
CSS (Cascading Style Sheets) Cascading Style Sheets is a presentation standard language in WEB standards. It is mainly used to modify the display style of WEB information. At present, it is recommended to follow CSS 3.0 released by W3C. The most basic thing is to learn the writing method of CSS 2.0.
2, Basic g ...
Added by v1ral on Sat, 22 Jan 2022 21:30:17 +0200
Input pseudo class of css selector - realize the input box style experience of Material Design style
Use of: enabled and: disabled
Use detail points:
In the input box, set the readonly attribute to match the enabled style< a href > < / a > can match the: enabled attribute, but cannot match the: disabled attributeThe < Select > drop-down box can match: enabled and: disabledcontenteditable='true 'cannot match the element of t ...
Added by mrblom on Sat, 22 Jan 2022 10:33:38 +0200
CSS overflow attribute (sorting out trivial knowledge points)
This article introduces the 'definition and usage' + 'attribute effect' of CSS overflow attribute in detail
No more nonsense, just go to the code and Legend (in order to make it easy for everyone to read, we all have some pictures of our own verification process to share).
I overflow definition and usage:
1. overflow Property specifies what ...
Added by Moron on Sat, 22 Jan 2022 08:34:19 +0200
Map and WeakMap explanation and course selection component development
Map and WeakMap
Characteristics and creation of Map type
To understand Map, first look at the objects. Compare the objects to learn about Map.
For an object, the key in the object can only be a string!!
let obj = {
1:'lihuina',
"1":"lhn"
}
console.log(obj); //{1: "lhn"}
When defining an object, although ...
Added by networkthis on Sat, 22 Jan 2022 03:47:09 +0200