摘要: 在进行窗口的resize、scroll,输入框内容校验等操作时,如果事件处理函数调用的频率无限制,会加重浏览器的负担,导致用户体验非常糟糕。此时我们可以采用debounce(防抖)和throttle(节流)的方式来减少调用频率,同时又不影响实际效果。 函数防抖 函数防抖(debounce):当持续触 阅读全文
posted @ 2022-09-22 16:36 清水紅葉 阅读(5) 评论(0) 推荐(0) 编辑
摘要: 需求 对于需要前端实现无痛刷新Token,无非就两种: 请求前判断Token是否过期,过期则刷新 请求后根据返回状态判断是否过期,过期则刷新 处理逻辑 实现起来也没多大差别,只是判断的位置不一样,核心原理都一样: 判断Token是否过期 没过期则正常处理 过期则发起刷新Token的请求 拿到新的To 阅读全文
posted @ 2022-09-22 16:21 清水紅葉 阅读(167) 评论(0) 推荐(1) 编辑
摘要: MAC下安装与配置MySQL 一 下载MySQL 访问MySQL的官网http://www.mysql.com/downloads/ 然后在页面中会看到“MySQL Community Server”下方有一个“download”点击。 进入MySQL的下载界面(http://www.mysql.c 阅读全文
posted @ 2022-09-10 12:19 清水紅葉 阅读(494) 评论(0) 推荐(0) 编辑
摘要: 当vue绑定事件中不传参数,无运行(),默认会传event 未完待完善。。。 阅读全文
posted @ 2022-09-08 16:44 清水紅葉 阅读(12) 评论(0) 推荐(0) 编辑
摘要: 1.如果变量的声明和赋值是同时进行的,ts可以自动对变量进行类型检测 let a = false; a = true; 2.否则,必须对变量进行声明 function sum (a:number, b:number):number{ return a + b; } 3.联合类型 使用|连接多个变量( 阅读全文
posted @ 2022-09-07 11:39 清水紅葉 阅读(28) 评论(0) 推荐(0) 编辑
摘要: 项目开发的时候,有时候后端接口不给力,要是必须从后端获取数据,没有其他方式获取数据,那就很蛋疼了(只能等后端接口正常,才可以继续开发前端)。 mock 是一个数据模拟生成器,用于帮助前端独立于后端进行开发,其模拟 ajax 并返回相应的数据,从而使前端不必依赖于后端接口,方便开发。 npm 安装 m 阅读全文
posted @ 2022-09-05 20:07 清水紅葉 阅读(29) 评论(0) 推荐(0) 编辑
摘要: 一、组件访问state 从 vuex 中导入 mapState 函数 import { mapState } from 'vuex' 映射为当前组件的computed计算属性: ...mapState(['count']) 3.添加到组件 <template> <div> <h1>count值:{{ 阅读全文
posted @ 2022-09-01 21:24 清水紅葉 阅读(180) 评论(0) 推荐(0) 编辑
摘要: 应用场景: 改变变量作用域; 上述代码就是改变变量作用域,一个很好的例子。 封装临时变量; 加载只需要执行一次的代码,比如显示时间。这些代码也需要一些临时的变量,但是初始化过程结束之后,就再也不会被用到。这些变量不适合作为全局变量,产生初始化代码遗留。可以用立即执行函数将所有的代码包裹在它的局部作用 阅读全文
posted @ 2022-08-30 13:52 清水紅葉 阅读(67) 评论(0) 推荐(0) 编辑
摘要: 什么是原型链: 每个对象都可以有一个原型_proto_,这个原型还可以有它自己的原型,以此类推,形成一个原型链。查找特定属性的时候,我们先去这个对象里去找,如果没有的话就去它的原型对象里面去,如果还是没有的话再去向原型对象的原型对象里去寻找...... 这个操作被委托在整个原型链上,这个就是我们说的 阅读全文
posted @ 2022-08-26 17:30 清水紅葉 阅读(23) 评论(0) 推荐(0) 编辑
摘要: 网络排查一般是有一定的思路和顺序的,其实排查的思路就是根据具体的问题逐段排除故障可能发生的地方,最终确定问题。 所以首先要问一问,网络问题是什么,是不通,还是慢? 1. 如果是网络不通,要定位具体的问题,一般是不断尝试排除不可能故障的地方,最终定位问题根源。一般需要查看 是否接入到链路 ethtoo 阅读全文
posted @ 2022-08-25 17:19 清水紅葉 阅读(603) 评论(0) 推荐(0) 编辑