随笔分类 -  React

React案例/知识点
摘要:一、Antd Select提供几种类型 1. 最基础版只提供下拉功能的选择器 2. 带搜索功能的下拉选择器 3. 可多选的下拉选择器 4. 可搜索、可多选、可随意输入内容的tag下拉选择器(支持自动分词) 5. 多级联动下拉选择器 6. 搜索远程数据下拉框 二、一些潜在用法 如果Select.Opt 阅读全文
posted @ 2018-09-29 21:53 xiaobe 阅读(39751) 评论(1) 推荐(0) 编辑
摘要:一、react json view npm 官方定义: RJV is a React component for displaying and editing javascript arrays and JSON objects. 译: RJV是一个用于显示和编辑javascript数组和JSON对 阅读全文
posted @ 2018-09-27 16:26 xiaobe 阅读(38797) 评论(2) 推荐(3) 编辑
摘要:一、 实现思路 我们都知道让溢出内容变成...,只需要以下: 表格里的内容直接引用这段代码可不行。 因为table的宽度我们并不能控制,我们加的内容会自动撑大表格列表宽度. 关键的一步是给 加上一个样式: 这条属性就是让table的内部布局固定大小 归纳总结Table要实现这个功能,需要这几个条件: 阅读全文
posted @ 2018-09-26 18:58 xiaobe 阅读(17026) 评论(0) 推荐(0) 编辑
摘要:一、 react组件两种导入方式 React组件可以通过两种方式导入另一个组件 1. import(常用) 2. require 两种方式有什么区别? 提出的规范不同 import是ES6语法,reuqire是CommonJs提出的. import会通过babel转换成CommonJS规范。 下面两 阅读全文
posted @ 2018-09-02 15:05 xiaobe 阅读(33839) 评论(4) 推荐(1) 编辑
摘要:内容转载于http://www.cnblogs.com/wonyun/p/5930333.html React推出后,出于不同的原因先后出现三种定义react组件的方式,殊途同归; 具体的三种方式: 1. 函数式定义的 2. es5原生方式 定义的组件 3. es6形式的 定义的组件 虽然有三种方式 阅读全文
posted @ 2018-09-02 14:30 xiaobe 阅读(18692) 评论(0) 推荐(1) 编辑
摘要:文章内容转载于https://www.cnblogs.com/faith3/p/9216165.html 一、组件生命周期的执行次数是什么样子的??? 二、组件的生命周期执行顺序是什么样子的??? 假设组件嵌套关系是 App里有parent组件,parent组件有child组件。 如果不涉及到set 阅读全文
posted @ 2018-08-30 11:26 xiaobe 阅读(50047) 评论(0) 推荐(5) 编辑
摘要:一、什么是按需加载 和异步加载script的目的一样(异步加载script的方法),按需加载/代码切割也可以解决首屏加载的速度。 什么时候需要按需加载 如果是大文件,使用按需加载就十分合适。比如一个近1M的全国城市省市县的json文件,在我首屏加载的时候并不需要引入,而是当用户点击选项的时候才加载。 阅读全文
posted @ 2018-08-25 20:41 xiaobe 阅读(4615) 评论(0) 推荐(1) 编辑
摘要:一、 什么是单页面富应用? 单页面应用:Single Page Application 概念:Web应用即使不刷新也在不同的页面间切换,解决浏览器前进、后退等机制被破坏等问题。并且页面访问会被浏览器保存。 实现方法: 1. Node+Html5实现 2. React/Vue等MVVM框架 二、单页面 阅读全文
posted @ 2018-08-21 10:29 xiaobe 阅读(2792) 评论(0) 推荐(0) 编辑
摘要:一、前面bb两句 因为自惭(自残)webpack配置还不够熟悉,想折腾着做一个小实例熟悉。想着七夕快到了,做一个聊天室自己和自己聊天吧哈哈。好了,可以停止bb了,说一下干货。 二、 这个项目能学到啥? 为了减少秒关文章的冲动。我得把好话放在前头。做了这个项目,我学会了....(对于我). 1. We 阅读全文
posted @ 2018-08-16 19:46 xiaobe 阅读(2270) 评论(7) 推荐(0) 编辑
摘要:一、问题描述 ___ 想通过react redux和redux实现react组件之间的通信,reducer、action、store都编写正确,mapDispatchToProps也能正确传值.唯独mapStateToProps的return出现了问题。 但是用chrome的react插件查看pro 阅读全文
posted @ 2018-08-13 12:12 xiaobe 阅读(5369) 评论(1) 推荐(1) 编辑
摘要:项目运行 功能一览 1.购买产品 2.查看购买的产品 3.删除购买的产品 功能gif图: 实现过程 一、创建项目(脚手架方式) 通过使用create react app创建项目,可以免去安装和配置webpack和babel等工具,使得创建项目变得便捷许多,因为他们已经被预先安装和配置了。 好了,开始 阅读全文
posted @ 2018-08-08 09:57 xiaobe 阅读(1708) 评论(2) 推荐(0) 编辑