2021年07月_xiaodunmeng

原创 vue swiper6.8.1用法自动播放，无限循环，过度等

<template> <div class="index"> <div class="container"> <div class="swiper-box"> <swiper :space-between="30" navigation :effect="'cube'" :loop="true" :paginati.

2021-07-31 14:28:25 1935

原创 cookie storage区别与storage封装

1.存储大小：cookie 4k storage 5M2.cookie 拥有有效期，storage永久存储3.cookie会发送到服务器，存储在内存中，storage 只存储在浏览器端4.cookie有路径限制，storage只存储在域名下5.cookie没有特定的api，storage有对应的apisessionStorage localStorage区别：sessionStora在内存中存储，随着浏览器的关闭会自动关闭---------------------------..

2021-07-28 14:02:13 472

原创 vue3路由的跳转

<template> <router-view/></template>import { createRouter, createWebHashHistory } from 'vue-router'import Home from '../views/home.vue'import Index from '../views/index.vue'import Product from '../views/product.vue'import Deta.

2021-07-28 10:25:44 2893

原创跨域的三种方式

1.使用cors用后端的方式实现跨域，koa-corsapp.use(cors({ origin: 'http://localhost:8080', // 支持跨域访问的域名 credentials: true // 允许跨域带 cookie}))2.使用jsonp 实现前端跨域let url = 'https://xxxxx'jsonp(url,(err,res)=>{ })3.接口代理，通过修改nginx服务器来实现（前端修改，后台不动）...

2021-07-27 19:46:48 505

原创 vue 上传gitee 就三步简单明了老办法都不要了吧

Git 全局设置:git config --global user.name "xxx"git config --global user.email "xxx@163.com"创建 git 仓库: (如果你的项目没有.git文件夹)mkdir ccdcd ccdgit inittouch README.mdgit add README.mdgit commit -m "first commit"git remote add origin https://gitee.com..

2021-07-27 19:15:42 1090

原创 react ＜1＞使用iconfont.cn ＜2＞使用Ant提供的组件如果用服务器数据推荐使用第1种方式，别问原因，你不会想知道的＜3＞ant4.0之前的

/* eslint-disable jsx-a11y/alt-text */import React from "react";import logo from "./logo.jpg";import "./style.css";import { Menu } from "antd";import { createFromIconfontCN,} from "@ant-design/icons";const IconFont = createFromIconfontCN({ // 阿.

2021-07-19 01:20:03 149

原创 react父子组件之间的通讯

import React, { Fragment } from "react";import ToodItem from "./ToodItem";import './tood.css'class ToodList extends React.Component { // 组件创建一瞬间执行 constructor(props){ // 传递给Component的构造函数 super(props); this.handleInputChange = this.h.

2021-07-13 04:14:49 206

原创 reac实现ToodList

Node >= 10.16 和 npm >= 5.6npx create-react-app 项目名称创建react脚手架渲染组件import React from 'react';import ReactDOM from 'react-dom';import ToodList from './ToodList'ReactDOM.render( <React.StrictMode> <ToodList /> </Reac..

2021-07-13 02:35:41 222

原创数组排序中文排序，数字字母混合

2021-07-02 10:35:32 341

加油小伙子