logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

如何在vue中优雅地使用v-if判断

情况一:做vue项目,有的时候会遇到有几个元素都使用同一个v-if条件。下面这种方法虽然可以实现,但是整体代码看起来有点笨拙,我们可以用<template>标签进行优化一下。<template><div class="card"><img src="../../assets/image/background frame.png" /><h3 v

前端实现 excel 数据导出,封装方法支持一次导出多个Sheet

本文介绍了前端实现导出Excel表格功能的方法,支持多sheet导出及自定义命名。通过安装xlsx和file-saver库,封装exportToExcel.js工具类,实现HTML表格数据或JSON数据的导出。关键步骤包括:处理表格DOM数据、设置多级表头、配置工作簿和工作表、实现自适应列宽等。该方法兼容Vue2/Vue3,提供导出单个表格和JSON数据两种方式,最终生成xlsx格式文件并自动下载

#前端
前端实现 excel 数据导出,封装方法支持一次导出多个Sheet

本文介绍了前端实现导出Excel表格功能的方法,支持多sheet导出及自定义命名。通过安装xlsx和file-saver库,封装exportToExcel.js工具类,实现HTML表格数据或JSON数据的导出。关键步骤包括:处理表格DOM数据、设置多级表头、配置工作簿和工作表、实现自适应列宽等。该方法兼容Vue2/Vue3,提供导出单个表格和JSON数据两种方式,最终生成xlsx格式文件并自动下载

#前端
vue3中使用echarts实现双X轴折线图和面积图堆叠效果

我是先拿到这个图的,需求是按照这个图来实现效果,仔细看图可以得知,**两条红绿折线图是在一个X轴上,浅蓝色面积图是在另一个X轴上。** **`知道需要两个X轴来实现上图效果是解决这个问题的关键;`** 然后就可以去echarts官方文档,查找我们需要的配置项资料。

文章图片
#echarts#前端#javascript
微信小程序web-view组件嵌入h5页面导致双导航栏,如何只保留其中一个?

前提已知存在一个微信小程序,该小程序的某个页面通过web-view组件嵌套了我们app的一个h5页面,h5页面本身有自己的导航栏,就导致了双导航栏。由于uniapp的 web-view 组件一定有原生导航栏,pages.js中设置navigationStyle: custom 对 web-view 组件无效;所以只能去掉因为h5里的导航。方案h5里的导航现在有两个地方在使用,一个需要保留导航栏,另

#微信小程序#前端#小程序
前端需要了解的浏览器缓存知识

作为一个前端开发者,每天都在和浏览器打交道,对于浏览器缓存,相信都不会陌生,同时它也是我们日常开发中存在的一个非常重要的优化手段,无论在节省带宽、提高加载和渲染速度、减少网络阻塞,以及提高用户体验上,都有重要的作用。

文章图片
#前端#缓存
vue项目package.json与package-lock.json作用及区别

原文出处:https://www.cnblogs.com/yingaxiang/p/12932068.htmlpackage.json文件介绍和使用运行项目,命令行:npm run dev“dependencies”运行依赖,需引入页面使用“devDependencies”开发依赖(生产环境使用),只是开发阶段需要我们每次新建一个项目的时候会发现在项目中会有这么俩个相似的文件,并且一个里边东西很多

npm run dev 后报错 cross-env BABEL_ENV-developent webpack-dev-server 的解决

报错信息问题原因:因为之前安装依赖的时候,有些依赖不是 -g安装的,这样的话依赖就存在于当前的文件夹当你换文件夹的时候,这些依赖就用不了了-g的话是全局安装,这样不管文件夹在哪都可以用到解决思路:首先安装时候需要-g,因为webpack-dev-server是全局的。说一下“cross-env NODE_ENV=demo webpack-dev-server --open --config ”这句

JS获取阿里云oss私有图片需要通过SDK加签名访问问题

对于不允许匿名访问的私有图片文件,不支持通过文件URL直接添加参数的方式处理图片,您需要通过`SDK`的方式将图片处理操作加入签名URL中

文章图片
#javascript#阿里云#数据库
gitlab远程仓库地址改变,导致本地无法git push代码解决方案

由于gitlab远程仓库路径改变,我提交本地代码时候 git push 命令报错了。一. 报错信息:由于gitlab更换了服务器ip,那么在之后上传代码前应该把仓库的地址更改好。二. 更改仓库地址步骤:git remote remove origin//移除原来仓库地址git remote add origin 新仓库地址xxx//添加新仓库地址git push//更改完毕新地址继续提交代码在更改

#git
    共 111 条
  • 1
  • 2
  • 3
  • 12
  • 请选择