探鱼不是鱼

OAuth 2.0OAuth 2.0 是目前最流行的授权机制，用来授权第三方应用，获取用户数据。简单说，OAuth 就是一种授权机制。数据的所有者告诉系统，同意授权第三方应用进入系统，获取这些数据。系统从而产生一个短期的进入令牌（token），用来代替密码，供第三方应用使用。示例:使用 github 登录你的网址开发流程介绍A 网站让用户跳转到 GitHub。GitHub 要求用户登录，GitHub 询问"A 网站要求获得 xx 权限，你是否同意？"用户同意，GitHub 就会重定向回

项目目录搭建srccomponents 公共组件pages 一些页面assets 资源utils 工具函数utils.jsapi 异步请求相关reduxconfig 配置文件(路由配置)routes.jsApp.jsindex.jsconfig-overrides.js项目环境搭建rem适配环境搭建下载依赖包yarn add react-app-rewired customize-cra babel-plugin-import postcss-px2rem -D

虚拟DOM的diff算法什么是虚拟domreact元素就是一个虚拟dom小结:直接操作dom元素,效率远远低于操作数据(虚拟dom)react中创建出来的元素,其实不是真实的dom元素,是虚拟domreact如何渲染视图层: 根据之前的结构,生成一个旧的虚拟dom. 然后代码发生变化,也就意味着新的虚拟dom结构发生变化.这个时候react底层会比较这两个虚拟dom结构.然后根据比较的结构,修改真实的dom.真实dom被修改了,视图就会跟着发生变化什么是diff算法一种对比新/旧虚拟DOM树

redux起源2014年 Facebook 提出了 Flux 架构的概念，采用 单向数据流 思想。2015年，Redux 出现，将 Flux 与 函数式编程 结合一起，很短时间内就成为了最热门的状态管理架构。Redux 概述yarn add reduxRedux 是 JavaScript 应用的可预测状态容器，用来集中管理状态。特点：集中管理、可预测、易于测试、易于调试、强大的中间件机制满足你所有需求。注意：redux 是一个独立于 react 的库，可以配合任何 UI 库/框架

React-router前言:现代的前端应用大多都是 SPA（单页应用程序），也就是只有一个 HTML 页面的应用程序。因为它的用户体 验更好、对服务器的压力更小，所以更受欢迎。为了有效的使用单个页面来管理原来多页面的功能，前端路由 应运而生前端路由的功能：让用户从一个视图（页面）导航到另一个视图（页面）前端路由是一套映射规则，在React中，是 URL路径 与 组件 的对应关系使用React路由简单来说，就是配置 路径和组件（配对）相关api组件<BrowserR

模块化commonjs如果在浏览器中使用commonjs,浏览器不认识commonjs语法,所以需要使用第三方包browserify,将commonjs转成浏览器认识的语法导出:module.exports / exports导入:require("./自定义包") require(“第三方包名”)ES6浏览器依然不认识es6模块化语法,需要使用babel将es6的语法转成commonjs,然后通过browserify转成浏览器认识的语法导出:分别导出: export 值统

React脚手架npx 目的简化命令行工具的使用体验原来：1 先全局安装脚手架的工具包2 再使用工具包中提供的命令来初始化项目现在：合二为一，直接通过 npx 不需要在全局安装脚手架的包，就可以直接初始化项目npx 内部会临时安装工具包，然后，使用工具包中提供的命令来初始化项目，并且，在初始化项目完成后，移除临时安装的工具包项目的整体技术架构为: react + webpack4 + es6 + eslint + babel文件夹简介public/ 公共资源 index

react数据渲染需求需求：实现评论列表功能// - 如果有评论数据，就展示列表结构 li（ 列表渲染 ）要包含a标签// - name 表示评论人，渲染 h3// - content 表示评论内容，渲染 p// - 如果没有评论数据，就展示一个 h1 标签，内容为： 暂无评论！// - 根据自己的喜好添加样式// - 给a标签注册点击事件, 打印内容code<script type="text/babel"> const list = [ {

React基本React 中文文档React 概述React 是一个用于构建用户界面的 JavaScript 库。如果从 MVC 的角度来看，React 仅仅是视图层（V），也就是只负责视图的渲染，而并非提供了 完整的 M 和 C 的功能。React 起源于 Facebook ,并于 2013 年 5 月开源React 三个特点1 声明式JSX 语法是声明式的，只需要描述页面长什么样子React.createElement() 是命令式2 组件化创建拥有各自状态的组件