ReactJs
文章平均质量分 82
欣欣__KuanG97
Nothing impossible
展开
-
【ReactJs学习笔记总目录】
目录目录笔记主目录案例实战实战代码Download笔记主目录案例实战【todoList】实战代码Download(github:KuanG97) 下载实战代码 ClickHere》...原创 2018-08-09 16:08:21 · 973 阅读 · 0 评论 -
【ReactJs学习笔记】【01创建项目】
目录目录环境在 create-react-app 中使用安装和初始化安装 create-react-app 工具新建一个项目进入项目并启动快捷链接环境node+npm在 create-react-app 中使用create-react-app 是业界最优秀的 React 应用开发工具之一安装和初始化安装 create-reac...原创 2018-08-09 17:01:24 · 211 阅读 · 0 评论 -
【React学习笔记】【应用的结构】
目录目录package.json文件刚创建好react项目的大概内容public/index.html页面src/index.js入口文件src/APP.js组件快捷链接package.json文件刚创建好react项目的大概内容{ "name": "pro", "version": &am原创 2018-08-14 09:20:51 · 222 阅读 · 0 评论 -
【ReactJs学习笔记】【编译生产环境的React应用】
目录目录package.json 本地服务器打开编译好的项目可以快速以当前路径为根目录建立服务的工具pushstate-server快捷链接package.json"scripts": { "start": "react-scripts start", "build": "reac原创 2018-08-14 09:45:31 · 1133 阅读 · 0 评论 -
【ReactJs学习笔记】【Chrome安装react审查插件&&组件】
目录目录Chrome安装react审查插件组件创建并导出组件引用组件尝试直接将新组件放置到对应标签快捷链接Chrome安装react审查插件react developer tools拓展安装包下载 ClickHere>> 拖动下载了的.crx文件到拓展程序,显示如下 打开react项目,并用开发者工具,即可看到 ...原创 2018-08-14 10:59:55 · 1440 阅读 · 0 评论 -
【ReactJs学习笔记】【父子组件用于传递数据— —Props】
【Javascript学习笔记】目录目录属性Props原理下面代码理解代码效果从父组件(祖先)获得数据代码效果快捷链接属性Props原理1.父组件通过属性的形式向子组件传递参数,而子组件通过this.props.xxx获取父组件传递过来的参数。 2.父组件获取子组件的传递值(即子组件与父组件的通信),子组件要调用父组件传...原创 2018-08-14 13:16:44 · 933 阅读 · 0 评论 -
【ReactJs学习笔记】【状态State && 用JQ和ajax从服务器端得到数据】
【Javascript学习笔记】目录目录数据准备传递数据的链接模拟数据JQuery准备安装jspm包管理在本地目录安装包管理下载JQuery检查依赖配置状态StateJQuery&&Ajax效果快捷链接数据准备传递数据的链接index.js- var commen = [- { "auth...原创 2018-08-14 14:24:15 · 422 阅读 · 0 评论 -
【ReactJs学习笔记】【事件Event && 得到浏览器显示的元素refs用于表单取值】
【Javascript学习笔记】目录目录onClick点击事件onKeydown按下键盘事件onCopy复制事件onSubmit提交表单得到浏览器上显示的元素refs,获取对应from的内容代码效果快捷链接onClick点击事件onKeydown按下键盘事件onCopy复制事件onSubmit提交表单尝试:Comm...原创 2018-08-14 14:49:02 · 331 阅读 · 0 评论 -
【ReactJs学习笔记】【子组件将数据传给父组件 && 模拟发送更新给服务端】
【Javascript学习笔记】目录目录CommentForm新添加的内容传给爸爸CommentBox理解代码效果更新评论状态代码效果优化结构代码效果快捷链接CommentForm新添加的内容传给爸爸CommentBox理解父组件通过一个函数,将之交给子组件提交的函数。让子组件告诉他有人添加了信息,并将对应信息放进该...原创 2018-08-14 15:24:59 · 400 阅读 · 0 评论 -
【ReactJs学习笔记】【状态和生命周期+单向数据流理解】
目录目录生命周期理解方法状态设置状态的唯一位置——构造函数实战代码Download快捷链接生命周期理解方法//构造函数constructor(props) { super(props); this.state = {date: new Date()}; }//生命周期的方法(此处按照先后顺序写): co...原创 2018-08-28 16:59:35 · 658 阅读 · 0 评论 -
【React学习笔记】【使用AntDesign】
【Javascript学习笔记】目录目录使用antdDesignyarn安装antdDesignyarn引入antdDesign高级配置方便引用引入 react-app-rewired 并修改 package.json 里的启动配置。使用 babel-plugin-import优化好了的评论功能效果源码下载快捷链接使用antdDe...原创 2018-08-28 17:22:24 · 370 阅读 · 0 评论 -
使用Ant Design Pro,一个企业级开箱即用的中后台前端
目录* 此文仅是个人自学理解的学习笔记,若有不对之处敬请指导更正,谢谢! *目录Ant Design Pro了解安装使用方法一:clone方法二: ant-design-pro-cli运用新手常遇到的问题实战代码Download快捷链接Ant Design Pro了解Ant Design Pro 是一个企业级开箱即用的中后台前...原创 2018-08-30 16:49:17 · 19683 阅读 · 6 评论 -
使用Dva及AntDesign,官网实战后的学习理解
目录目录关于Dva官网的项目实战讲解全局安装dva查看dva版本,存在则可用dva命令创建应用打开应用查看初始配置理解效果警告快捷链接关于DvaDva是基于 redux、redux-saga 和 react-router 的轻量级前端框架。官网的项目实战讲解官网的项目实战 ClickHere》全局安装dva有-g...原创 2018-08-30 17:34:45 · 3087 阅读 · 0 评论 -
【ReactJs学习笔记】【边实战边学习— —todoList慕课】
目录目录了解结构最终效果知识点重点难点最初目录结构效果代码index.js部分todoList.js新增列表项之获取input里面的value效果代码修改todoLiat.js部分删除列表项效果代码修改todoLiat.js部分拆分组件之——多组件概念父子组件之间的信息传递最终功能效果代码修改todoLiat.js部分...原创 2018-08-09 16:16:11 · 334 阅读 · 0 评论