weixin_48112768的博客

返回到顶部

<script> const list = [ { id: 1, name: '张三', age: 20, pid: 0, }, { id: 2, name: '李四', age: 30, pid: 0, }, { id: ..

DockerfileFROM nginxWORKDIR /usr/share/nginx/html/USER rootCOPY ./docker/nginx.conf /etc/nginx/conf.d/default.confCOPY ./dist /usr/share/nginx/html/EXPOSE 80CMD ["nginx", "-g", "daemon off;"]docker/nginx.confserver { listen 80; # g

# 注意useCallback(fn,[dep])这里 主要是用作缓存函数<APP> const [count,setCount] = useState(0) const add = ()=>{}return <> {count} <button onClick={()=>setCount(count + 1)} /> <Child > </Child> </>

import React, { forwardRef, useImperativeHandle } from 'react'import { Button } from 'antd'export default function Category() { const domRef = React.useRef() const handleClick = () => { // @ts-ignore domRef.current.handleClick() } retu

componentWillUnmount() { // fix Warning: Can't perform a React state update on an unmounted component this.setState = (state, callback) => { return; }; }

## 4-如何使用dva状态1.准备接口mock```js# 根目录mock/api.tsimport mockjs from 'mockjs';export default { // 支持值为 Object 和 Array 'GET /api/users': { users: [1, 2] }, // GET 可忽略 '/api/users/1': { id: 1 }, // 支持自定义函数，API 参考 express@4 'POST /api/users/cr

清理npx 缓存----> npx clear-npx-cachenpm uninstall -g create-react-app yarn global remove create-react-appnpx create-react-app my-appcd my-appnpm start``

import React from 'react'import { useState } from 'react'import PropType from 'prop-types'// 生成Demo 类组件class Demo extends React.Component { render() { return ( <div> <h1>{this.props.money + 100}</h1> <h2

export function showMessage( title = '获取数据失败', duration = 2000, icon = 'none') { uni.showToast({ title, duration, // @ts-ignore icon, })}main.js中导入import Vue from 'vue'import App from './App'import http from './utils/reque

console.log(Number('20000.23').toLocaleString())VM279:1 20,000.23

1.======> 目录utils/common.jsfunction toUpcase(params) { return params ? params.toUpperCase() : ''}module.exports = { toUpcase}组件调用函数 onLoad: function (options) { console.log(options); console.log(common.toUpcase('hello.

npm install -g serve# -s 参数的意思是将其架设在 Single-Page Application 模式下# 这个模式会处理即将提到的路由问题serve -s dist1. 创建express 服务2. 托管dist 目录3. 配置 npm script "preview":'node test-serve/app.js'4. 配置proxy# 在根目录创建一个文件夹 test-serve/app.js# yarn add express -D# npm in

wangeditor富文本编辑器1.inithttps://www.wangeditor.com/npm i wangeditor --save2封装一个独立的组件<template> <div class="editor" ref="editor"></div></template><script>import Vue from 'vue'import E from 'wangeditor'export defau

1-先封装一个uploadImage.vue组件<template> <div class="photo"> <el-upload class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/" :show-file-list="false" :on-success=

import request from '@/utils/request'import qs from 'qs'interface User { mobile:string, code:string}// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-typesexport const login = (data: User) => {// request.post('/v1_0

import React, { useState } from 'react'import styles from './index.module.scss'export default function PopupCnter() { const [state, setState] = useState(true) const handleClick = (e) => { setState(false) } return ( <div> &l

react学习者import React, { useState } from 'react'import styles from './index.module.scss'export default function PopupCnter() { const [state, setState] = useState(false) return ( <div> <div className={styles.root}> <bu

#第一步全局安装yarn global add json-server在根目录/ 创建json文件例如: data.json 写入数据{“todos”:[{“id”:1,“name”:“吃饭”,“done”:false},{“id”:2,“name”:“睡觉”,“done”:true},{“id”:3,“name”:“打豆豆”,“done”:false},]}3.最后一步开启本地服务终端: json-server data.jsonhttp://localhost:3000/t

效果图如上在这里插入代码片```$(function () { let name = $('.add .username') let score = $('.add .pf') let salary = $('.add .salary') let dataArr = JSON.parse(localStorage.getItem('todolist')) || [] load() fn(dataArr) zhexian(dataArr) .

/* 需求： 功能1：在输入框中输入任务内容，按回车键时添加一个任务（20分） 要求1：添加到任务列表的最顶部 要求2：添加完成后，需要清空原来的内容。 要求3：要有非空的判断，如果任务内容为空，alert提示 "任务名称不能为空" 功能2：任务删除功能，点击任务中的删除按钮，能够删除当前任务（10分） 功能3：任务状态修改功能，点击checkbox，要求能够修改任务的完成状态。（10分） 提示：当checkbox选中时，需要给li添加completed类， 当checkbox不选

package cn.itcast.day04.arrInsert;public class demo {public static void main(String[] args) {int[] arr = {10,56,121,45,89};//遍历之前打印数组for(int i = 0;i<arr.length;i++){if (i == arr.length -1){System.out.print(arr[i]);}else {System.out.print(arr[i]

package cn.itcast.day04.demo01;import java.util.Arrays;public class maopao {public static void main(String[] args) {int[] arr = {10,400,666,21,9};System.out.println(“排序前：”+Arrays.toString(arr)); **//arr.length不减1 的话就要索引越界异常 **/* for (in

public class Maopao {public static void main(String[] args) {int[] array = {12,15,48,54,10,89,45,3,46,78,111,4};System.out.println(“排序前的数组为：”);System.out.print("[");for (int i = 0; i < array.length; i++) {if(i == array.length-1){System.out.print(

主机 A 和另外两台主机 B Cssh-keygenssh-copy-id A（登陆地址）例如：A=root@192.168.1.2A: scp -rp /root/.ssh B:/root/A: scp -rp /root/.ssh C:/root/

2.远程服务端失败的状况：[root@localhost ~]#vim ~/.ssh/known_hosts 删除如下保留的信息再次连接即可成功

#centosshell冒泡排序[root@localhost ~]#cat maopao.sh#!/bin/bashecho “input your word:”read -a arraylet length=KaTeX parse error: Expected '}', got '#' at position 2: {#̲array[@]}-1for…length;i++)){for((j=0;j<$length-i;j++)){if [ ${array[j]} -gt arr