前言localStorage 使用是一个老生常谈的话题,本文不讲解基础 api,主要教你如何封装一个优雅的localStorage 工具,以及一些 localStorage中一些你不知道的知识点。 优雅的 Storage 工具如何封装(前缀、加密、过期时间等)该工具函数设计 采用工厂方法+闭包设计模式,不直接实例化类,而是根据传入的参数来配置和返回一个 SmartStorage 的实例。 支持带前缀的键:通过 prefixKey 参数可以为存储的键名添加一个前缀,默认为空字符串。这个功能可以帮助避免键名冲突,特别是当在同一个域下的不同应用或组件中使用同一种存储方式时。 支持过期时间:在存储数据时,可以为每项数据设置一个过期时间(单位为秒),存储的数据结构中会包括实际的值、存储时间戳以及过期时间戳。在读取数据时,会检查数据是否过期,如果已经过期,则自动删除 支持加密存储:存储数据时根据参数配置可先进行加密,读取数据时再解密,加密使用的 crypto 模块 错误处理:在读取数据时,如果解密过程出错或数据格式不正确,会捕获异常并返回默认值,这提高了程序的健壮性。 支持常用的 api(set ...
什么是流水线jenkins 有 2 种流水线分为声明式流水线与脚本化流水线,脚本化流水线是 jenkins 旧版本使用的流水线脚本,新版本 Jenkins 推荐使用声明式流水线。文档只介绍声明流水线。 声明式流水线在声明式流水线语法中,流水线过程定义在 Pipeline{}中,Pipeline 块定义了整个流水线中完成的所有工作,比如 参数说明: • agent any:在任何可用的代理上执行流水线或它的任何阶段,也就是执行流水线过程的位置,也可以指定到具体的节点 • stage:定义流水线的执行过程(相当于一个阶段),比如下文所示的 Build、Test、Deploy, 但是这个名字是根据实际情况进行定义的,并非固定的名字 • steps:执行某阶段具体的步骤。 123456789101112131415161718192021//Jenkinsfile (Declarative Pipeline)pipeline { agent any stages { stage('Build') { ...
大屏数据可视化,在前端数据展示方面越来越普遍!毕竟这对项目的**高-大-上**有着非常重要的效用~ 今天,就为大家分享一款开源免费,开箱即用的组件库:DataV DataV 是一款基于 Vue 开发的数据可视化组件库,主要用于开发大屏数据展示页面,即数据可视化。 DataV具体怎么样?语言太抽象,让我们来看几个Demo图例 通过DataV就能完成上图中的效果!如果这满足你的预期,我们接着往下看 DataV内置了多种类型组件,让开发者可以轻松构建出专业酷炫、视觉丰富的数据大屏界面。 开箱即用,快速构建数据大屏,开发效率很高; 内置了很多用来提升页面视觉效果的 SVG 边框和装饰,逼格满满——要的就是高大上; 基于 Charts 封装了各式各样的图表,应有尽有,比Charts好用; 基于 Vue 2 开发,目前已提供 Vue 3 和 React 版本。 注意:阿里云也有一款叫 DataV 的产品,用于大屏数据展示的付费数据化产品,输入表格数据可以得到大屏数据面板。不要搞混淆了哦~ DataV组件库依赖Vue或React,要想使用它,创建一个Vue/React项目是必须的 ...