now or never

业务背景：如果用户一段时间不做任何操作，到时之后应该清除所有过期用户信息跳回到登录。图表类业务渲染，我们可以通过下面的顺序来实现。

实现步骤代码实现表单校验实现实现步骤代码实现获取登录表单数据实现步骤代码实现实现步骤Axios配置Redux实现登录逻辑token持久化封装存取方法实现持久化逻辑刷新浏览器，通过Redux调试工具查看token数据路由鉴权实现实现步骤代码实现

CRA是一个底层基于webpack快速创建React项目的脚手架工具。

使用CRA创建项目，并安装必要依赖，包括下列基础包。

路由系统中的多个路由之间需要进行路由跳转，并且在跳转的同时有可能需要传递参数进行通信。

Redux 是React最常用的集中状态管理工具，类似于Vue中的Pinia（Vuex），可以独立于框架运行作用：通过集中管理的方式管理应用的状态。

概念：自定义Hook是以use打头的函数，通过自定义Hook函数可以用来实现逻辑的封装和复用// 封装自定义Hook// 问题: 布尔切换的逻辑 当前组件耦合在一起的 不方便复用// 解决思路: 自定义hook// 可复用的逻辑代码value)// 哪些状态和回调函数需要在其他组件中使用 returnreturn {value,toggle// 封装自定义hook通用思路// 1. 声明一个以use打头的函数// 2. 在函数体内封装可复用的逻辑（只要是可复用的逻辑）

{message}

了解前后端分离项目中 token 的作用在删除最后一页，最后一条时有 Bug。

如下对象取值的方式哪个正确?A: obj.aB: obj()a哪个赋值会让浏览器解析成标签显示?哪个是获取输入框值的方式?哪个是用于获取标签内容?A: theP.innerHTML = ‘内容’哪个是数组的映射方法？B: arr.map数组转字符串并指定拼接符的是哪个?函数传参的方式哪个是正确的？A：showAlert(‘消息’, ‘类名’)以下哪套代码可以实现对象属性的简写？以下代码的值是多少？A：‘成年了’B：‘未成年’以下哪个方法可以添加一个额外类名？

首先浅拷贝和深拷贝只针对引用类型浅拷贝：拷贝的是地址如果是简单数据类型拷贝值，引用数据类型拷贝的是地址 (简单理解： 如果是单层对象，没问题，如果有多层就有问题)

了解构造函数原型对象的语法特征，掌握 JavaScript 中面向对象编程的实现方式，基于面向对象编程思想实现 DOM 操作的封装。

了解面向对象编程的基础概念及构造函数的作用，体会 JavaScript 一切皆对象的语言特征，掌握常见的对象属性和方法的使用。

学习作用域、变量提升、闭包等语言特征，加深对 JavaScript 的理解，掌握变量赋值、函数声明的简洁语法，降低代码的冗余度。

元素.classList.contains() 看看有没有包含某个类，如果有则返回true，么有则返回false。// const strEnd = str.replace(/前端/, 'web') 只能替换一个。// const strEnd = str.replace(/前端/, 'web') 只能替换一个。表示字符的范围，定义的规则限定在某个范围，比如只能是英文字母，或者数字等等，用表示范围。// 用户名可以输入英文字母，数字，可以加下划线，要求 6~16位。

history (历史)是对象，主要管理历史记录， 该对象与浏览器地址栏的操作相对应，如前进、后退等。location (地址) 它拆分并保存了 URL 地址的各个组成部分， 它是一个对象。map 也称为映射。**特性：**以键值对的形式存储，并且存储的是字符串， 省略了window。**问题：**因为本地存储里面取出来的是字符串，不是对象，无法直接使用。**解决：**需要将复杂数据类型转换成 JSON字符串,在存储到本地。**作用：**join() 方法用于把数组中的所有元素转换一个字符串。

进一步学习 DOM 相关知识，实现可交互的网页特效。

进一步学习 事件进阶，实现更多交互的网页特效，结合事件流的特征优化事件执行的效率。

的第2个参数是函数，这个函数会在事件被触发时立即被调用，在这个函数中可以编写任意逻辑的代码，如改变 DOM 文本颜色、文本内容等。译成中文是【点击】的意思，它的含义是监听（等着）用户鼠标的单击操作，除了【单击】还有【双击】是 DOM 对象专门用来添加事件监听的方法，它的两个参数分别为【事件类型】和【事件回调】。任意事件类型被触发时与事件相关的信息会被以对象的形式记录下来，我们称这个对象为事件对象。事件回调函数的【第1个参数】即所谓的事件对象，通常习惯性的将这个对数命名为。

知道 ECMAScript 与 JavaScript 的关系，Web APIs 是浏览器扩展的功能。严格意义上讲，我们在 JavaScript 阶段学习的知识绝大部分属于 ECMAScript 的知识体系，ECMAScript 简称 ES 它提供了一套语言标准规范，如变量、数据类型、表达式、语句、函数等语法规则都是由 ECMAScript 规定的。浏览器将 ECMAScript 大部分的规范加以实现，并且在此基础上又扩展一些实用的功能，这些被扩展出来的内容我们称为 Web APIs。

知道对象数据类型的特征，能够利用数组对象渲染页面。

声明（定义）一个完整函数包括关键字、函数名、形式参数、函数体、返回值5个部分。

script > // 1. 语法，使用 [] 来定义一个空数组 // 定义一个空数组，然后赋值给变量 classes // let classes = [];// 2. 定义非空数组 let classes = [ '小明' , '小刚' , '小红' , '小丽' , '小米' ] </ script >// 1. 语法，使用 [] 来定义一个空数组。

理解什么是流程控制，知道条件控制的种类并掌握其对应的语法规则，具备利用循环编写简易ATM取款机程序能力。

JS 是一种运行在客户端（浏览器）的编程语言。

前端自学笔记

前端自学笔记

前端学习笔记