- 博客(21)
- 收藏
- 关注
RSS订阅
1原创 关于前端实现token无感刷新(refresh_token)
实现token无感刷新对于前端来说是一项非常常用的技术,其本质是为了优化用户体验,当token过期时不需要用户跳回登录页重新登录,而是当token失效时,进行拦截,发送刷新token的ajax,获取最新的token进行覆盖,让用户感受不到token已经过期,今天写了一个简陋的demo,给大家提供一个参考步骤: 1.先搭好axios骨架,以及请求拦截器与响应拦截器 2.再封装好ajax的接口,一个获取token的,一个需要token发送ajax的(获取用户信息等) 3
2022-07-10 02:10:10
4652
原创 函数this指向与上下文调用(call、apply、bind)及其应用场景
函数this的指向简单一句话概括就是:谁 调用 我, 我就指向谁小技巧:没点没new是window, 有new是实例,有点是点左边的对象1.普通函数: 函数名( ) this==>window 2.构造函数: new 函数名( ) this==>new创建实例3.对象方法: 对象名.方法名( ) this ==> 对象默认情况下,函数内部的this是固定的,无法动态修改,如果想要动态修改函数this指向,则需要使用函数上下文调用.那么接下来我们就来讲讲怎
2022-05-11 20:53:53
324
原创 JavaScript 数组方法的整理
1.Array对象的方法1.1 concat( ) 方法定义和用法concat ( ) 方法用于连接两个或多个数组该方法不会改变你现有的数组,而仅仅会返回被连接数组的一个副本.示例:let arr = [1,2,3]let num = [4,5,6]let test = [7,8,9]let children = arr.concat(num,test)输出结果: 123456789.参数array2,array3,…arrayX 必需,该参数可以是具体的值,也可以是数组对象
2022-05-10 10:46:02
1451
原创 关于事件冒泡、事件捕获和事件委托
前置知识事件流在第四代Web浏览器（IE4 和 Netscape Communicator4 ）开始开发时，开发团队碰到了一个有意思的问题：页面哪个部分拥有特定的事件呢？两家浏览器的开发团队都是以同样的方式看待浏览器事件的。当你点击一个按钮的时候，实际上不光点击了这个按钮，还点击了它的容器以及整个页面。事件流描述了页面接收事件的顺序。结果非常有意思， IE 和 Netscape 开发团队提出了几乎完全相反的事件流方案。IE将支持 事件冒泡 流 ， 而 Netscape Communicator 将支
2022-05-08 20:52:17
2917
原创 定时器的使用场景
场景一:永久定时器(间歇定时器)之电商秒杀实现思路:开启永久定时器,间隔时间1S获取 时 h 分m 秒s 文本innerTexts- -如果 s < 0 : s = 59 , m- -如果 m < 0 : m = 59 , h- -如果 m h s 小于10, 则补0将计算之后的h m s 重新赋值给页面元素 innerText如果 h == 0 && m==0 s ==0 ,则清除定时器那么让我们开始吧~<!DOCTYPE html>
2022-05-06 20:36:26
702
原创 Promise/async await(进阶版)
回调地狱 Promise优化 async -await优化1.promise是什么？ 它是ES6新增的一个语法 作用: 用来优化异步代码的写法2.promise的基本使用'''JavaScript2.用来解决---回调地狱问题
2022-05-05 20:32:16
170
原创 git常见命令
本地命令 作用 git init 初始化仓库 git config --global user:name 配置名字 git config --global user:email 配置邮箱 git add . 提交到暂存区 git commit -m '项目名' 提交到本地仓库 git status 查看文件处于什么状态 git status -s 以精简的形式查看文件处于什么状态 -s 是short的简写形式 gi...
2022-05-04 14:31:48
520
原创 打开cmd/Powershell的四种方式及常用命令
1.打开方式在window系统中 1.1 cmd窗口(window + R ---> 运行 ---> 输入cmd, 回车)1.2 在资源管理器中,打开任意目录,直接在地址栏中写入 cmd ,并回车,打开后小黑窗的路径就是当前目录的路径1.3 powershell 在资源管理器中按下 shift,同时点击鼠标 右键,可以选择在 此处打开 powershell/命令窗口...
2022-05-04 14:05:33
8481
原创 ES6的模块化
ES6模块化 1.每个js文件都是一个独立的模块 2.导入其它模块使用 `input` 关键字 3.向外共享模块使用 `export`关键字commonJS规范(node.js) 1.导入其它模块使用 `require`关键字 2.向外共享模块使用 `module.exports` 关键字在node.js 中搭建学习es6模块化的环境让node.js 支持ES6模块化node.js中默认支持 CommonJS模块化规范,如果想基于node.js体验与学习ES6的模块化语法,需要按照如下
2022-05-02 17:24:29
245
原创 解决跨域的几种方式
1.是什么原因导致浏览器报跨域错误?发送ajax请求的那个页面的地址和 ajax接口地址 不在同一个域中跨域错误:不同源的ajax请求 ===> 报跨域的错误浏览器向web服务器发起http请求时,如果同时满足以下三个条件时,就会出现跨域问题,从而导致ajax请求失败:1.请求响应双方url不同源 双方url:发出请求所在的页面与 所请求的资源的url 同源是指: `协议相同`,`域名相同`,`端口相同`都相同 三者只要有一个不相同就是不同源,会报跨域错误 以下就是不同源的:
2022-04-30 22:21:50
2653
原创 使用Express写接口
Express写get接口get无参数const express = require('express');const app = express();app.get('/get', function(req, res) { // 直接返回对象 res.json({ name: 'ceshi' });});app.listen('8088', () => { console.log('8088');});注意:res.json()是express提供的方法,同时会结束请
2022-04-29 21:41:09
1196
原创 Node.js--服务器
手写简单服务器http核心模块(原生写法,服务器)、Express写法(服务器)、statusCode状态码、设置content-type与常见的几种类型 、托管静态资源
2022-04-28 21:29:17
4513
原创 Node.js--npm和包
1. 什么是npm?npm 全称 Node package Manager(node 包管理器), 它的诞生是为了解决Node中第三方包共享的问题.npm不需要单独安装,在安装Node的时候,会连带自动安装npmnpm -v 检查安装的情况当我们谈到npm时,我们在说两个东西:1.命令行工具,这个工具在安装node时,已经自动安装过了,不需要额外安装2.npm网站,这是一个第三方模块的 "不花钱的模块超市...
2022-04-27 17:15:45
344
原创 Node.js--模块化
1.为什么需要模块化?根目录├── index.html # 主页的页面├── index.js # 主页需要用到的js代码│ └── getData() # 是index.js中定义的函数 └── tool.js # 为整个项目提供公共方法 └── doSomething(){ } # 是tool.js中定义的函数 1.1对于如上的代码结构,如何让index.js中的getData去...
2022-04-26 23:11:51
394
原创 Node.js --fs核心模块/path核心模块
前置导读1. 我们先来回顾一下Node.js 是什么? Node.js 是 基于 Chrome V8引擎的 JavaScrip t的 运行时(运行环境-宿主环境)2.Node.js .js,那么它是一个js文件吗? 不是,Node.js是一个软件,不是一个js文件,安装完毕后也没有图标,它是一个运行环境3.学习Node.js的意义是什么? 3.1在Node环境下,写jsdiamante实现后端的功能(web服务器,写接口,读写数据库..
2022-04-25 22:19:15
1410
原创 各种稀奇古怪的问题(持续更新中)
Node:读取文件内容: 文件名写错写入文件内容: 第二参数(写入内容)类型错误读取文件时,使用相对路径容易出问题 我们在fs中读取文件是,由于使用的是相对路径,所以在读这个文件的时候,node.js会去: 运行命令的cmd的路径+代码中的相对路径.找它 如果你cd返回了上一层再运行,就会报错写服务器的时候,端口被占用: 传递的参数有误,第三方工具报错:npm： .....................
2022-04-25 17:23:54
1132
原创 固定定位应用实例--电商平台搜索栏固定套路(附源码)
应用场景: 常见于商城搜索栏实现效果:往下滚动到一定距离,搜索栏固定在页面顶部实现步骤为:1.给window注册滚动事件2.获取页面滚动距离3.可以自己设置限定距离(到位置更改搜索框的定位)4.判断滚动距离是否大于等于设置的距离5.条件成立则把搜索框的定位属性改为固定定位6.设置top值为0 7.提高搜索框层级,避免被覆盖...
2022-04-24 15:43:14
549
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人