qq_36486737的博客

原文发表于：https://www.rails365.net/articles/hou-duan-127-shi-pin-fen-xiang-nodejs-react-redux 目前为止视频统计：轻松学 nodejs - 基础篇轻松学 Node.js - 基础篇 #1 课程介绍与开发环境搭建轻松学 Node.js - 基础篇 #2 ...

React-Native给前端带来了新视野，可以使用web开发语言javascript来实现Native开发（ios／android），现在的前端能做的事情就更多了。react-navigation的使用react-native中使用导航器来实现native的路由功能，可是官网说的太简略了，唯一指出的一篇入门文档，还是英语。效果图示...

在react中，我们知道使用webpack就是最好的构建工具，那这样的一个简单的开发环境是如何从无到有一步步的搭建起来的呢？这一篇文章的目的：就是基于node使用webpack搭建基础的开发环境。1、node的安装我们使用的webpack是基于nodejs的环境下开发的，可以看看自己的电脑中有没有安装node。打开命令窗口。输入node -v 就可以查...

reactjs是目前最火的单页面框架，面向ES6语法，使用JSX语法进行组件化开发。JSX语法是把js和html混合起来编写代码，其核心就是以“<”“>”包裹html，以“{ }”来包裹js语法。只需要多写几遍就行，个人觉得没必要专门学习什么是jsx。reactjs语法非常简单，难的是把reactjs和其他的一系列东西混合起来如何使用。这篇...

1、css相关react的css引用方式：var styles = require(“./Category.css”);import styles from “./Category.css”;传统的方式是 <link type=”text/css” src=”./Category.css”>组件的使用方式：<div className={styles.ent...

1、前一篇说了redux的一些基本概念和用法，这一篇我们研究在react中如何使用redux，在react中使用redux的一些不同点。2、redux中，我们通过store.subscribe()进行数据监听，来更新页面。在react中，我们针对了redux进行了react版本的一些增强(基本不使用store.subscribe()函数)，具体就是”react...

1、redux作为react技术栈系列中解决数据管理的一种架构，我们非常有必要学会它，理解它。2、为什么要用redux？很多人很疑惑。有这么一句话，我觉得很经典，就是当你不知道要不要用redux的时候，那就不需要使用redux。只有当你遇到你解决不了的问题的时候，redux可能就是你的解决方案。3、如果一个人开始学习redux，他最好记住这么一套逻辑，re...

1、exact exact是Route下的一条属性，一般而言，react路由会匹配所有匹配到的路由组价，exact能够使得路由的匹配更严格一些。exact的值为bool型，为true是表示严格匹配，为false时为正常匹配。如在exact为true时，’/link’与’/’是不匹配的，但是在false的情况下它们又是匹配的。一个常用的场景是这样的：...

除了Router、Route、Link这三个react路由的基础搭配使用，还有一些其他的比较重要的组件，比如我们在页面切换时，需要进行一些提示，我们就能使用Prompt组件。1、Prompt组件 它有一个必须的属性message，用于给用户提示信息。 基本使用：<Prompt message="您确定您要离开当前页面吗？"/>1这样...

如何获取输入框的值是react中必须面对的问题，目前比较好的方式与两种，一种是使用ref，而另一种是使用onChange事件，它通过事件对象的方式获取输入值。 具体使用方式如下：import React,{ Component } from "react";import { render } from "react-dom";class Mai...

1、react是什么？它的优势在哪？ react是在前端的单页面应用领域中，处于领导地位！它使用虚拟DOM和组件化开发的方式，重新定义了前端开发的方式。如果说react的优势在哪？我认为是这两点！第一点、虚拟DOM。     虚拟DOM的方式，能够极大的提高react项目的性能问题！  &

之前看过阮一峰老师的redux教程，总感觉在描述上有太多的专业术语，反而增加了理解的难度，所以希望自己使用自己的方式来总结一下redux的使用方法。第一点、无论任何时候，我们应该明白，redux能干什么，为什么要使用它？ 阮一峰老师的一种描述很经典，“当你不知道要不要使用redux的时候，那就不需要使用redux！” 阮一峰老师也描述了什么时候该用redu...

一切从需求出发，一切向功能看齐。我们讨论一个东西的时候，首先要知道它是干什么？ react中的ref的作用就是用于获取DOM的，简单的说，你想获取一个input框的值，在react中怎么做呢？这时候ref就是你的首选。 基本格式：<input type='text' ref='input' />1获取方式：const node ...

Facebook对react进行持续的改进，路由作为其中最重要的一部分，在4.0版本对其进行了大量的优化，总的来说，简单易用！ 之前使用react路由的时候，我们引入的是react-router包。 现在改版之后，我们引入的包是react-router-dom包。改版之后的react-router-dom路由，我们要理解三个概念，Router、Route和...

webpack的几大模块      如果说，一个webpack配置文件，我们到底需要配置的东西有什么？我觉得有这么几个重要的模块：entry（入口）、output（输出）、loaders、以及 plugins（插件）。entry：代表入口。表示webpack从哪里开始解析你的项目依赖关系。ou...

对react项目开发，我大概对它的知识点进行了分类，主要由以下几个部分组成。12基础写法入口页面的写法import React,{ Component } from 'react';import { render } from 'react-dom';import Main from './components/Main';ren...

引言最近半年，所做的项目都是集中在react以及react-native上，对于react的一些基本用法，渐渐形成了自己的一些见解，而服务则是这些见解中比较重要的一部分。引言为什么要封装服务服务的概念服务封装的优势服务封装的基本原则基本原则一：职责分明基本原则二：低耦合性基本原则三：高复用性底层服务封装和集成底层...

在redux的学习中，个人觉得connect（）函数是redux中的难点。所以想结合Provider 组件来总结一下。（如果大家对redux还没有一个整体的了解，还不建议直接看下去） 1、react-redux的状态管理方式是什么？在react-redux中，使用Provider注入store，store是我们创建的用于状态管理的容器。使用方式就是： js...