枕风

1. web应用和web鉴权 鉴权的定义是，对用户访问系统进行权限控制。 web鉴权是针对web应用进行用户访问权限控制，那么什么是web应用呢？ 从用户角度，使用一个we...

从登录的交互形式角度，登录有很多方式：账号密码登录、验证码登录、手机号一键登录、扫码登录等等。 今天我们聊一聊扫码登录的原理。 先来看一个扫码登录的场景： 1.使用微信扫码...

前言 “在浏览器里输入URL到页面展示，这中间发生了什么？”这是一道经典的面试题，能较为全面的考察应聘者知识掌握层度的，身为一个前端工程师，浏览器是我们平时打交道最多的地方...

简介 当我们说前端性能优化的时候，指的可能是不同场景的性能优化。前端涉及性能优化的场景主要有： 项目构建性能优化 页面性能优化 加载时性能优化 运行时性能优化 构建性能主要...

React的diff算法基于两个假设： 1、不同元素的类型会产生不同的树 2、开发者可以通过key prop标识一个元素在不同的渲染下可以保持稳定（及相同key的元素不需要...

yarn包管理器 ==注意: 如果yarn实在安装不上可以用npm== 快速、可靠、安全的依赖管理工具。(类似npm作用) 中文官网地址: https://yarn.boo...

React concurrent mode 简介 Concurrent 模式是一组 React 的新功能，可帮助应用保持响应，并根据用户的设备性能和网速进行适当的调整。 目...

fiber架构 fiber架构是为了支持react进行可中断渲染，降低卡顿，提升流畅度。 react16之前的版本，diff虚拟dom时候是一口气完成的。这可能造成卡顿，因...

前言 在PC端中经常遇见的需求: 没有登录也能访问的页面,比如登录页,404页面 只有登录,有了令牌才能访问的页面,比如个人信息(只有登录了.你才能访问的页面) 因此,我们...

前言 可以依照官方文档查看 react中并没有路由守卫，就有了路由鉴权的解决方案 这应该是非常常见的使用场景，举例来说app内有部分页面只允许已登录用户访问，当路由跳转到这...

//笔试考试题目：涉及知识点：递归遍历树，查找符合条件的子属性，(答案在文章结尾处) 问题如下： //答案：...

前端常见高频面试题 1、什么是mvvm 、 mvc 模型？ MVC: MVC即model-view-controller（模型-视图-控制器）是项目的一种分层架构思想，它把...

WebSocket 是一种数据通信协议，类似于我们常见的 http 协议。 初次接触 WebSocket 的人，都会问同样的问题：我们已经有了 HTTP 协议，为什么还需要...

node app.js //执行js文件 不要使用 npm nodemon app.js //保存后重新启动 npm init //初始化项目 npm i nodemon ...

useReducer 是 useState 的升级版本，用来践行 Redux 的思想 使用 useReducer 代替 Redux 使用 createContext/use...

![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e5c3bad7915745fcbebc96c...

组件通信方式总结 组件间的关系: .父子组件 兄弟组件(非嵌套组件) 祖孙组件(跨级组件) 几种通信方式: 1.props (1).children props (2).r...