react
不写博客的前端不是好前端
这个作者很懒,什么都没留下…
展开
-
React案例分析
React案例分析内容介绍React 生命周期高阶组件与函数作为子组件CONTEXT API内容介绍本文是通过对geek-time提供的react课程的案例进行分析,着重强化react知识,附上案例github地址:https://github.com/supnate/react-geek-timeReact 生命周期Render阶段纯净且没有副作用,这个阶段可能会被react暂停,中止或者重新启动Pre-commit 阶段更新dom节点之前,可以读取dom节点内容commit 阶段原创 2020-10-29 20:15:49 · 239 阅读 · 0 评论 -
React路由配置——React Router
官方文档:React Router 中文文档原创 2020-10-29 16:36:19 · 545 阅读 · 0 评论 -
【黑马程序员】react学习笔记
DOM 浏览器中的概念 用JS对象表示页面中的元素并提供操作对象的api虚拟DOM 框架中的概念 用JS对象模拟页面上的DOM和DOM嵌套,主要目的是实现页面上元素的高效更新Diff算法 :tree diff, component diff, element diffwebpack :快速初始化项目: npm init -y新建目录: dist 产品目录 src 源代码路径在src目录下创建index.html,main.js文件使用cnpm安装webpack,运行 cnp..原创 2020-10-24 20:56:29 · 806 阅读 · 0 评论 -
自己动手搭建一个React框架——toyReact
toyReact框架搭建环境配置JSX 原理和关键实现我们之前在博客上有提到 react的教程中tic-tac-toe游戏的案例,那么在篇博客中,我们主要要实现的是搭建自己的toyReact框架,将tic-tac-toe在toyReact框架中跑起来。环境配置包安装:npm install --save-dev webpack webpack-clinpm install --save-dev babel-loader @babel/core @babel/preset-envnpm insta原创 2020-09-05 21:59:48 · 941 阅读 · 0 评论 -
react官方文档棋盘案例分析
棋盘案例功能介绍井字棋初始状态代码通过 Props 传递数据给组件添加交互功能状态提升函数组件轮流落子判断出胜者时间旅行保存历史记录再次提升状态展示历史步骤记录选择一个 key实现时间旅行最终代码实现功能介绍井字棋tic-tac-toe(三连棋)游戏的所有功能能够判定玩家何时获胜能够记录游戏进程允许玩家查看游戏的历史记录,也可以查看任意一个历史版本的游戏棋盘状态初始状态代码class Square extends React.Component { render() { retu原创 2020-08-31 19:47:13 · 197 阅读 · 0 评论 -
react组件间通信
react组件通信父子组件通信父子组件通信原创 2020-08-27 16:56:12 · 139 阅读 · 0 评论