Build react+typescript+antd project from scratch
Step 1: create a project through create react app
npx create-react-app ai_video_project_frontend --template typescript
When you open the project in vscode, you can see that the react project is successfully generated and the suffix of the component is tsx. At this time, it indicates that the prototype of react+typescript project is succ ...
Added by seran128 on Mon, 03 Jan 2022 08:58:54 +0200
JavaScript custom object
1, Create an object using object
<script>
// create object
var stu = new Object()
// Adding properties to an object
stu.name='jibu'
stu[9527] = 'jibu' //Special attribute names use square brackets
// Adding methods to objects
stu.study = function(){
console.log('study') ...
Added by danieliser on Mon, 03 Jan 2022 07:59:26 +0200
Vue e e-commerce project exercise-3 home page design
Realization effect
Design ideas
It is mainly divided into three parts
Head areaSidebar areaRight body area
Use the Container layout Container to build the basic structure of the page container
<el-container>: Outer container. When a child element contains <el-header> or <el-footer>When, all child elements will b ...
Added by Stickdragon on Mon, 03 Jan 2022 07:10:04 +0200
vue+element learning record
1, Vue introduction
Author: You Yuxi
Official website: https://cn.vuejs.org/
Vue The author is from China. His name is you Yuxi. His major is not computer science. During his college years, he majored in interior art and art history
He had a master's degree in art design and technology. It was during his master's degree that he ca ...
Added by fogofogo on Mon, 03 Jan 2022 06:25:53 +0200
python test development django-184 Bootstrap table front end paging search related configuration
preface
The bootstrap table paging mode can be server or client.
When you select client, you can search the table data on the page (without querying the database)When server paging is selected, you can query the database according to the conditions set by the queryParams property
This article first learns to select the front-end paging (clie ...
Added by esfisher on Mon, 03 Jan 2022 04:25:36 +0200
Observer mode and publish subscriber mode in vue
Observer mode
The target object and the observer object are interdependent. The observer observes the state of an object. If the state of the object changes, it will notify all observers who depend on the object,
The target object {Subject has the following methods: Add / delete / notify} Observer;
The Observer object ， Observer, has the fo ...
Added by sanfly on Mon, 03 Jan 2022 04:01:15 +0200
css basic selector
Checkbox
The radio box type value is radio, and the multi box type value is checkbox
<form action="" method="get">
<h1>Choose your favourite friut</h1>
<!-- Famous and valuable -->
<!-- Single choice radio-->
1.apple<input type="radio" name="friut" value="apple">
...
Added by rashu.dr on Mon, 03 Jan 2022 01:27:12 +0200
This paper combs the seven common inheritance schemes in JavaScript
📖 preface
In the front-end interview, inheritance is a common question, and the interviewer will always try his best to ask you. For example, what kinds of inheritance do you know? What is the difference between these inheritance methods? What are the advantages and disadvantages of these inheritance methods? What are the characteristic ...
Added by OLG on Mon, 03 Jan 2022 00:48:45 +0200
Preliminary study on scaffold
Preliminary study on scaffold
necessity
It is convenient for multiple people to cooperate, and there is no need to build the initial project from scratch to improve the front-end R & D efficiency.
What is scaffolding
Scaffolding is essentially an operating system client, which executes commands, for example 🌰:
vue create my-proje ...
Added by lordvader on Sun, 02 Jan 2022 22:17:33 +0200
Mobile terminal layout
*Ps: Notes from Mu class tutorial
▶ Upper and lower column layout
1. Chinese layout css Library
Example demonstration
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- Use it here ...
Added by hakmir on Sun, 02 Jan 2022 21:41:06 +0200