M106588L的博客

如果想要吸收更多的知识,请拿起你的小手，点击一下.web前端总结28个javascript的技巧

React与Vue的区别与联系原理通常解答:Vue是采用指令结合vue-loader实现构建用户界面的渐进式框架，React是采用jsx构建用户界面的组件化开发大牛解法在渲染用户界面的时候，DOM的操作是最昂贵，不幸的是没有库可以让这些原始操作变得更快。我们能做的最好的就是尽量减少DOM操作。Vue 和 React 都使用虚拟DOM来实现，并且两者工作一样好；相同点：都...

安装安装npm install -g create-react-app 创建项目create-react-app 文件夹名=名进入项目cd 文件夹名启动项目 npm start

新生命周期*** 老版的生命周期不能和新生命周期使用static:静态属性:静态方法里面没有this.返回的是null,不会更新返回的是对象，就会更新出生阶段成长阶段...

生命周期的定义:出生阶段(创建)以下只有render会执行多次,其他的都执行一次constructor:表示初始化函数,接受一个props,设置组件的默认状态(state)componentWillMount:表示组件将要被渲染的时候render:表示组件正在渲染的时候触发的,进行diff算法，产生最小化差异，局部更新dom;componentDidMount:表示组件渲染结束...

Warnings while compiling. vue项目运行控制台输出太多警告信息vue项目运行控制台输出太多警告信息，我们需要vue 忽略警告，如Expected indentation of 0 spaces but found 2 这种警告都提示，很影响视觉体验！解决办法：找到build/webpack.base.conf.js 文件找到 第43行保存，关闭服务重...

有状态组件注意点修改状态必须setDate无状态组件无状态组件没有生命周期

封装路由routerConfig.js import Movie from "../views/movie"; import Cinema from "../views/cinema"; import Mine from "../views/mine"; import City from "../views/city"; import Search from "../views/s...

这个小案例就是总结了受控组件的意思，还有react子父传参的例子哦,忘记受控组建的小伙伴们可以看看啊App.jsimport React, { Component } from 'react'import Top from "./top"import Comment from "./comment"import "./style.css"class App extends Compo...

路由react-router实现了路由的核心功能路由操作组件react-router-dom基于react-router,加入了在浏览器运行环境的一些功能获取路径名如下图:例如：Link组件,会渲染一个a标签navLink组件BrowserRouter组件HashRouter组件两种路由模式(hash和history）所有的很组件只能调用一次,因为一个...

高阶函数的定义：高阶函数是指函数可以作为另一个函数的参数或者返回值。高阶组件高阶组件(HOC)是react中用于复用组件逻辑的一种高级技巧，HOC自身不是React API的一部分，它是基于React的组合特性而形成的设设计模式。是接收一个组件作为参数，并返回一个新组件的函数，另外一个组件包裹了传入的组件。高阶函数和react组件的结合。组件作为参数。返回一个参数...

核心react的核心是组件在react中最小的单位是元素,(dom元素,组件元素)。dom元素:就是普通的dom,div,span,(默认属性,添加合成事件，style是个特殊属性)。组件元素:首字母大写自定义元素(props(任意类型的值))，传值属性,在组件内接收操作dom元素ref :用来获取dom，合成事件:给dom元素添事件React.cloneElement(d...

主要知识点:组件通信(父子传参,子父传参,非父子传参{兄弟传参})App.jsimport React, { Component } from 'react'import ToDoContent from "./toDoContent"import Add from "./add"import "./style.css"class App extends Component { ...

refcanvas只能使用dom来获取在React中获取Dom需要用ref 来获取真实的domref分类普通的元素上边ref以string的形式 -string ref="box" 获取：this.refs.box; this.refs是一个对象,this.refs.对象里面的key，获取到的是这个key对于valueref以函数形式 ref={ (dom)=>{...