工作记录

1. 视频图片轮播 1. vue2 版本的视频和图片混合轮播 效果如下： 安装 "vue-video-player": "^5.0.1" 2：全局引入main.js 可实现代码如下：接口换成自己的接口

1. el-menu-item 使用时报错：Invalid prop: custom validator check failed for prop “index“. 报错信息只是指明了index有误

1. 前端实现图片预览 一般来说，图片在后端的存储方式分为两种： 其一：可以将图片以独立文件的形式存储在服务器的指定文件夹中，再将路径存入数据库字段中; 其二：将图片转换成二进制流，直接存储到数据库的

1. 单行文本溢出省略 核心 CSS 语句 overflow: hidden；（文字长度超出限定宽度，则隐藏超出的内容） white-space: nowrap；（设置文字在一行显示，不能换行） te

1. echarts 树形结构配置 配置效果如下： 完整配置代码如下：（可运行），慢慢看，你终将会实现你想要的效果。 2. Vue2/Vue3中在css中使用js的变量（less、scss也适用） 2

1. 纯前端实现汉字转拼音 —— pinyin-pro 库 汉字转拼音 —— pinyin-pro 库 一般实现汉字转拼音的功能都是请求服务端 api 实现，而对于一些比较简单的需求，我们可以通过一个

1. echarts 去掉刷新按钮 项目中，图表展示用的Echarts，在Echarts的数据视图中，有默认的“关闭”、“刷新”两个按钮。点击“刷新”按钮，会自动关闭当前数据视图，体验不好并且对我们的

1. 设置el-dialog里面的内容滚动 el-dialog默认高度是自由拉伸的，当内容超过屏幕时会出现滚动条，按钮和标题都会随着滚动，用户体验不好。 2. el-table设置纵向滚动 效果如下：

1. 使用步骤 安装echarts 全局引入 ​ 在main.js中 使用代码如下 2. 遇到的几个问题 2.1. X轴数据不全明显问题 2.2 自定义按钮 2.3 有数据，但没有效果 echarts

### 1. css word-spacing属性设置字间距（单词的间距） 1. word-sp

1.项目背景： 公司合作开发的项目生产管理信息系统，项目是公司的老总接来的，由于项目比较庞大，涉及整个生产工艺的整个流程，可能会比较复杂，所以和另一个公司一起开发来这个项目。 项目主要负责人是一位干了

1. elment-ui 多选下拉框组件数据不显示问题 解决方法： 效果： 2. element-ui的单选表格组件 在多选表格的基础上进行处理, 呈现单选表格的作用 主要使用的是ElementUI多

1. vue父组件中触发子组件事件 父组件 2. 子组件 2. 子组件调用父组件的事件 直接在子组件中通过this.$parent.event来调用父组件的方法 2. 在子组件里用$emit向父组件触

1. 解决方法: this.$router.go(0); location.reload() 2. 存在的问题 上两种方法 都会出现闪屏的问题 影响用户体验。如何做到页面刷新不闪屏呢？ 想法：用一个空

1.element-ui表格列el-table-column如何根据数据不同显示不同的值，获取prop值 方法一、格式化数据 在使用element-ui的表格时，有时候后台给你的字段和你要显示在表格列

1. 兄弟组件通信 2. Vue 通过for循环出来的标签，只改变其中的某一个样式 3. vue中使用v-for循环出来的数据,如何单独控制显示隐藏 3.1 第一种方法(修改数据) 给要循环的列表每一

1. js基本概念 1.1 基本特点 借鉴C语言的基本语法 借鉴java的数据类型和内存管理 借鉴scheme语言，将函数提升到一等公民身份 借鉴self语言，使用基于原型（ProtoType）的继承

记录一些有趣的事情~ 1.设置盒子圆角：border-radius border-radius 用来设置圆角 以XXpx为半径画圆 还可以单独设置一角的圆角 border-bottom-right-r