240 发简信
IP属地:陕西
  • 首先,直接getItem只能拿到当次的值;
    其次,要实现两个页面通信,不可能写个定时器一直去查,很耗性能😄

    监听localStorage中值的变化实现跨页面通信

    本次分享一个之前困扰很久的,跨页面之间的通信方式。 以前跨页面通信,就拿我们之前vue项目中多页面为例,每个页面都是一个独立的vue实例,通过main.js初始化,各个页面之...

  • 120
    监听localStorage中值的变化实现跨页面通信

    本次分享一个之前困扰很久的,跨页面之间的通信方式。 以前跨页面通信,就拿我们之前vue项目中多页面为例,每个页面都是一个独立的vue实例,通过main.js初始化,各个页面之...

  • 处理数组空值

    前言:大家是不是经常很头疼数据中存在一些诸如undefined、null等字符的情况呢?本文介绍如果快速过滤掉这些数据 用map操作数组一般是很常见的使用方式,但是map需要...

  • 哈哈哈哈哈

    utc时间处理

    需求:起初是为了处理不同地区的项目(如:迪拜项目),可能和我们东八区存在时区问题,导致项目部署到现场展示的是我们东八区的数据时间,如东八区数据入库的时间是 " 2020-12...

  • vue多语言化

    随着国际化的趋势,项目中配置多语言切换也越来越有必要,本篇文章将会介绍如何在vue项目中配置多语言化 安装:npm i vue-i18n 导入注册:(因为后续可能涉及很多配置...

  • utc时间处理

    需求:起初是为了处理不同地区的项目(如:迪拜项目),可能和我们东八区存在时区问题,导致项目部署到现场展示的是我们东八区的数据时间,如东八区数据入库的时间是 " 2020-12...

  • vue项目安装babel巧用es2020新语法

    操作运算符:??对应babel插件:@babel/plugin-proposal-nullish-coalescing-operator方法介绍:当左侧操作数为 null 或...

  • 多维数组 “ 拉平 “ 实现一维数组

    背景:前两天项目中遇到个问题,通过双层map循环+await请求数据最终得到了一个二维数组,但是实际我想要的是二维数组里的那些对象,需要构建成一个一维数组(因为我要通过v-f...

  • 感谢大佬支持。

    vue项目性能优化方案

    背景:项目采用vue cli3搭建,集成前端组件以及地图效果,导致项目打包后资源包文件特别大,打包速度慢,首屏渲染耗时长,甚至出现左右界面图表数据不渲染的问题。 优化前准备:...

  • 120
    vue项目性能优化方案

    背景:项目采用vue cli3搭建,集成前端组件以及地图效果,导致项目打包后资源包文件特别大,打包速度慢,首屏渲染耗时长,甚至出现左右界面图表数据不渲染的问题。 优化前准备:...

  • 120
    vue静态资源打包

    vue项目打包后,可能大家会注意到,会把一些文件都编译压缩到一起,但是打包后我们通常很难再去修改某些东西。 场景一:单点登录。当我们需要把部署包部署到不同的环境,但是有些环境...

  • vue打包时gzip压缩的两种方案

    开局一张图: 可以看出,在项目部署后,我们的资源文件请求都会保持原本大小,如果文件过大,并且很多的情况下,会导致网络请求耗时,严重点可能阻塞后面的进程。 所以,此篇介绍两种g...

  • moment获取自然时间和近期时间

    moment:JavaScript 日期处理类库,主要用于处理日期、时间,可以进行所需要的日期格式化,也可以按所需获取相应的时间。 此次我们来简单介绍下在vue项目使用mom...

  • 120
    “浮空“滚动条

    前端界面布局中,滚动条是我们必不可少的东西,当我们容器不足以呈下所有内容时,需要滚动条来支撑我们查看完整的数据。 当然了,简单的属性我们就不介绍了,想必大家都很了解和熟悉,我...

  • Vue中修改组件库(如element ui)样式的可行方案

    如何在vue中修改组件库的样式? vue中我们经常会使用一些第三方的组件库,可以达到快速搭建项目界面布局的效果,无非就是用什么组件库的问题。但是,不管我们使用element ...

  • 120
    vue过滤器

    过滤数据是我们日常开发中必然会用到的。常见的场景:当我们从后端请求到数据列表时,我们需要对其中符合条件的数据进行筛选、当我们拿到数据,我们希望把英文首字母大写,等等。js常用...

  • vue动态样式绑定改变伪元素等特殊样式(css var函数)

    改变样式是我们实际开发中最常做的事情。诸如在css中,我们添加鼠标滑入滑出效果添加不同的样式。诸如在js中,我们根据某个条件,或者触发某个方法,去动态改变某个样式。那么,在v...

  • vue使用命名视图实现同一路由拆分

    何为命名视图? 有时候想同时 (同级) 展示多个视图,而不是嵌套展示,例如创建一个布局,有 sidebar (侧导航) 和 main (主内容) 两个视图,这个时候命名视图就...

  • vue的vuex监听

    vue如何在非vue文件中监听vuex数据的变更? 通常我们在vue文件中监听数据的变更,尤其是vuex中数据的变更非常方便,通过watch函数可以很便捷的拿到数据变更前后的...

  • 120
    vue的vuex订阅

    vue本身内置了watch函数,可以很方便的用来监听数据的变更,包括vuex数据的变更. 但是,这都是基于vue文件的前提下。 如果我们想要在js等其他文件监听vuex数据的...

个人介绍
一只90后前端小菜鸟。

生而为人,喜丧并存。