李金帅
能将喜欢的东西留在身边,这就是我努力的意义。

Mr.LiJinShuai's Blog

欢迎来到我的个人博客网站!
ES6新特性
ES6新特性1、let、constlet 特点 新增块级作用域 同一作用域不允许重复声明 不支持变量提升 for采用let;设置循环变量的那部分是一个父作用域,而循环体内部是一个单独的子作用域 暂时性死区:在代码块内,使用let命令声明变量之前,该变量都是不可用的 let命令、const命令、class命令声明的全局变量,不属于顶层对象的属性。 const 特点 声明时必须赋值 赋值后,无法修改 其余,同let 注意:对象const的表现。 综上,定义变量的方式有 六种; var function let const class import 顶层对象 JavaScr ...

React开发流程小记
创建项目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: ...

node.js简单编写接口
写接口思路是什么? 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 ...

this,this指向
什么是thisthis:JS的关键词,是一个代词“指代不明”,需要代码执行过程中根据上下文判断this的指向。 默认情况下 全局域下 :this代指window 对象调用方法中 : this代指这个对象 直接调用函数 : 函数中的this代指window 正常函数的this指向 全局调用,函数名(),指向window 对象调用,对象.函数名(),谁调用指向谁 自执行函数,指向window 事件处理函数,指向事件源 定时器处理函数,指向事件源 函数定义未调用,指向不明确…… 改变this指向 定义变量:声明变量赋值为this“保存当前this指向” 使用箭头函数:箭头函数中的this与箭头函 ...

webStorage存储数据
1. 什么是webStorage?123456789101112131415161718192021webStorage是h5提供的新特性(ES6 ES2015),和cookie类似,用来保存数据,让数据在浏览器上共享。它分两种类型:sessionStorage会话存储,localStorage本地存储。使用HTML5可以在本地存储用户的浏览数据。早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速,这些数据不会被保存在服务器上(重点),但是这些数据只用于用户请求网站数据上。它也可以存储大量的数据(重点),而不影响网站的性能。数据以 键/值 对存在, web网页的数据 ...

event对象
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 ...