随笔分类 - 面试题
摘要：概述 switch语句对一个表达式求值，将结果与 case 子语句比较，如果匹配，则从 case 处的语句向下执行。 语法 break;语句是可选择的，如果遇到break;则会跳出整个switch语句。如果没有任何case匹配，则进入到default:的分支。default:分支也是可选的。 swi
阅读全文
摘要：常见的一个面试题：简单谈下JSONP解决ajax跨域请求的原理？ 1、局限：只能跨域处理Get请求 2、本质是get请求 3、实现方式：分为浏览器端和服务器端 浏览器端通过sript来实现（发请求前编写一个用来处理请求的回调函数，然后传递给服务器） 4、小结 .
阅读全文
摘要：先回顾下之前所做的操作，在用户登录成功后将用户信息存储在内存里，如下所示 1、编写用户存储信息模块memoryUtils.js 2、登录组件里，当登录成功时将信息存储到内存 3、后台主页里进行登录验证 判断内存里是否包含user用户信息，如果没有则表示没有登录，重定向到登录页；否则正常访问 但此时发
阅读全文
摘要：（1）跨域情况： 跨域情况： 1）、协议不同：http与https 2）、主机不同 3）、端口号不同 （2）跨域处理： 跨域处理： 1、JSONP处理跨域，缺点：只能处理GET请求 2、CORS后台处理（开发应用比较少） 3、服务代理（开发应用较为广泛） （3）代理服务器： 代理服务器会帮我们做一个
阅读全文
摘要：在一个Node.js项目中，package.json几乎是一个必须的文件，它的主要作用就是管理项目中所使用到的外部依赖包，同时它也是npm命令的入口文件。 npm 目前支持以下几类依赖包管理： dependencies devDependencies peerDependencies optiona
阅读全文
摘要：熟悉一下基于React的新项目。按照以往，我的步骤都是： git clone xxx npm install npm run dev 这时，JJ给我来了下面一段 git clone xxx yarn yarn start “咦，yarn是什么鬼？难道npm更高级的替代品？为什么要替代npm？难道有什
阅读全文
摘要：最近Github 10周年在朋友圈里沸沸扬扬刷屏，小编在工作中却惊讶的发现不少同事对版本号中的beta和rc没有概念，使用npm install package@next时，也不清楚next代表的含义。于是，决定写一篇文章科普一下由 Github 起草的Semver(语义化版本)的相关知识。 实际案
阅读全文
摘要：重点： 1、封装自定义Hooks函数，一定要用use开头，这样才能区分出什么是组件，什么是自定义函数2、useCallback为缓存方法，useMome为缓存状态/属性，两者都是优化性能 其实自定义Hooks函数和用Hooks创建组件很相似，跟我们平时用JavaScript写函数几乎一模一样，可能就
阅读全文
摘要：什么是 React.memo ？ React.memo 和 React.PureComponent 类似， React.PureComponent 在类组件中使用，而React.memo 在函数组件中使用 看下面两个例子，有两个计数器组件，两个计数器的数据都来源于父组件，第一个计数器通过点击按钮数字
阅读全文
摘要：useCallback 使用场景是：有一个父组件，其中包含子组件，子组件接收一个函数作为props；通常而言，如果父组件更新了，子组件也会执行更新； import React, { useMemo, useCallback } from "react" let Counter = ({ value,
阅读全文
摘要：作用： useMemo主要用来解决使用React hooks产生的无用渲染的性能问题。 缘由： 使用function的形式来声明组件，失去了shouldCompnentUpdate（在组件更新之前）这个生命周期，主要进行状态对比，如果需要则进行改变。也就是说使用Hooks的useEffect（替代生
阅读全文
摘要：一、useEffect 依赖诚实问题的粗暴解决及带来的问题 二、使用 useReducer 解决依赖诚实问题 1、声明一个 reducer 2、使用 useReducer 声明 state 和 dispatch 3、使用 dispatch 进行 state 的一些变更 4、效果: 5、依赖真的都诚实
阅读全文
摘要：温馨提示： 使用react-hooks进行正常开发时，需要把组件和createContext创建上下文步骤单独写出来，哪里需要就在哪里引入 举个实际的例子：子组件中修改父组件的 state 一般的做法是将父组件的方法比如 setXXX 通过 props 的方式传给子组件，而一旦子组件多层级的话，就要
阅读全文
摘要：近期开发遇到个小问题，没有多加注意，查找时只能暂时用别的办法，闲暇之余看了下原来这么简单... ...，这里留个备录。 var x = 1; function fn(x){ console.log(x) }; fn() 输出结果为undefined，原因：局部变量x覆盖了全局变量。 var x =
阅读全文
摘要：概念 首先我们会用到哪些框架和工具呢？ React UI框架 Redux 状态管理工具，与React没有任何关系，其他UI框架也可以使用Redux react-redux React插件，作用：方便在React项目中使用Redux react-thunk 中间件，作用：支持异步action 目录结构
阅读全文
摘要：（1）无状态组件 无状态组件(Stateless Component)是最基础的组件形式，由于没有状态的影响所以就是纯静态展示的作用。一般来说，各种UI库里也是最开始会开发的组件类别。如按钮、标签、输入框等。它的基本组成结构就是属性（props）加上一个渲染函数（render）。由于不涉及到状态的更
阅读全文
摘要：react-router-v4，我称之为“第四代react-router”，react-router和react-router-dom的区别是什么呢？ 为什么有时候我们看到如下的写法： 写法1: import {Swtich, Route, Router, HashHistory, Link} fr
阅读全文
摘要：本节主要针对之前的ToDoList代码做下优化 （1）删除无用构造器 （2）解构赋值优化this.props取值 优化如下 注意位置： 解构赋值语法定义的局部变量要写在render内部 （3）无状态UI组件抽离 将当前组件的render内部抽离出来 无状态组件的优点： 1、大大提高了组件渲染性能 2
阅读全文
摘要：接着之前的react-redux完善ToDoList案例，实现点击按钮，添加列表项功能 （1）添加按钮响应事件 （2）编写映射关系 （3）编写reducer.js进行state的业务逻辑处理 测试如下，此时便完成了列表数据的添加操作 .
阅读全文
浙公网安备 33010602011771号