前端开发
字节颤抖
首席BUG开发工程师
展开
-
echarts 社区地址
echarts原来的地址不能用了, 以下地址可用。转载 2023-02-22 11:05:17 · 597 阅读 · 0 评论 -
nginx 不能使用路径包含 ‘test‘ 的文件夹启动静态网站
谨以此为戒原创 2021-10-25 15:24:49 · 346 阅读 · 0 评论 -
css 文本溢出时在开头(左边)显示省略号
1. 首先设置溢出文本显示省略号:.el-select__tags-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}2. 然后设置让文本从右到左显示(注意需要设置到最后一个层级的选择器上,举例来说,如果 dom层级是 div > p > span,则必须设置到 span 上;如果设置到了 div 或者 p 上面,则可能导致文字既没有倒序显示,也没有顺序显示,而是错乱.原创 2021-07-15 15:07:56 · 3663 阅读 · 3 评论 -
树形菜单关键词过滤及关键词高亮
filterMenuHandle(keyword, allMenuList) { const reg = new RegExp(keyword, 'gi') const rebuildData = (keyword, arr) => { let newarr = []; arr.forEach(element => { if (element.meta.title.toUpperCase().includes...原创 2021-07-01 12:07:59 · 366 阅读 · 0 评论 -
在 el-dialog 中使用 el-form 时,弹框关闭无法清除校验状态和校验提示信息
在 closed 中先将 form 对象重置为初始值(跟data 中的值相同),然后在 $nextTick 中使用 clearValidate 清除校验状态即可。这样做的好处(跟其他解决方式相比)是没有任何使用体验上的损失。<el-dialog :visible.sync="dialogVisible" @closed="dialogClosed" > <el-form :model="dialogForm" :rules="rules" ref="dialogForm"&.原创 2021-05-06 17:12:45 · 4065 阅读 · 1 评论 -
项目执行 npm install (yarn)的时候报 node-sass 错误、python 错误?彻底搞清楚原因,让你百试不爽,完全不用那么麻烦。
项目执行 npm install 或 yarn 的时候经常遇到 node-sass下载错误, sass_binary 无法下载,或者提示让你安装 python ( 安装python这个提示有点扯, 严重误导人, 以下详述)。对于node-sass,通过以下设置基本能够解决问题:set SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ && npm install node-sass如果这种办法尝试几次还不行,.原创 2021-04-23 11:12:34 · 9953 阅读 · 5 评论 -
axios 的 get 请求传递数组参数
使用 qs 库 ( 请先执行 yarn add qs ) 结合 axios 自带的paramsSerializer 方法序列化参数:import axios from 'axios';import qs from 'qs';const instance = axios.create({ baseURL, timeout: 30000, withCredentials: true,});instance({ method, url, params, // url ..原创 2021-04-22 17:58:48 · 551 阅读 · 0 评论 -
Vite + moment 日期选择器无法正常国际化,你可能导入了 UMD 汉化包,而 Vite 只支持 ESM 的依赖
;(function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' && typeof require === 'function' ? factory(require('../moment')) : typeof define === 'function' && define.amd ? define(['../moment'], factory) : fac原创 2021-04-07 11:58:32 · 2964 阅读 · 3 评论 -
elementUI DatePicker 日期选择面板显示周数的进一步说明
elementUI 没有提供周选择器显示周数的功能,但是我们的项目中又必不可少。经过一番对比发现,其他几个 UI 框架好像大多数都支持 周选择器显示周数, 也有人给 elementUI 提了 issue,但是人家扯了一大堆原因,反正就是这个功能有问题,不提供这个功能,你能怎么滴吧。我心想既然别的UI框架能提供,你为什么就不能提供呢?至于其他的问题,留给用户自己去选择不行吗?但是我们也不能在一棵树上吊死啊。经过查询,根据该博主分项的文章:elementUI DatePicker 日期选择器 周数显示.原创 2021-03-30 19:44:34 · 4421 阅读 · 0 评论 -
使用 vite2 + vue3 + ant-design-vue2 报错:[vite] Internal server error: Inline JavaScript is not enabled.
使用 vite2.x + vue3 + ant-design-vue2 开发时,当引入了ant-design-vue 的 less 样式文件报以下异常:// 引入官方提供的 less 样式入口文件@import 'ant-design-vue/dist/antd.less';// 全局主色@primary-color: #354ab3; 下午2:08:46 [vite] Internal server error: Inline JavaScript is not enabled. Is原创 2021-02-23 14:28:32 · 11950 阅读 · 1 评论 -
chrome 自带翻译导致 vxe-table 切换列隐藏和显示时表格字段错乱问题
给 <vxe-table> 标签设置 :row-key="true" 即可。<vxe-table :row-key="true">如还有问题请留言讨论。原创 2021-01-14 11:59:25 · 722 阅读 · 0 评论 -
elementUI 一次诡异的 MessageBox 弹框事件
做项目的时候使用MessageBox 来提示用户 “异地登录” 以及 “token 过期”,直到用户点击了弹框中的“重新登录”按钮,就将用户引导至登录页面。现在项目中有一个轮询的接口,每15s调用一次,目的是刷取最新的任务信息。正当我有事暂时离开的时候如果 token过期或者账号被挤出来(测试账号是公用的)后用户没有及时点击登录按钮的话,这个弹框就会一直生成,之前没有被关掉的弹框就被覆盖掉了...原创 2020-03-09 10:51:31 · 640 阅读 · 0 评论 -
echarts 中 markLine 的值超过 series 的最大范围后不显示的解决办法
先说说背景. 公司的出库零件数趋势以折线图展示. 然后有这样一个需求, 就是在折线图上以横线的方式标出当前时间点的出库预期值. 既然是预期值, 那么即有可能会小于或等于实际值, 也有可能会大于实际值. 因此该需求可以用markLine 简单实现一下:// goal 为目标值, extent 中能够拿到所有折线图 series 的最大值和最小值{ yAxis: { ...原创 2019-12-13 17:31:45 · 9926 阅读 · 3 评论