剑仙6

2020年2月27日

bodyParser.urlencoded({ })里extended: true和false区别？？？

摘要：阅读全文

posted @ 2020-02-27 19:31 剑仙6 阅读(2386) 评论(0) 推荐(0) 编辑

摘要：前言： Async/Await应该是目前最简单的异步方案了,ES7 中新增了 async/await 两个关键词async顾名思义是“异步”的意思，用于声明一个函数是异步的。而await从字面意思上是“等待”的意思，就是用于等待异步完成。主体：（1）同步操作结果为1、3、2，这便是同步状态下的阅读全文

posted @ 2020-02-27 16:00 剑仙6 阅读(770) 评论(0) 推荐(0) 编辑

React网络请求fetch之get请求

摘要：本文介绍下React下fetch的get使用步骤参考文章网络请求之fetch （1）编写基础组件模板根组件引入（2）json-server搭建模拟后台服务编写模拟数据自定义端口启动测试如下（3）结合生命周期componentDidMount进行fetch网络请求操作注意：fetch后阅读全文

posted @ 2020-02-27 11:33 剑仙6 阅读(2810) 评论(0) 推荐(0) 编辑

React非受控组件

摘要：（1）受控组件VS非受控组件 ***1、受控组件中，表单数据是由 React 组件的state状态值来管理的*** ***2、非受控组件，表单数据交由ref操作 DOM 节点来处理*** （2）受控组件表单数据取决于state状态值，结合onChange事件进行操作，通过this.setState 阅读全文

posted @ 2020-02-27 11:19 剑仙6 阅读(216) 评论(0) 推荐(0) 编辑

2020年2月26日

React 组件优化之函数防抖节流---使用 debounce +throttle 函数

摘要：参考文章： React中使用防抖函数和节流函数在React、Vue和小程序中使用函数节流和函数防抖在 react 组件中使用 debounce 函数官方文档 . 阅读全文

posted @ 2020-02-26 20:48 剑仙6 阅读(3211) 评论(0) 推荐(0) 编辑

2020年2月25日

React脚手架工程化项目里ServiceWorker.js文件作用

摘要：该文件主要涉及到离线支持和网络恢复能力一个好的渐进式 Web 应用，不论网络状况如何都能立即加载，并且在不需要网络请求的情况下也能展示 UI （即离线时)。再次访问 http://Housing.com 渐进式 Web 应用（使用 React 和 Redux 构建）能够立即加载离线缓存的 UI。阅读全文

posted @ 2020-02-25 16:49 剑仙6 阅读(3228) 评论(0) 推荐(0) 编辑

create-react-app 脚本搭建工程，修改默认端口号

摘要：前言： create-react-app生成的项目，默认端口号是3000。但是，总是有人蠢蠢欲动，想要修改这个3000端口。本文中的主要内容，就是使用各种方案修改这个3000端口，总有一款适合你。主体：（1）方案1 3000端口是webpack配置里面写的，可以通过传递一个PORT全局变量，来修阅读全文

posted @ 2020-02-25 16:23 剑仙6 阅读(1192) 评论(0) 推荐(0) 编辑

React运行npm run eject命令报git错误

摘要：前言： npm run eject 该命令来暴露出脚手架封装的一些配置，如果本地有安装git的人，此时会报错，如下所示主体：原因主要问题是脚手架添加.gitgnore文件，但是却没有本地仓库。报错信息是：this git repository has untracked files or un 阅读全文

posted @ 2020-02-25 16:11 剑仙6 阅读(493) 评论(0) 推荐(1) 编辑

React自定义修改脚手架配置npm run eject

摘要：前言：知道：create-react-app的背后，隐藏着一个webpack。一般情况下来说，webpack是默默隐藏的幕后英雄，你不需要修改它的配置，只需要简单无脑使用即可。某些情况下要修改webpack配置。那么，到底如何才能完成修改webpack配置这个需求呢？主体： create-rea 阅读全文

posted @ 2020-02-25 16:03 剑仙6 阅读(1403) 评论(0) 推荐(0) 编辑

浅谈JS中的call、apply、bind方法

摘要：【前言】在JavaScript中，call、apply和bind是Function对象自带的三个方法，这三个方法的主要作用是改变函数中的this指向。【区别】【主体】（1）call 语法： call([thisObj[,arg1[, arg2[, [,.argN]]]]])，传递的是参数列表阅读全文

posted @ 2020-02-25 11:58 剑仙6 阅读(209) 评论(0) 推荐(0) 编辑

公告