- 博客(29)
- 收藏
- 关注
RSS订阅原创 文本溢出显示效果（hover）
文本溢出显示效果（hover）这个问题是在面试的时候遇到过的，以往在项目中遇到的都是文本溢出则会隐藏文本并显示省略号，鼠标hover在文本上，会显示所有的文本，这是常见的一些需求，这种问题还是第一次遇到。面试结束后，在下面研究了一下，将其中的一种解决方法记录在博客中，当作一种学习笔记。clientWidthclientWidth = width+左右padding；scrollWidth获取指定标签内容层的真实宽度；在vue中的解决方法html代码js代码css代码...
2021-01-19 12:04:41
729
原创 handsontable右键菜单扩展----多行日期类型标准化
1.实现结果：点击【多行日期类型标准化】，选中的那一列的几行单元格的内容就会自动去除千分符、万分符2.实现过程：
2019-06-10 15:32:55
776
原创 handsontable右键菜单扩展----多行数字类型标准化
1.实现结果：点击【多行数字类型标准化】，选中的那一列的几行单元格的内容就会自动去除千分符、万分符2.实现过程：
2019-06-10 15:29:07
760
2
原创 handsontable右键菜单扩展----多行去除千分符、万分符
1.实现结果：点击【多行去除千分符、万分符】，选中的那一列的几行单元格的内容就会自动去除千分符、万分符2.实现过程：
2019-06-10 15:27:04
450
原创 handsontable右键菜单扩展----多行去除空格
1.实现结果：点击【多行去除空格】，选中的那一列的几行单元格的内容就会自动去空格2.实现过程：
2019-06-10 15:19:05
520
原创 handsontable右键菜单扩展----多行值求和
1.实现结果：点击多行值求和，选中的那一列的几行数据就会求和，算出总数2.实现过程：在contextMenu中的items中自定义菜单功能
2019-06-10 15:11:56
1417
原创 handsontable右键菜单扩展----某列乘以或除以某个数
1.实现效果：点击【乘以/除以某个数】，会弹出如下图的弹框，选择算法类型和要操作的数字，点击确定后，就能计算选中的那一列的数据。2.实现过程：在contextMenu中的items中自定义菜单功能...
2019-06-10 15:04:59
625
原创 handsontable 右键菜单汉化
1.实现效果：2.实现过程：（1）：在官网上面下载一个汉化包en-CH.js，将文件添加到项目目录下面，然后在handsontable项目中引入文件（2）：在settings中设置language: Handsontable.languages.registerLanguageDictionary(enCH)...
2019-06-10 14:50:11
2665
原创 ivew upload过滤掉其他格式的文件
1.实现的最终效果：2.实现过程：（1）.upload中有个accept属性（2）、 注意：fileType的值必须要加上 .
2019-05-29 11:47:46
606
原创 handsontable-----双表头
1.最终实现效果：2.实现环境：vue3.实现过程：（1）、参考handsontable官网：nestedHeaders（2）、给nestedHeaders赋值（二维数组）：如下图（3）实现代码部分截图：...
2019-05-22 12:06:51
4273
3
原创 vue-cli脚手架构建了项目，想去除Eslint验证
1.问题描述：因为每次编译项目的时候，会编译成功之前会报很多语法规范的错误，而且页面上面的语法也要求很严格，会报 错，所以想要把Eslint验证给删除掉。2.解决过程：（1）：在网上搜了很多解决的方案，都是说这样解决，感觉不适用，如下：我的项目中没有webpack.base.conf.js文件，所以该方法并不能实现。（2）：在网上搜了很多关于E...
2019-02-28 17:05:24
1327
原创 vue +iview +modal 弹框关闭后再次打开不显示的问题
1.问题描述：在vue +iview的环境下面，将modal封装成一个子组件，在父组件中引用，关闭modal之后，再次打开，发现 没有反应。 （经推断是modal关闭之后，没有触发组件重新渲染）2.实现代码：父组件：template：data：method：子组件：3.总结：封装模态框，然后进行传值的时候，不要采用一般的思维模式进行传值，即props属性，因为props属...
2019-02-28 11:23:29
7832
1
原创 echarts中为坐标轴添加箭头
1.实现的最终效果：2、实现思路：（1）、刚开始翻看echarts官方网站上面的教程、发现有个属性可以添加箭头：代码如下：实现效果：（跟最终的样式有所出入）（2）、后来在网上翻看资料，发现svg可以作用于echarts中，采用svg自定义图形（自己想要的箭头），然后通过path引入（详细参考此篇文章：https://blog.csdn.net/qq_39759115/articl...
2019-01-09 16:06:49
15457
1
原创 vue中excle导出并兼容ie10+
1.解决思路：后台将excle模板转换成excle流，然后前端将接收到的excle流转化成excle文件，并下载下来；2.前端实现的代码：注：如果excle下载成功，但是打不开的话，首先一定要考虑一下，后台传过来的excle文件流是否正确，很大的可能是文件流不对，我就是被狠狠的坑了一把...
2018-12-24 18:21:04
1577
1
原创 vue中pdf下载并兼容IE
1.问题描述：将带有echarts图表的弹框页面转换成pdf并下载到本地页面；如下图2.解决问题思路：前端先将已经渲染好的echarts图表转化成文件流的形式，将文件流当成参数传给后台；后台再将前端的整个弹框页面转化成文件流，返给前端；最后前端将文件流处理一下，转化成pdf并进行下载；3.实现代码：（1）.依次将页面的echarts图表转换成文件流：在echarts组件中，在将组件实例化...
2018-12-04 20:19:09
2991
原创 在vue中应用highcharts
1.html注：最外层要加div，要不然会报错（找不到容器）；2.js代码：import $ from "jquery";import Highcharts from "highcharts";export default { props: ["data", "id",'content'], data() { return {}; }, mounted(...
2018-12-03 17:05:45
1079
原创 echarts 在vue中数据更新，视图不更新的问题（echarts嵌在vue弹框中）
1.问题描述：在echarts弹框中嵌入echarts，在页面数据改变时，echarts视图不更新；2.解决办法：数据更新时以为drawLine()函数在updated()里面执行（这种情况之前碰到过），后来发现热更新之后视图更新了，所以跟周期函数没有关系；参考了一下网上的一些资料，发现可以用vue中的watch()函数来监听数据的更新，一旦数据更新了，那么就在watch()函数中调用dra...
2018-11-30 14:47:57
13460
6
原创 vue echarts数据超出最大值，超出最大值的部分隐藏，但鼠标hover上去还是显示为实际值
1.实现效果：2.思路： 将hover内容跟series中的data数据进行分开处理；3.知识介绍： formatter：控制hover中的内容（具体可以看官方教程）；4.实现过程： 代码片段：...
2018-11-27 18:57:07
3285
原创 ajax请求接口，将token添加到请求头Header中
请求添加token报415的错误解决方案：在ajax请求中加上contentType: ‘application/json’,报400的错误解决方案：数据格式、数据字段与后台所需的不对应，改正即可...
2018-09-21 15:15:59
14993
原创 vue elementUI中 tree组件实现哪个子节点自动展开；哪个子节点闭合
html部分片段node-key属性与default-expanded-keys属性必填，缺一不可datamethods效果
2018-09-20 11:34:52
6284
原创 vue中监听窗口变化无效（续全屏。。。）
刚开始写的代码const _that=this; window.onresize = function() { if (!_that.checkFull()) { //要执行的动作 $("#canvasPaintArea").css("position","static").css("width","100%"); ...
2018-09-20 11:22:08
1987
5
原创 在vue中封装方法以及多处引用该方法
步骤:    1.先建立一个文件，放你想封装的方法；然后导出；部分代码：注： 导出这个地方需要特别注意：如果是一个对象的话：export 对象；如果是一个函数的话：export { 函数 }    2.引入文件：...
2018-09-19 14:19:40
5549
1
转载 css设置元素水平垂直居中的方法
看到标题，相信大家并不陌生。这个问题，经常会出现在面试题中。通常会要求面试者写出几种方法。那么，究竟有几种方法，每种方法的兼容情况如何，相信大家很少研究过。今天，我们就一起来看看。 通常分为2种情况，已知元素的宽度或未知。我们先说说在已知的情况下，要如何设置。举例说明：有2个元素，让子元素相对于父元素水平垂直居中。html代码：<div class="box">...
2018-09-11 16:59:30
150
原创 vue页面实现全屏功能
       页面的楼层图，需要做一个全屏功能，在网上查找了很多方法(参考了这位博主的代码https://www.cnblogs.com/lyls/p/7446239.html)；但是不兼容IE（IE可以实现全屏功能，但是不能退出全屏），代码如下： 修改之后的代码： html部分片段:&
2018-09-10 16:02:05
39722
原创 elementUI tree 根据返回的数据来控制树的样式
先上图（已完成的效果）： 根据需求，要把单位用户的字体颜色标称如图的颜色，单位用户的type==3;查阅了很多资料感觉都没有用；后来看教程发现了tree中有个方法：render-content，这个方法可行。 代码如下： ...
2018-09-04 15:02:35
2682
6
原创 vue + elementUI 动态创建多级菜单
vue + elementUI 动态创建多级菜单：项目要做一个动态的三级菜单，代码如下图： menuList部分数据结构如下图所示：
2018-09-04 14:41:15
10282
原创 在vue中，数据更改了，但是echarts视图未更新
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I...
2018-09-04 13:49:59
11167
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人