自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 vue刷新页面时 保存store对象内的值

如题:需求:在页面刷新时,仍然想保留此次页面中store内存储的特征值在App.vue的created中,添加监听,代码如下://在页面加载时读取sessionStorage里的状态信息 if (sessionStorage.getItem("store")) { this.$store.replaceState( Object.assign( {},

2020-06-19 17:47:41 1479

原创 axios拦截器学习

如题:最近一直在用axios,记录一下axios的拦截用法// 发送请求Axios.interceptors.request.use( (config) => { let token = store.state.token; let hasAuthority = store.state.authority; //给每个请求手动添加sessionId if (!hasAuthority) { st

2020-06-18 11:51:29 149

原创 原生js判断滚动条滚到底部

如题开发中经常遇到,滚动条滚到底部加载下一页,或者给出提示的需求,也踩过一些坑。坑的表现:1)还没到底部,就已经触发了加载下一页的方法(以前遇到过,但是错误的代码已经忘了)2)多次触发,导致多次调用或者一些异常情况3)在滚动的时候,偶尔会出现ScrollTop值为空或者undefined的情况网上的方法不一定奏效的,贴两个原生解决方法://滚动条在Y轴上的滚动距离function getScrollTop() { var scrollTop = 0, bodyScro

2020-06-18 10:00:37 499

原创 返回顶部前端实现

<!DOCTYPE html><head></head><body> <div class="timeline-body"> <ul> <li> <div class="bullet red"></div> <div class="desc"> .

2020-06-03 19:28:25 550

原创 判断变量是否为数组或者对象

var is_array = function (value) { return Object.prototype.toString.apply(value); // return Object.prototype.toString.apply(value) === '[object Array]';};let a = [];let b = {};console.log(is_array(a));这种方式最为稳妥typeof:对于数组和对象而言 都是Objiectco.

2020-05-26 19:51:51 607

原创 递归优化 —— 记忆

以经典斐波那契数列为例:经典写法:let i = 0;var fibonacci_old = function (n) { // console.log(++i); return n < 2 ? n : fibonacci_old(n - 1) + fibonacci_old(n - 2);};添加记忆后优化写法:let i = 0;var fibonacci = function () { var memo = [0, 1]; var fi

2020-05-25 19:50:28 150

原创 原生html+css+js 实现页签及切换功能

<!DOCTYPE html><html> <body> <div id="tabs" class="basic-info"> <div class="header-top"> <div id="tab1" class="tab-item item-...

2020-04-30 16:52:20 1255

原创 原生html+css 实现时间轴功能

<!DOCTYPE html><head></head><body> <div class="timeline-small-body"> <ul> <li> <div class="bullet red"><...

2020-04-21 17:46:27 1216

原创 js实现对象克隆方法(重写原型方法)

Object.prototype.clone = function (obj) { //将obj对象内容克隆到一个空对象 返回这个新的对象 return Object.assign({}, obj);};let a = { name: 'abc', getName: () => { var name = 'jack'; ...

2020-04-09 16:30:46 348

原创 如何执行JS命令或文件

前阵子一个初学的哥们问我,网上学习来的高大上js代码要怎么运行看看执行结果,我不假思索地告诉他:在浏览器控制台执行代码就行了啊,然后这哥们儿就没信了,估计是自己去试了于是引起了我的回忆,我在刚接触的时候,好像也不知道,也没有运行js代码块的需要,也是到正式工作的时候,才开始偶尔跑跑单独的js验证代码是不是逻辑正确,也是因为js不像别的语言,有系统成型的学习,基本上90%(我怀疑是100%)的前...

2019-06-10 19:40:53 51701 3

原创 为什么console.log()后会有一个undefined

如题:很多时候写js的时候,都会习惯在谷歌控制台直接试试表达式是否正确?正则是否匹配?在浏览器控制台运行JS命令,不用配环境,不用整什么花里胡哨的,稳定又真实的浏览器环境,比如:产生一个疑问,为什么console.log()打印完之后,会有一个undefined?我以前也很疑惑,找寻答案以后,网上的主流答案说的函数没有返回值,我不太能接受。于是我自己在控制台摸索,又借鉴了别人的...

2019-06-04 12:06:43 11724 2

原创 我的第一篇博客

前端工作一年多,遇到困难数不胜数,所幸所遇难处均有前人摸石趟河,愈发理解开源及分享的有益之处。恰逢工作告一段落,写三两篇应用文章复盘自己一年多填过的坑,看过的水,巩固磅礴的前端知识。也为后来之人提供一些解决问题的思路!...

2019-05-20 20:46:07 88

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除