weixin_46728068的博客

微前端方案，micro-app，qiankun，iframe。

https://www.jianshu.com/p/7e04ed3f4bea

redux connect方法下的前端业务逻辑实现

1.什么是无状态组件？只有一个render函数的组件，就可以写成无状态组件，一个函数没有props，没有生命周期， 就是一个简单的视图函数，没有业务逻辑更纯粹的展示UI。例子：例子如下：import React, {Component} from "react";import {connect} from "react-redux";import {getChangeInputAction, getBtnClickAction, getHandleDeleteAction} from "./st

优点：1.可以把业务数据抽离出去统一管理，提升性能2.使得跨段应用得以实现，react native

1.propsTypes 的使用（1）设置属性和属性值来约束组件参数的类型。（2）设置组件参数为必须传入isRequiredimport PropTypes from 'prop-types'TodoItems.propTypes = { test :PropTypes.string.isRequired, content : PropTypes.string, deleteItem : PropTypes.func, index: PropTypes.number

1.版本兼容相关问题又是一次实际上手和教程版本不一致的采坑过程，前后也废了不少周折。实际开发时React17，react-dom-router 6.x， antd 4.x教程版本React16，react-dom-router 5.x， antd 3.x一开始是想安装新版本一点点解决bug的，可是太耗时最终还是选择了降低版本，在package.json里修改相关版本号后terminal中重新npm install也还是总结下相关的坑（1）路由相关兼容问题react-dom-router 5.x

1.React生命周期流程根据上图//组件挂载前执行componentWillMount(){console.log(‘componentWillMount’)}//组件挂载后自动执行componentDidMount() {//axios请求在这里发//promise存的请求过程const promise = axios.get(‘http://www.dell-lee.com/react/api/demo.json’)promise.then((res) =>{conso

1.React组件父子组件通信父组件通过在子组件的标签上添加属性传递给子组件（函数也可以），子组件通过this.props接收父组件传递过来的值。父组件中 getListItems(){ return this.state.list.map((value,index) => { //return () 可以写多行 //父组件通过属性传递子组件 return<TodoItems content

1.基本模板import React,{Component} from 'react'class TodoList extends Component{ constructor(props){ super(props) this.state = { inputValue : '', list : [] } }render(){<span>lux </span>}}export

开学了这一个月过得飞快，来到西电青岛住在家电齐全的loft公寓，不再限电让我开始了自己煮饭，浪费了大量时间在采购和家务上，健身房去的也少了，基本也就一个小时的样子。刷题没怎么刷，上上课，看前端的教程。上周五被安排了开发小程序前端的活，实在没想到只有我一个人来做，推脱也没推脱掉还是加油干完吧，做事有始有终比较好，功能也比较简单，是满意度调查问卷。这一周多遇到的问题来总计一波一开始做基本的布局还算顺利，引入了一个vtabs组件和radio-group组件完成问题栏和答案框之后一步需要获取到问题和答案并

近期在写算法题时发现调用sort（）并不能排序出正确结果，经查找资料后得知是根据Unicode编码进行排序的正确的对数组排序方式 普通函数 arr.sort( function (a, b) { return b-a } );箭头函数 arr.sort( (a, b) => b-a );...

一、HTML CSS1.块状元素 & 内联元素？display:block/table; // div h1 h2 table ul ol p ...display:inline/inline-block; // span img input button ...2. 盒子模型的宽度？在这里插入代码片