ES6新特性1、let、constlet 特点
新增块级作用域
同一作用域不允许重复声明
不支持变量提升
for采用let;设置循环变量的那部分是一个父作用域,而循环体内部是一个单独的子作用域
暂时性死区:在代码块内,使用let命令声明变量之前,该变量都是不可用的
let命令、const命令、class命令声明的全局变量,不属于顶层对象的属性。
const 特点
声明时必须赋值
赋值后,无法修改
其余,同let
注意:对象const的表现。
综上,定义变量的方式有 六种;
var
function
let
const
class
import
顶层对象
JavaScr ...
创建项目1234567891011npx create-react-app xxx// 创建成功后可安装 axios 对请求进行二次封装npm i axios// 根据需求进行配置 官网 https://axios-http.com/zh/docs/intro// 可安装 Redux Toolkit 高效的 Redux 开发工具npm install @reduxjs/toolkit react-redux// 根据需求进行配置 官网 https://cn.redux.js.org/........ 更多配置自行构建
注意:在项目中需要挂载。
1234567891011121314 ...
跨域拦截问题分析原因
因为浏览器的同源策略原因,导致跨域拦截
同源策略
只有浏览器有,是浏览器内部安全机制服务器没有,服务器的安全其他内容处理。
如果页面运行地址为 http://www.aa.com页面中发送请求地址:https://wwww.aa.com参横跨域拦截问题
加载页面的域名,与请求服务器的地址不一致,违背了浏览器的同源策略,就会跨域拦截
违反同源策略情况
1:协议不同
2:ip/域名/子域名 不同
3:端口号不同
解决方案
原理:找到不受同源策略约束。
1:前端jsop,因为script标签加载资源不受到同源策略影响。通过jsop重写sctipt标签加载资源
2: ...
写接口思路是什么?
1:创建服务
2:定义接口地址
3:定义接口请求方式
4:如果获取请求参数
5:确认接口是做什么? (使用参数做一些内容)
6:输出接口运行结果? (怎么给客户端响应)
接口:1:如何处理请求?
1.1 问:传参的方式是什么? 123- query - params- body
以上就是传参的方式.
1.2问:参数具体内容是什么?
服务端开发定义
1.3问题:参数的数据格式是什么???1234- xml- json- form-data- urlencode
写接口方式三: router 路由中间件1234567891011121314151617181920 ...
什么是thisthis:JS的关键词,是一个代词“指代不明”,需要代码执行过程中根据上下文判断this的指向。
默认情况下
全局域下 :this代指window
对象调用方法中 : this代指这个对象
直接调用函数 : 函数中的this代指window
正常函数的this指向
全局调用,函数名(),指向window
对象调用,对象.函数名(),谁调用指向谁
自执行函数,指向window
事件处理函数,指向事件源
定时器处理函数,指向事件源
函数定义未调用,指向不明确……
改变this指向
定义变量:声明变量赋值为this“保存当前this指向”
使用箭头函数:箭头函数中的this与箭头函 ...
1. 什么是webStorage?123456789101112131415161718192021webStorage是h5提供的新特性(ES6 ES2015),和cookie类似,用来保存数据,让数据在浏览器上共享。它分两种类型:sessionStorage会话存储,localStorage本地存储。使用HTML5可以在本地存储用户的浏览数据。早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速,这些数据不会被保存在服务器上(重点),但是这些数据只用于用户请求网站数据上。它也可以存储大量的数据(重点),而不影响网站的性能。数据以 键/值 对存在, web网页的数据 ...
event对象在触发的事件的函数里面我们会接收到一个event对象,通过该对象我们需要的一些参数,比如说我们需要知道此事件作用到谁身上了,就可以通过event的属性target来获取到(IE暂且不谈),或者想阻止浏览器的默认行为可以通过方法 preventDefault( )来进行阻止.以下是 event对象的一些属性和方法
属性
属性
描述
button
返回当事件被触发时,哪个鼠标按钮被点击。
clientX
返回当事件被触发时,鼠标指针的水平坐标。
clientY
返回当事件被触发时,鼠标指针的垂直坐标。
ctrlKey
返回当事件被触发时,”CTRL” 键是否被按 ...
HTTP请求与相应的组成:
RequestHeaders:HTTP请求头信息,用来描述一些元数据
HTTP请求体。也就是请求的正文
ResponseHeaders:HTTP响应头信息,用来描述一些元数据
HTTP响应体,也就是响应的正文
HHTP请求方法: GET:常用语向服务器查询某些信息,必要时,可以将查询字符串参数追加到UTL末尾,以便将信息发送给服务器。 POST:常用于指定资源提交数据进行处理请求(例如提交表单或者上传文件),数据被包含在请求体中(body体)。请求可能会导致新的资源的建立或已有的资源的修改。
响应状态码:
它以“清晰明确”的语言告诉客户端(浏览器)本次请求 ...
数据类型
string
number
boolean
undefined
null
数据类型转换其他数据类型转number| | parseInt |parseFloat | number |
| -------------- | -------- | ----------|-------- |
|'1234'--> | 1234 | 1234 | 1234 |
| 'abc'--> | NAN | NAN | NAN |
| '1 ...
1. 什么是正则表达式?正则表达式(Regular Expression)是一种文本模式,包括普通字符(如,a-z,A-Z,0-9等)和特殊字符(称为”元字符”,如:+,?,*等)。正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串。正则表达式是繁琐的,但它是强大的,学会之后的应用会让你除了提高效率外,会给你带来绝对的成就感。许多程序设计语言都支持利用正则表达式进行字符串操作。C#, java, PHP
正则表达式使用场景:一般校验字符串是否满足正则表达式条件,如:登录校验,注册校验,验证邮箱,验证手机,验证密码强度等等。
2. JS中如何定义正则表达式?两种方式:字面量和Re ...