工作总结
工作中遇到的一些问题会总结在这个栏目
七月pro
这个作者很懒,什么都没留下…
展开
-
ZSTD 解压缩前端处理方案
这里提供一个 zstd 的解压缩 demo,将获取到的二进制 bin 文件转为可用的数据。原创 2022-11-15 20:28:46 · 1074 阅读 · 1 评论 -
Socket.io + Tail-file 的日志推送服务
话不多说旋一个(仅供参考,没考虑性能、冗余问题)服务端代码:安装依赖:`npm i socket.io tail-file express -S`const app = require('express')();const fs = require("fs");const path = require("path");const server = require('http').createServer(app);const Tail = require('tail-fil..原创 2022-03-14 10:32:55 · 207 阅读 · 0 评论 -
vue项目代码检查工具 ESLint vs Prettier
说到vue的代码检查工具,离不开eslint的加持,经历过几个项目之后,发现eslint的配置也是千奇百怪的。其实 eslint 的配置方式跟多个因素有关:vue/vue-cli 的版本、Airbnb/Standard/Prettier 的选择、js/ts 的选择、编辑器本地配置 等都有关系,下面就几种环境给出配置参考,具体的问题还需要结合项目特点进行修正。1. vue2.6 + js + eslint standard这种组合是我接触最多的,优点是所有的代码约束都通过 eslint 来约束,只原创 2021-05-10 23:36:54 · 2132 阅读 · 4 评论 -
src=“[object Module]“ 的原因及解决方案
使用webpack4构建的项目,出现 src="[object Module]" 的原因及解决方案。Vue官方文档中说了vue-loader的基本原理,他会将Vue模板中的 转为下面这段JS代码:createElement('img', { attrs: { src: require('../image.png') // require()是CommonJS模块语法 }})对于图像我们在Webpack中一般使用 url-loader 来处理{ test: /\.(原创 2021-04-16 00:21:16 · 2980 阅读 · 0 评论 -
antd G6 画图表,渲染时连接线报 e.edge is not a function 的解决方法
最近项目中新引入 antv 的 g6 来话一些流程图,遇到一个问题,render渲染传进来的数值总会报 e.edge is not a function 的错,但是我本地自己写个假数据却没有任何问题,排查了一下午,终于找到病症所在:原来用于标识节点唯一值的id(我们使用的是id字段),在设置连线时,不能是Number类型,只认字符串,所以我们我们节点的id 123 改为 ‘123’ 后就好了!{ id: '123', type: 'asd', name: '合'}edg原创 2020-11-05 19:26:23 · 3150 阅读 · 2 评论 -
NTKO Weboffice打开文档格式错误的解决方案
使用ntko提供的weboffice工具打开一个模板文档,发现格式不正确了,主要是页边距的设置跟源模板不一样了,分析原因得出如下结论:首先区分一下我们项目中使用的【模板】的概念跟ntko提供的【template】头部套红模板两者的区别。我们项目中的模板是直接使用文件服务中保存的模板文件,复制一份作为当前编辑文件继续编辑,也就是格式完全与服务器中保存的模板文件保持一致,而ntko的template功能其实是在一个正在编辑的文档头部追加一部分文字结构,例如套红头部(常见于公文的标准头部)。ntko打原创 2020-10-20 19:01:55 · 1665 阅读 · 2 评论 -
记录一次vue架构优化经历
目录结构:public index.html ------------ 主页面 config.js -------------- 自定义的全局配置页面 src components --------- 存放所有的组件 mixins -----------------存放全局混入 filters ------------------存放全局过滤器 styles ------------------ 存放公共样式 _var.scss ------- 预定义一些变量 m..原创 2020-09-08 16:11:28 · 210 阅读 · 0 评论 -
element-ui 动态表格组件列数发生变化时表格错位问题
如下图所示,列数是月份的天数,所以选择不同的月份的时候列数是动态绑定的,但是在渲染的时候发现,28天的列变为31天的列时最左侧总会出现错位问题:在列数变动的地方加一段代码使视图重新渲染即可pickMonth (val) { this.getDays(val) // 这里使天数发生变化 // 解决选择月份后表格错位问题 this.$nextTick(...原创 2020-03-12 00:07:29 · 1714 阅读 · 1 评论 -
js小技巧:巧秒获取某个月份的天数
今天写一个表格列数是由每个月的天数决定的,所以需要一个方法来根据月份获取当月的天数按照传统的方式,需要获取当前年份、月份,然后先判断年份是否是闰年,再用 switch case 来判断月份的天数,甚是麻烦,问朋友有没有简单的方法,还真收获了一个巧妙的思路:// 根据时间戳返回当前月份有多少天getDays (date) { // 传入一个时间戳d...原创 2020-03-11 20:56:22 · 322 阅读 · 0 评论 -
【转载】element-ui table表格根据内容列宽自适应
搬运自简书:https://www.jianshu.com/p/a5435ec44a80由于项目的需求规定表格中的内容超出部分不能悬浮显示,要自适应宽,先element 表格的是不支持自适应的,经过搜索引用了基于 Element-UI 二次封装的支持自适应列宽的 table-column 列组件github 链接:af-table-column安装npm insta...转载 2020-03-11 17:08:05 · 4983 阅读 · 0 评论 -
Echarts 巧妙解决视觉映射代替图例展示,并且根据数据大小有序排列深浅颜色的问题
改造之前的效果图是这样的(图例展示):改造之后(视觉映射代替图例):——————————————————分割线————————————————————完整这些操作的关键点有如下几点:1、首先根据echarts文档画出地图,这里要注意的是右边图例的数据要与左边地图坐标产生对应关系,如果右边图例的顺序是固定的也就简单了,直接获取根据data数据的索引值来匹配坐标,但如果拿...原创 2020-03-08 23:55:38 · 1632 阅读 · 1 评论 -
【转载】element-ui resetFields 无效的问题
转载自——林间有风1.问题重现因 “添加” 和 “编辑” 字段是一样的,所以我把他们做在了一个弹框表单里面,也节省了代码资源开销,如果你是分开写的弹框也就不会出现这个问题了通常情况下,我们在制作后台管理页面的时候经常会遇到以下操作 “新增、编辑” 等等操作,那么在编辑的时候我们通常会取到当前行的数据而进行赋值操作触发bug的条件是先打开,编辑进行赋值,后打开新增...转载 2020-03-07 22:25:54 · 2225 阅读 · 1 评论 -
Mac首次上传代码至码云操作步骤
一、在码云新建一个仓库,得到一个仓库地址;二、mac需要下载安装xcode就可以使用git;三、Git 全局设置:git config user.name //查看用户名git config user.email //查看邮箱git config --global user.name "username" //设置用户名git config --...原创 2019-02-25 13:18:14 · 1627 阅读 · 0 评论 -
css单行文本溢出隐藏和多行文本溢出隐藏
文本溢出隐藏首先要给文本一个确定的宽度!单行:width: 150px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;多行:width: 150px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-we...原创 2019-02-25 13:46:48 · 3141 阅读 · 1 评论 -
通过css引入外部字体来使用第三方字体
第一步:声明字体名称@font-face{ font-family: 'weiyang'; src : url('../static/weiyangjianti.ttf');}第二步:引用字体div{ font-family: 'weiyang'; font-size: 16px;}...原创 2019-04-07 20:45:34 · 1426 阅读 · 0 评论