userZhangGuoDong-CSDN博客

原创 react VS vue 样式问题

样式覆盖：css文件并没有作用域，默认也无法模块化，当有相同的类定义时，会出现样式覆盖。一、在vue项目中，如果修改第三方组件样式，需要/deep/穿透；而在react中则需要：global:{}#main{ :global{ .antd_layout{ width:100% } }}二、react并未解决样式覆盖的问题，而vue则很好的对css进行了模块化，原理是style上的

2022-03-20 16:16:18 1075

工具：es5、栈内存、堆内存、冻结浅述：遵循let规范基础上，const 定义的常量不可变一、定义常量//es5中定义常量Object.defineProperty(window,'PI',{ value:3.14, writable:false //是否可可重写})console.log(PI) //3.14PI=5console.log(PI) //3.14//es6中定义常量const a = 3.14console.log(a)

2022-03-19 12:05:10 269

原创 ES6新特性 let

一、块级作用域if (false) { var a=5}console.log(a) //undefind//若letif (false) { let a = 5}console.log(a) //报错var没有块级作用域，并且会变量提升；let遵守块级规则，并且不会变量提升二、书写规范if (true) var a = 5 可行//若letif (true) let a = 5 报错if (tr

2022-03-19 11:24:15 238

原创 promise

大白话讲解Promise（一） - 吕大豹 - 博客园概况：1、 Promise是一个构造函数（对象），2、本身有all、race、reject、resolve方法（不用new实例，可直接调用）3、原型有then、catch方法（通过实例调用）精髓：支持异步并依照结果作为状态，根据状态选择逻辑分析：resolve和reject方法等异步执行完之后才会调用，也就是说在操作异步数据时，不会落空，都有一个回应。场景：回调地狱链式多接口同时请求结束后，统一渲染页面

2022-03-16 11:58:56 92

原创后台管理基本逻辑

1、进入admain页面时，判断是否登录过，从本地存储获取tokena、有--->进入admain页面，并且携带token发送请求，获取数据，如果token失效，会返回提示，重新登录b、无--->会跳转转到login登录页判断两个方向的是，在app.js中判断，在内层路由选择跳转的时候<div className='app'><Switch>{ isLogin()?admainRoutes.map(route=>{return <R

2022-03-14 17:44:55 825

原创 raect后台管理台子搭建

一、创建单页、应用安装需要的依赖库npx.... 、react-router-dom(版本5）、axios、antd组件库二、创建目录结构src下pagecomponentsutilsserviceroutes三、基础页面四、路由配置外层路由、内层路由1、路由表，routes文件夹中，根据外层路由内层路由分为：mainRoutes、admainRoutesimport Login from '../page/Login'import List from

2022-03-13 22:51:23 399

原创 try catch

/** * * try catch * *如果try块里内容报错，catch会捕获错误，并执行catch块 function tryCatch(n){ if (n>10) { console.log('信息合法'); }else{ console.log('格式错误'); } }..

2022-03-10 14:34:35 103

原创基于atnd二次封装组件，upload上传格式限制

props: { placeholder: "上传", action: "/partner-file/upload", beforeUpload:(file)=>{ return new Promise((resolve, reject) => { ge...

2022-03-10 13:57:37 138

原创移动端rem适配

setRem.js:(function(psdw){ var dpr=0 , rem=0 , scale=0; var htmlDOM=document.documentElement; dpr=window.devicePixelRatio; var currentWidth=htmlDOM.clientWidth; scale=currentWidth/psdw; rem=psdw/10; rem=rem*scale; htmlDOM.style.fontSize=.

2022-03-08 15:43:27 116

原创 react路由组件异步加载，优化白屏

//手写异步加载高阶组件import React, { Component } from "react";export default function asyncComponent(importComponent) { class AsyncComponent extends Component { constructor(props) { super(props); this.state = { component: null ...

2022-03-08 15:35:29 1187

userZhangGuoDong的博客