随笔分类 - teach
摘要：React推出后，出于不同的原因先后出现三种定义react组件的方式，殊途同归；具体的三种方式： 函数式定义的无状态组件 es5原生方式React.createClass定义的组件 es6形式的extends React.Component定义的组件 虽然有三种方式可以定义react的组件，那么这三
阅读全文
摘要：跨域解决方案可以分为开发模式和生产模式 git查看脚手架工具，如下所示 然后进入docusaurus文档，文档里有关于跨域的相关配置 如下所示进行配置 （1）第一种方案 配置后重新测试 （2）第二种跨域方案 先利用express框架搭建简单后台服务 接下来创建路由文件 接下来启动后台服务，做下测试。
阅读全文
摘要：前言： Mock模拟数据有多种方式，简单概括下 概括： 主体： 目前为止都是使用第二种方式，接下来测试下Mock依赖包，参考文章.Mock数据模拟 .
阅读全文
摘要：新建http.js文件用来封装get和post请求 1、封装get请求 2、封装post请求 3、测试 首先在其他组件引入，注意：分析 引入类和方法的区别： React等类直接写即可 方法需要在外面用{}包围 封装之前写法 封装完成后调用httpPost写法，这里data为对象格式即可 get方法与
阅读全文
摘要：本节介绍下React下fetch的post请求 （1）编写服务端代码 /*加载express模块*/ var express = require('express') /*加载path路径处理核心模块*/ var path = require('path') /*加载body-parser中间件*/
阅读全文
摘要：Ajax 是什么？ 答：Ajax是一种可以在浏览器和服务器之间使用异步数据传输（HTTP请求）的技术。使用它可以让页面请求少量的数据，而不用刷新整个页面。而传统的页面（不使用Ajax）要刷新部分内容，必须重载整个网页页面。 Ajax 基于什么？ 答：它基于的是XMLHttpRequest（XHR）。
阅读全文
摘要：背景 提及前端与服务器端的异步通信，离不开 Ajax (Asynchronous JavaScript and XML)。实际上我们常说的 Ajax 并非指某一项具体的技术，它主要是基于用脚本操作 HTTP 请求的 Web 应用架构。最早出现在 Jesse James Carrett 于 2005年
阅读全文
摘要：关于FormData XMLHttpRequest Level 2添加了一个新的接口FormData.利用FormData对象,我们可以通过JavaScript用一些键值对来模拟一系列表单控件,我们还可以使用XMLHttpRequest的send()方法来异步的提交这个"表单".比起普通的ajax,
阅读全文
摘要：
阅读全文
摘要：前言： Async/Await应该是目前最简单的异步方案了,ES7 中新增了 async/await 两个关键词async顾名思义是“异步”的意思，用于声明一个函数是异步的。而await从字面意思上是“等待”的意思，就是用于等待异步完成。 主体： （1）同步操作 结果为1、3、2，这便是同步状态下的
阅读全文
摘要：本文介绍下React下fetch的get使用步骤 参考文章网络请求之fetch （1）编写基础组件模板 根组件引入 （2）json-server搭建模拟后台服务 编写模拟数据 自定义端口启动 测试如下 （3）结合生命周期componentDidMount进行fetch网络请求操作 注意：fetch后
阅读全文
摘要：（1）受控组件VS非受控组件 ***1、受控组件中，表单数据是由 React 组件的state状态值来管理的*** ***2、非受控组件，表单数据交由ref操作 DOM 节点来处理*** （2）受控组件 表单数据取决于state状态值，结合onChange事件进行操作，通过this.setState
阅读全文
摘要：参考文章： React中使用防抖函数和节流函数 在React、Vue和小程序中使用函数节流和函数防抖 在 react 组件中使用 debounce 函数 官方文档 .
阅读全文
摘要：该文件主要涉及到离线支持和网络恢复能力 一个好的渐进式 Web 应用，不论网络状况如何都能立即加载，并且在不需要网络请求的情况下也能展示 UI （即离线时)。 再次访问 http://Housing.com 渐进式 Web 应用（使用 React 和 Redux 构建）能够立即加载离线缓存的 UI。
阅读全文
摘要：前言： create-react-app生成的项目，默认端口号是3000。但是，总是有人蠢蠢欲动，想要修改这个3000端口。本文中的主要内容，就是使用各种方案修改这个3000端口，总有一款适合你。 主体： （1）方案1 3000端口是webpack配置里面写的，可以通过传递一个PORT全局变量，来修
阅读全文
摘要：前言： npm run eject 该命令来暴露出脚手架封装的一些配置，如果本地有安装git的人，此时会报错，如下所示 主体： 原因 主要问题是脚手架添加.gitgnore文件，但是却没有本地仓库。报错信息是：this git repository has untracked files or un
阅读全文
摘要：前言： 知道：create-react-app的背后，隐藏着一个webpack。一般情况下来说，webpack是默默隐藏的幕后英雄，你不需要修改它的配置，只需要简单无脑使用即可。某些情况下要修改webpack配置。那么，到底如何才能完成修改webpack配置这个需求呢？ 主体： create-rea
阅读全文
摘要：【前言】 在JavaScript中，call、apply和bind是Function对象自带的三个方法，这三个方法的主要作用是改变函数中的this指向。 【区别】 【主体】 （1）call 语法： call([thisObj[,arg1[, arg2[, [,.argN]]]]])，传递的是参数列表
阅读全文
摘要：有的小伙伴可能尝试过如下写法，在React渲染表格时设置边框 设置后发现无效？？？ 原因： 其实认真说起来这些table中的border属性也已不在HTML5标准中。这也不是React的问题，只是它遵守HTML5规范而已。所以以后React里改用CSS方式实现边框，如下所示 普通写法：<table
阅读全文
摘要：总结一下： componentDidmount 是在组件完全挂载后才会执行，在此方法中调用setState 会触发重新渲染，最重要的是，这是官方推荐的！ constructor 调用是在一开始，组件未挂载，所以不能用。 componentWillMount 调用在 constructor 后，在这里
阅读全文
浙公网安备 33010602011771号