随笔分类 - react
摘要：本节介绍下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 后，在这里
阅读全文
摘要：单页面应用 单页面应用(single-page application)，是一个应用程序，它可以加载单个 HTML 页面，以及运行应用程序所需的所有必要资源（例如 JavaScript 和 CSS）。与页面或后续页面的任何交互，都不再需要往返 server 加载资源，即页面不会重新加载。 你可以使用
阅读全文
摘要：背景： React内部分别使用了props, state来区分组件的属性和状态。props用来定义组件外部传进来的属性, 属于那种经过外部定义之后, 组件内部就无法改变。而state维持组件内部的状态更新和变化, 组件渲染出来后响应用户的一些操作,更新组件的一些状态。如果组件内部状态不需要更新,即没
阅读全文
摘要：虽然网上都在将，React和Vue等框架尽量减少直接的DOM操作，但还有有些情况，必须直接操作
阅读全文
摘要：前言： createClass本质上是一个工厂函数，extends的方式更加接近最新的ES6规范的class写法。两种方式在语法上的差别主要体现在方法的定义和静态属性的声明上。createClass方式的方法定义使用逗号,隔开，因为creatClass本质上是一个函数，传递给它的是一个Object；
阅读全文
浙公网安备 33010602011771号