摘要: 首先单纯页面若全部为md文件:如下~ 1. npm install markdown-loader html-loader --save-dev npm install showdown --save-dev 2.build/webpack.base.conf.js添加 { test: /\.md$ 阅读全文
posted @ 2020-06-08 19:09 陶智斌 阅读(1352) 评论(0) 推荐(0) 编辑
摘要: 1、高阶组件:封装 高阶组件使用得是react得一种模式,增强现有组件得功能 一个高阶组件就是一个函数,这个函数接收得是组件类作为参数得,并且返回得是一个新组件,再返回得新组件中有输入参数组件不具备得功能(以上提到得所有得组件都不是组件得实例,是类,输入得这个组件也可以是无状态组件函数)2、高阶组件 阅读全文
posted @ 2020-06-08 14:46 陶智斌 阅读(307) 评论(0) 推荐(0) 编辑
摘要: 1、所有的状态统一放在state中,由store来管理state 2、用户触发一个action行为,由dispatch分发action行为 3、通过store把原有的state的状态值和dispatch分发的action行为一起传给reducer 4、Reducer的作用是返回一个新的state去更 阅读全文
posted @ 2020-06-08 14:42 陶智斌 阅读(142) 评论(0) 推荐(0) 编辑
摘要: 1.ajax 再react中使用ajax和直接使用ajax的用法是完全一样的,只要找好路径即可,但是也有不一样的地方,再react中是通过改变状态state来达到让组件重新渲染的效果,并且放ajax的钩子函数一般会放在实例化期的componentDidMount中,因为再这个时候真实已经渲染完成了( 阅读全文
posted @ 2020-06-08 14:32 陶智斌 阅读(217) 评论(0) 推荐(0) 编辑
摘要: 1、单页面:(只有一个index.html)(为什么要使用react-router再react中) 所有的组件都是再同一个index.html中进行显示的,它再显示的时候是怎么显示的,通过你点击的连接显示相对应的组件,通过的是路由进行跳转的 想要再react中实现路由的功能,那么就必须要安装支持路由 阅读全文
posted @ 2020-06-08 14:19 陶智斌 阅读(162) 评论(0) 推荐(0) 编辑
摘要: 1、传值: 都是使用props和state结合得方式进行组件之间得传值 再react中传值得话是父子组件之间得传值,一般会把父组件中得state值通过props传给子组件,再子组件中使用props进行接收 实现方法: 把父组件中得text状态通过props传给子组件,然后再子组件中使用props进行 阅读全文
posted @ 2020-06-08 14:08 陶智斌 阅读(869) 评论(0) 推荐(0) 编辑
摘要: 1、react中属性props和状态state 属性--静态得,所以在初始化得时候使用得是static进行初始化得,正常情况下属性不改 状态--动态得,它得值是可以发生改变得,react中的组件更新(重新渲染),都是通过改变状态值从而达到更新或者是重新渲染得效果得 2、状态机 正因为react中的组 阅读全文
posted @ 2020-06-08 13:53 陶智斌 阅读(204) 评论(0) 推荐(0) 编辑
摘要: 生命周期: 一个人的生命周期:从出生到去世 出生得那一刻就是当前这一个人特性固定下来得那一刻:实例化期 出生了之后生长知道死的那一刻:生存期 去世了:销毁期 所以对于一个组件来说它的生命周期是三个时期:实例化期、生存期和销毁期 实例化期和销毁期只能被执行一次,但是生存期会反复被调用执行 每一个时期都 阅读全文
posted @ 2020-06-08 13:49 陶智斌 阅读(130) 评论(0) 推荐(0) 编辑
摘要: //代码可以复制自行体验 <template> <div id="app" @click.stop="test('你点击了我big-div')"> <P :class="{test:isElseTrue}">hahaha</P> <p :class="class1">hjaasdasd</p> <p 阅读全文
posted @ 2020-06-08 13:39 陶智斌 阅读(331) 评论(0) 推荐(0) 编辑