- 博客(10)
- 收藏
- 关注
原创 react VS vue 样式问题
样式覆盖:css文件并没有作用域,默认也无法模块化,当有相同的类定义时,会出现样式覆盖。一、在vue项目中,如果修改第三方组件样式,需要/deep/穿透;而在react中则需要:global:{}#main{ :global{ .antd_layout{ width:100% } }}二、react并未解决样式覆盖的问题,而vue则很好的对css进行了模块化,原理是style上的
2022-03-20 16:16:18 1119
原创 ES6新特性 const
工具: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 295
原创 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 264
原创 promise
大白话讲解Promise(一) - 吕大豹 - 博客园概况:1、 Promise是一个构造函数(对象),2、本身有all、race、reject、resolve方法 (不用new实例,可直接调用)3、原型有then、catch方法 (通过实例调用)精髓:支持异步并依照结果作为状态,根据状态选择逻辑分析:resolve和reject方法等异步执行完之后才会调用,也就是说在操作异步数据时,不会落空,都有一个回应。场景:回调地狱 链式多接口同时请求结束后,统一渲染页面
2022-03-16 11:58:56 117
原创 后台管理基本逻辑
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 853
原创 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 439
原创 try catch
/** * * try catch * *如果try块里内容报错,catch会捕获错误,并执行catch块 function tryCatch(n){ if (n>10) { console.log('信息合法'); }else{ console.log('格式错误'); } }..
2022-03-10 14:34:35 126
原创 基于atnd二次封装组件,upload上传格式限制
props: { placeholder: "上传", action: "/partner-file/upload", beforeUpload:(file)=>{ return new Promise((resolve, reject) => { ge...
2022-03-10 13:57:37 154
原创 移动端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 140
原创 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 1246
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人