Vue drill down component
reference material
Component registration
Component registration
Component name
When registering a component, you need to give it a name. For example, when registering globally, we have seen:
const app=Vue.createApp({...})
app.component('my-component-name',{
/****/
})
The component name is app The first parameter of the component.
...
Posted by arimakidd on Tue, 11 Jan 2022 04:58:18 +0100
web front end: Javascript learning notes and jQuery library operations
Reading Guide: JavaScript (JS for short) is a lightweight, interpretive or just in time programming language with function priority. Although it is famous as a scripting language for developing web pages, it is also used in many non browser environments. JavaScript is a dynamic scripting language based on prototype programming and multi par ...
Posted by sglane on Mon, 10 Jan 2022 21:38:18 +0100
[Notes] react learning and recording
Basic Essentials
start
npm i -g create-react-app
create-react-app todolist
npm run start
src-> App.js,index.js
import {Component} from 'react';
//Equivalent to
import React from 'react';
const Component = React.Component
So app.js can be written like this
import React,{Component} from 'react';
class App extends Component {
...
Posted by Old Novus on Mon, 10 Jan 2022 18:41:54 +0100
H5 newly added label
1. Head
<header></header>
2. Tail
<footer></footer>
3. Navigation
<nav></nav>
4. Media file introduction
<embed src=""></embed>
5. Content block
<section></section>
6. Auxiliary information
<aside></aside>
7. Articles
<article></article>
8. Indepen ...
Posted by musicdirector on Mon, 10 Jan 2022 18:04:49 +0100
vue project optimization and steps
Generate the packaging report, optimize the project according to the report, then add the progress bar and install the nprogress plug-in in main JS edit code
//Import progress bar plug-in
import NProgress from 'nprogress'
//Import progress bar styles
import 'nprogress/nprogress.css'
//Before the request reaches the server, the callback functi ...
Posted by dgwade on Mon, 10 Jan 2022 17:46:11 +0100
vue related daily notes
v-cloak
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>title</title>
<script src="../vue.js"></script>
<script ...
Posted by koenigsbote on Mon, 10 Jan 2022 17:33:38 +0100
springboot learning [version 2.6.2] error handling, Web native component injection day4-3
SpringBoot error handling
By default, Spring Boot provides a / error mapping to handle all errors, and will be registered as a global error page in the servlet container json will be generated on the machine client The browser client will generate the whitelabel view They all contain error messages
use
Error handling is so well packaged ...
Posted by sharyn on Mon, 10 Jan 2022 17:27:38 +0100
CSS of front-end Basics (floating, web page layout, height collapse, clear and clearfix, positioning)
1, Introduction to floating
a. Floating allows an element to move to the left or right of its parent element
b. Use the float attribute to set the float on the element Optional values: none is the default, and the element does not float The left element floats to the left The right element floats to the right
c. Note that after the eleme ...
Posted by Balu on Mon, 10 Jan 2022 15:59:57 +0100
JavaScript Dom and events of front-end foundation 4
Digression
📢 Blog home page: ❤ Bu Xiaochan ❤ 📢 Author column: ❤Python❤ ❤Java❤
preface
As a qualified back-end developer
The basic knowledge of the front end also needs to be understood
1. JavaScriptDOM
DOM is the document object model.
In my understanding, this selector is similar to css.
You can find the corresponding tag ...
Posted by allaboutthekick on Mon, 10 Jan 2022 15:15:14 +0100
The parent component of vue uses $emit, $on, $off to pass values
Child components can use $emit to let parent components listen to custom events.
vm.$emit( event, arg ); // Trigger the event on the current instance. Arg is the parameter passed to the parent component
vm.$on( event, fn );// Run FN after listening for event events
vue It also implements the observer mode and provides methods such as subscri ...
Posted by bassdog65 on Mon, 10 Jan 2022 02:58:53 +0100