前端问题杂记
是阿臻
坚信家人是我坚实的后盾
展开
-
如何在 Element Plus 中使用自定义 icon 组件 (非组件库内置icon)
先说原理就是将svg文件以vue组件文件的方式使用需求:我想要在 Element Plus 得评分组件中使用自定义得图标。组件本身是支持自定义图标的,但是教程中只说明了如何使用图标库内置图标。如何使用自己的图标呢。先看下el-rate如何使用内置的自定义图标,原创 2024-01-18 12:00:36 · 2204 阅读 · 0 评论 -
git 使用 submodule 如何指定分支
写在前面, 作为一个前端我是不喜欢使用 submodule的, 我更喜欢 npm 包的管理方式。原创 2024-01-10 16:42:30 · 1227 阅读 · 1 评论 -
关于使用 vxe-table 时设置了 show-overflow tooltip 不展示的问题(Dialog 组件和 table 同时使用)
众所周知,vxe-table 是可以支撑万级数据渲染的表格组件,本质上还是用了虚拟滚动的实现。之前一直知道vxe-table, 但是基本没有机会用的上这个组件,最近在开发埋点数据的统计,后端一次性返回了上千条数据,elementui 的 table 组件就明显有点卡顿,因为每一行都有很多列。当后端说如果卡顿就限制下返回数据量的时候,。vxe-table 就这样来到我的项目,下面是截图,看得出字段还是不少的。原创 2023-10-21 10:27:20 · 1897 阅读 · 1 评论 -
使用 puppeteer 加载 html 文件来运行 js 文件
遇到一个需求, 在浏览器环境下来运行 js sdk 文件, 这个 js 文件是不能运行在 nodejs 环境下的;所以通过 puppeteer 无头浏览器来运行代码获取对应的结果。首先是安装插件 puppeteer,然后创建一个项目, 我这里是express;这里是加载本地html文件, 在html文件里面导入你的js文件。这个函数来获取你testjs文件里面的函数了;原创 2023-10-10 09:48:15 · 811 阅读 · 0 评论 -
npm 安装 git 仓库包
在项目根目录执行以下命令, 此时你的代码会被链接到npm的全局仓库, 类似执行了 npm install xxx -g。#v1.0.0 代表版本, 例如打了仓库一个tag叫v1.0.0;如果不指定版本则默认是最新的代码。原创 2023-08-22 17:07:03 · 1598 阅读 · 0 评论 -
tsup 解决 iiffe 打包没有变量导出
【代码】tsup 解决 iiffe 打包没有变量导出。原创 2023-08-14 16:57:58 · 145 阅读 · 0 评论 -
vuecli5.x 配置图片输出为base64
【代码】vuecli5.x 配置图片输出为base64。原创 2023-07-18 11:45:00 · 2025 阅读 · 0 评论 -
vue vben admin 使用, (个人感觉这项目封装的太深了!!!!)
开启了表单搜索功能, demo 代码是 formtable 组件, 个人还是比较喜欢 template 方式, 这样的方式使用不了 getForm 这种方法。在请求方法里面重新返回一个 promise 对象, 用满足规定的格式返回就可以了。需要注意的是, 如果使用了组件表单搜索功能, 就是说你需要提供一个获取数据的api, 这里着重去看怎么适配表格需要的响应数据结构。建议表格这种东西使用 vben自己封装的, ant design 自身的还需要你去动态调整表格高度。我们是不会被困难打败的, 只会越战越勇!原创 2023-03-30 11:24:21 · 4351 阅读 · 7 评论 -
import-html-entry]: error occurs while executing entry script, 乾坤加载子应用路由报错
在乾坤框架下, 子应用技术栈是 vue, 当路由是懒加载的情况, 大概率会遇到。runtime publicPath 主要解决的是微应用。, 因为是动态加载的资源所以相关路径需要配置一下。的 脚本、样式、图片 等地址不正确的问题。如果路由没有使用懒加载基本不会遇到这种情况。原创 2022-11-24 12:17:18 · 8160 阅读 · 0 评论 -
乾坤框架下, 使用 cdn, 百度地图sdk 报跨域
如果是直接用的百度地图 js,不能直接用 script 标签插入,需要改为异步插入,然后才能用 excludeAssetFilter 过滤。原创 2022-11-06 19:44:24 · 808 阅读 · 0 评论 -
Element 表格单元格合并
【代码】Element 表格单元格合并。原创 2022-10-10 11:00:40 · 236 阅读 · 0 评论 -
js获取url参数的方法
【代码】js 获取 url 参数。原创 2022-09-21 16:27:37 · 257 阅读 · 0 评论 -
使用 husky 进行 git commit 校验
eslint 执行命令(需要携带路径), 如果需要指定文件后缀就要配合 --ext 命令。原创 2022-09-13 21:22:53 · 459 阅读 · 0 评论 -
在 ts 里面使用 eachrt的参数规定
代码】在 ts 里面使用 eachrt的参数规定。原创 2022-08-16 11:14:59 · 90 阅读 · 0 评论 -
vue3.0 使用 keep-alive 标签无效, 及其在 vue admin Layout 多级嵌套下出现问题
先说一下问题所在,虽然vue3.0 不需要 root div, 但是keep-alivetransition这两个标签都需要。原创 2022-08-12 10:23:30 · 4414 阅读 · 0 评论 -
css preserve-3d 使用
指定了观察者与z=0平面的距离,可以想象是我们和舞台的距离,如果我们离舞台更近是不是看到的东西越少,东西越大呢,如果我们离舞台越远看到的越多,演员也随之越小。可以把拥有这个属性的盒子想象成一个舞台,里面的子元素都是演员,他们可以随意表演,我们可以通过舞台观看。设置元素的子元素是位于3D空间中还是平面中。加不加无所谓的,它只是规定了我们和舞台的距离。是应该加在父盒子上面的。,舞台也就是3d的,...原创 2022-07-20 10:19:41 · 473 阅读 · 0 评论 -
记录一次使用 Popper.js 编写弹框遇到的问题
当前使用的 vue-popperjs 组件是基于 popper.js 开发的使用方法安装 npm i vue-popperjs导入使用<template> <popper trigger="clickToOpen" :options="{ placement: 'top', modifiers: { offset: { offset: '0,10px' } } }"> <div class="poppe.原创 2022-05-21 07:18:00 · 1470 阅读 · 0 评论 -
在模板字符串里面添加多个空格
模板字符串语法` 前面是一个空格`` 前面是三个空格` //无效`\u00A0\u00A0\u00A0\u00A0\u00A0前面是多个空格` // 有效关于转义字符 , 只有在下面图片中的字符组合才会有转义效果, 在其他字符前面都是无效的上面的使用的特殊符号就是符合最后一个 \u{n}...原创 2022-05-09 10:18:02 · 3614 阅读 · 2 评论 -
javascript 程序错误的捕获
1. 捕获非期约异常,在函数里面返回一个ture,浏览器就不会继续提示错误了, 代码里面没有使用 catchevent 内部参数信息:message:错误信息(字符串)。可用于HTML οnerrοr=""处理程序中的event。source:发生错误的脚本URL(字符串)lineno:发生错误的行号(数字)colno:发生错误的列号(数字)error:Error对象(对象)window.removeEventListener('error', event => { c原创 2022-03-31 16:13:14 · 3040 阅读 · 0 评论 -
前端写一个 shell 脚本来执行 npm 命令
目的从 url 获取前端请求基地址, 通过环境变量注入RESULT=$(curl -s https://www.example.com)echo $RESULT原创 2022-03-30 09:38:26 · 3740 阅读 · 0 评论 -
echarts setoption 不生效
第一次是两个图例(班级,个人), 但是后来我只传一个系列(个人), 结果还是展示两个图例, 需要设置 notMerge是否不跟之前设置的 option 进行合并。默认为 false。即表示合并。合并的规则,详见 组件合并模式。如果为 true,表示所有组件都会被删除,然后根据新 option 创建所有新组件chart.setOption(option, { notMerge: ..., lazyUpdate: ..., silent: ...});以上基本就可以更新了.原创 2022-03-25 10:25:57 · 4009 阅读 · 0 评论 -
利用 border 实现渐变线
border-bottom: 1px solid;border-image: linear-gradient(90deg, rgba(60, 93, 126, 0.8) 0%, #2696af 50%, rgba(60, 93, 126, 0.8) 99%) 2 2 2 2;效果:原创 2022-02-21 10:47:04 · 556 阅读 · 0 评论 -
vue3.0 + vite + typescript (遇到的问题)
遇到的问题1. 找不到模块“./App.vue”或其相应的类型声明。解决方法:开启托管模式安装插件(插件说明提示:此插件已经被托管模式代替了)官网内容摘要:为了让 Vue 单文件组件和 TypeScript 一起工作,Volar 创建了一个针对 Vue 的 TS 语言服务实例,将其用于 Vue 单文件组件。同时,普通的 TS 文件依然由 VSCode 内置的 TS 语言服务来处理。...原创 2022-02-19 20:47:31 · 668 阅读 · 0 评论 -
关于 Echarts系列之如何实现让坐标固定交叉显示四个象限
正常情况只需要配置以下,即可实现, 因为正负值是相互对称的xAxis: [{ min: 4, max: -4 }],yAxis: [{ min: 4, max: -4 }], 如果是下面这种就需要计算得来, 所有的最小值都是从零开始, 无法达到对称数值就要使用 offset 属性来调整坐标轴的位置。需要注意的是下面的线的 offset 属性能够调整的距离会受到 splitNumber 属性限制, 图片上的分割线就是由这个属性来决定的, 轴线值为 100,原创 2022-02-19 20:38:55 · 2309 阅读 · 0 评论