随笔分类 - 面试题
摘要：HashRouter模式： BrowserRouter模式： 分享： 前言 react-router针对不同的使用场景衍生了不同的路由包，RN项目用react-router-native，web项目用react-router-dom。并且，不需要再重复引入react-router了。我搭建的是web
阅读全文
摘要：（1）需求分析 首先项目里当请求根路径时需要重定向到/home首页，即请求localhost:3000时，重定向到localhost:3000/home。 之前我们的操作是，只要输入url不存在则统统重定向到首页，如下所示 （2）修改需求 现在我们添加404页面，分析如下 ①请求根路径时重定向到/h
阅读全文
摘要：React里调用方法常见的方式有两种 （1）触发时通过回调函数触发 <Button type="primary" onClick={()=>this.updateBar()}>更新</Button> （2）直接通过方法名触发 <Button type="primary" onClick={this.
阅读全文
摘要：前言 JavaScript 发展至今已经发展出多种数组的循环遍历的方法,不同的遍历方法运行起来那个比较快,不同循环方法使用在那些场景,下面将进行比较: 各种数组遍历的方法 for 语句 代码: var arr = [1,2,4,6] for(var i = 0, len = arr.length;
阅读全文
摘要：注意： 1、Object.assign() 只是一级属性复制，比浅拷贝多深拷贝了一层而已。用的时候，还是要注意这个问题的。 2、简单实现深拷贝的方法，当然，有一定限制，如下：JSON.parse(JSON.stringify());思路就是将一个对象转成json字符串，然后又将字符串转回对象。 Ob
阅读全文
摘要：（1）数组 reducer中处理数组数据的赋值 我初始化了一个字段data = [],在发起请求成功后，要将返回的list赋值给data, 这时候就有一个问题了， 因为我们都是通过Object.assign这种形式进行赋值的， 那么究竟我们要怎么将得到的数组赋给data呢？接下来我们就以具体的代码来
阅读全文
摘要：随着HTML5的出现，input元素新增了多种类型，用以接受各种类型的用户输入。其中，button、checkbox、file、hidden、image、password、radio、reset、submit、text这10个是传统的输入控件，新增的有color、date、datetime、date
阅读全文
摘要：reduce()方法可以搞定的东西，for循环，或者forEach方法有时候也可以搞定，那为啥要用reduce()？这个问题，之前我也想过，要说原因还真找不到，唯一能找到的是：通往成功的道路有很多，但是总有一条路是最捷径的，亦或许reduce()逼格更高... 1、语法 arr.reduce(cal
阅读全文
摘要：1). Component存在的问题? a. 父组件重新render(), 当前组件也会重新执行render(), 即使没有任何变化 b. 当前组件setState(), 重新执行render(), 即使state没有任何变化 测试代码如下，首先是a情况 /**父组件 */ import React
阅读全文
摘要：面试案例题代码如下： 钩子函数内部代码如下： 问题：打印顺序是什么？ 然后开始执行生命钩子回调函数 接下来是setTimeout和Promise，两者顺序。Promise优先于定时器调用。那Promise和改变state后的render哪一个优先执行？查看结果如下 优先更新render，然后执行pr
阅读全文
摘要：1). setState()更新状态是异步还是同步的? a. 执行setState()的位置? 在react控制的回调函数中: 生命周期勾子 / react事件监听回调 非react控制的异步回调函数中: 定时器回调 / 原生DOM事件监听回调 / promise回调 /... b. 异步 OR 同
阅读全文
摘要：参考React官方文档，这里做下笔录 （1）setState语法 setState(updater, [callback])解析： 参数一为带有形式参数的 updater 函数： 参数二为可选的回调函数 1、参数一介绍 注意：当然，它不应直接被修改。你应该使用基于 state 和 props 构建的
阅读全文
摘要：本文主要解决： iview树形组件使用问题，已经有后台数据，请问如何对应treeData的字段？ 如下所示 { title: 'child 1-1', expand: true, children: [ { title: 'leaf 1-1-1', expand: true }, { title:
阅读全文
摘要：（1）接口文档如下 （2）测试接口 我们测试时如何测试数组格式参数呢？ 答案：依次输入 结果如下 .
阅读全文
摘要：首先我们需要了解一点，函数写法才是this.setState的原始写法，对象格式只是简洁语法格式。 （1）对象形式直接更新 如下所示初始化状态state有两个，一个是rolesList所有角色列表，另一个是roleItem选中的角色 这里注意：一个是数组，另一个是对象 当我们后期更新roleItem
阅读全文
摘要：一般来说有两种实现方式 一种是父子组件实时在进行数据传递和获取（即实时获取） 一种是在父组件点击时获取子组件数据，期间父组件并不实时收集子组件变化的数据（即点击时获取） 简述： 注意： 1、子组件调用父组件的方法：将父组件的方法以函数属性的形式传递给子组件，子组件就可以调用 2、父组件调用子组件的方
阅读全文
摘要：（1）引言 图片处理在前端工作中可谓占据了很重要的一壁江山。而图片的 base64 编码可能相对一些人而言比较陌生，本文不是从纯技术的角度去讨论图片的 base64 编码。标题略大，不过只是希望通过一些浅显的论述，让你知道什么是图片的 base64 编码，为什么我们要用它，我们如何使用并且方便的使用
阅读全文
摘要：这里介绍下postman测试请求API （1）测试get请求 根据请求文档API测试get请求，传参通过params传参 （2）测试post请求 通过body传参，但参数类型不同，分为文本类型和文件类型 其他为文件类型 1、文件类型 2、文本类型 .
阅读全文
浙公网安备 33010602011771号