- 博客(128)
- 问答 (2)
- 收藏
- 关注
原创 vue下载文件流,文档打开只有[object Blob](排错)
2、请求接口拿到的数据路径是否正确:比如接口返回的文件流数据在res.data下,而你只写了res(1、请求后端接口时前端api是否。),这样当然找不到啦。
2023-12-18 17:12:34
1320
原创 vue截取markdown数据生成简介文字处理(记录)
这里列举一个markdown数据:首先,需要在项目中安装marked然后在需要用到的组件中引入接下来开始处理数据这种方式可以保留字符的颜色等,常用于关键字检索后突出结果相关。缺点是,需要对多种可能影响的字段进行处理,对于一些组合字符效果处理有一定困难。此处用举的例子mdStr示例:解析:将文字多个空白间隔替换为一个,减少文字间间距;去除标题文字样式,用空格与其他文字间隔开;去掉换行格式,换成用空格与其他文字间隔开的方式主要用于文章单篇简介,需要用到原生处理方式:1、渲染markdown数
2023-07-24 15:21:29
488
原创 java编写金字塔
这句话前端js可以编译通过,但如果放到java里就会编译不通过,报错:不是语句。并不能保证对其,但保留奇数行可以得到一个正三角金字塔。,在java中,三目运算符不能在里面写赋值语句,这点和js不一样。然而在计算机显示中,每行列都是垂直对应,可以从上图结果看出,逐层加。的字段中,始末位置为*,其余位置为空格,且最后一行全部为。的总数为底部基石的数量,那么前后空格数就是。可以看出,每一层由空格和。即可(注意:java直接。同理,代码只需修改打印。,然后拼接字符串打印。位置的循环,间隔显示。
2023-06-21 14:10:04
2724
原创 el-form嵌套el-table编辑,校验信息显示在气泡框中
/}).catch(er=>{row.isEdit = true})//如果接口反馈失败,保持输入状态方便识别刚刚编辑的行。但是,我不得不将错误提示放到el-tooltip中显示,因为产品给出的校验失败信息实在是太太太太太长长长长长长了!//isEdit=是否显示输入框,ms1对应32位校验是否显示错误信息,ms2对应非空校验是否显示错误信息。//注意:这里是”==“而不是”===“,如果项目采用严格模式,需要用number转换一下。//非空不通,显示内容为非空校验错误提示,对应errorMess2。
2023-06-02 09:24:46
2219
原创 “screen“完整单词在jq项目中丢失最后一个字母
且清浏览器历史数据与重新打开编译器运行都不解决问题,删除.vscode包再编译也是同样的问题。推测:可能是出现偶然的渲染异常,下次碰见这样的问题可以试试。"screen"完整单词在jq项目中丢失最后一个字母,某。补充:复制文件到另一个夹里,运行也不会出现少n的情况。,在浏览器渲染后只剩下。
2023-05-31 09:13:04
63
原创 js除法计算上传进度显示出现多位小数
以上规则没什么大问题吧,但是!在进度字样随进度条显示时,出现了不和谐的数字,超长的小数:比如7.0000000000004,就算用上toFixed还是会出现这样的情况。更离谱的是,比如当前进度计算结果7.0000000000004,下一秒进度计算结果7.00,合着进度还给回退了啊?最后用字符串处理显示在进度条上的数字。
2023-05-30 17:07:49
226
原创 原生js处理大屏顶部导航栏缩放问题(记录)
反复计算,如果顶部导航栏内容包括背景图都摘出做响应,在全屏或部分拉伸比例情况下,会出现遮挡内容部分的情况。最终决定,将图中“真正内容部分”作为一个整体,这样宽度是青色的宽度,高度是占满全屏的高度,不必再用高度减去导航栏高度的计算造成误差。translate(-50%, 0),主要与包裹div的absolute定位与left:50%配合,使内容展示部分永远居中显示。其中,部分页面不方便做响应式调整,ui也没有给出相应的设计。当屏幕缩放时,对导航栏图片和内容部分同步处理。编写,iframe多页面跳转,利用。
2023-05-30 10:41:35
246
原创 vue多选框第二次才能选中
点击时双向绑定已经将值修改,不需要再多一步手动赋值,否则会导致点击两次才能选中输入框。多选框点击处执行赋值,导致鼠标点击框框第一次木反应。
2023-05-29 11:01:04
588
原创 markdown数据转换,处理html2canvas+jsPDF下载后文字截断问题(记录)
声明:此篇文章并不是最优解决办法,下载pdf这一步主要参考睡衣大佬提供的思路和代码,个人在此基础上进行细微修改处理段落文字截断,勉强实现不截断文字效果,但也有诸多限制和不足。
2023-05-17 17:05:59
1546
原创 vue使用原生bootstrap-fileinput无效(未解决)
起因:要求替换项目框架,原先jq要替换成vue。暂时和产品商议设计了新的上传插件样式,自定义编写了一个文件上传插件。这篇只记录一下踩到的坑,由于时间关系,此问题未解决。然后,在vue中引入这个插件却始终不行。
2023-04-25 15:13:11
639
原创 vue动态表单校验(校验切换)
比如某个统计表单有如下输入项:1、商品类型(下拉选择框):A类、B类2、商品补货数量(输入框):输入数字3、展牌数量(输入框,由商品类型决定是否必填该项):输入1或以上整数现在要录入补货清单,要求:1、“商品类型”选择A类时,商品补货数量输入限制:100-300,展牌数量选填2、“商品类型”选择B类时,商品补货数量输入限制:1-10,展牌数量必填。
2023-04-11 16:47:36
1998
转载 vue实现html内容下载为pdf文件
html2canvas:通过获取HTML的某个元素,然后生成Canvas,能让用户保存为图片。jspdf:基于HTML5的客户端解决方案,用于生成各种用途的 PDF 文档。
2023-03-10 10:34:05
700
原创 js将数字转十进制+十六进制(联动el-ui下拉选择框)
一开始只想到以0x开头来判断十六进制,其实整数也可以看成是十六进制的数,这样就无法判断用户输入的哪个进制:比如将20看成十六进制,十进制转化后为32。用户想输入十六进制数20,按照querySearch内判断条件,却是将20作为十进制转化的,出来组合是:(20,32)。如果按照用户的想法,十六进制数20-----对应----->十进制数14,出来的组合是:(20与14)//如果是整数,辅助转化十六进制,注意必须是number.toString(16)!解析:十六进制数可用0x或0X标识(可写可不写),
2023-02-17 10:44:59
471
原创 自定义el-pagination分页
vue项目使用el-ui库,由于原本的el-pagination显示字段和样式无法满足其他项目的设计要求,需要进行改动el-ui官网:改动后:1、创建自定义分页组件selfPagination.vue2、使用自定义分页组件举例tablePage.vue踩坑记录:1、在selfPagination.vue中,原先el-ui分页的“前往x页”要改成“跳至x页”,以及“共xx条”中样式文字的设置,最好在mounted中,预先初始化设置一下,防止接口数据加载前后显示不同。2、在selfPagin
2023-01-11 10:14:54
1886
原创 vue简单侧边栏封装+模拟侧边栏标签淡入淡出
点击标签跳转到对应页面,当然用router-link和router-view可以实现。这里用其他方法来模拟侧边导航栏点击后淡入淡出。
2023-01-09 15:49:56
389
原创 bootstrap校验laydate起止日期联动失效
项目中用到bootstrapValidator,以及laydate(by:贤心,插件效果美观)。项目表单中,有两处需要联动校验:开始日期,结束日期。规则:两项必填,开始日期不能晚于结束日期。
2023-01-05 15:18:09
457
4
原创 js对以下结构数组处理时遇到的问题(arr:[{class:“a“,team:“hero“,member:[{name:“Tom“,hobby:[“读书“,“看报“]}]}],...])
记录一次处理合并数据
2022-06-24 11:49:51
71
转载 react三个文件资源
转载于:https://www.php.cn/website-design-ask-464049.htmlhttps://blog.csdn.net/boysky0015/article/details/86646270reactbabel
2022-03-02 15:46:51
274
原创 vue中click防抖
初学自己写的小案例,未封装!!!介意的请看别人封装好的<template> <div class="count"> <span>{{pageIndex}}</span> <span class="add" @click="add">+</span> </div></template><script>export default { name:"Count", d
2022-02-22 09:19:40
1226
原创 vue在data中定义变量后依旧报undefined
之前跑的好好项目突然data中报undefined,在mounted打印也出不来。最后排查,还是个人粗心问题:变量太多,自己多加变量时忘了赋值,导致整个运行报错。data(){ return { a:"信息1", b:"信息2", c }},mounted(){ console.log(this.a)//undefined}如上代码,虽然我在末尾加变量,es6语法会默认c为c:c,在编译器里认通过。但是,c没有初始值卡住之后会影响其他data变量的获取,打印a、b的值都是un
2022-02-17 10:44:41
3243
转载 CCS3属性之text-overflow:ellipsis;
语法:text-overflow:clip | ellipsis默认值:clip适用于:所有元素clip: 当对象内文本溢出时不显示省略标记(…),而是将溢出的部分裁切掉。ellipsis: 当对象内文本溢出时显示省略标记(…)。在使用的时候,有时候发现不会出现省略标记效果,经过测试发现,使用ellipsis的时候,必须配合overflow:hidden; white-space:nowrap; width:50%;这三个样式共同使用才会有效果,示例代码:<style type="tex
2022-01-07 14:45:12
174
转载 vue使用export
今天突然有个疑问为什么不能直接export+变量常见:export function getUser(){}export const basicAge = 16//等等... 一、以下是解释很详细的一篇文章 强烈推荐阅读!!!参考文章二、直接export+变量导出形式要导出的内容: const num = 16; function getUser(){ return '123'; }1、回顾下export default:export default num/
2021-12-30 10:40:00
555
原创 vuex中[‘字符串‘](参数){...}
单独的[]代表数组,与对象或数组结合有两种用法对象中obj['name']代表obj.name,数组中arr[0]代表数组中第1个元素今天在学习的时候突然看到有这么一个写法[](){}[ICONFONT](state){ state.info.name = 'Harry'}这里的[]理解不了,说是数组也说不通。在网上查了一圈,总结为vuex里mutations里定义常量类型使用的一种固定格式,你可以理解为是vuex中mutiations的一种规范。[]里写常量,代表方法名。比如在统一定义
2021-12-02 16:34:55
900
原创 a标签判断后确定是否跳转
举例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <a id="a1" href="http://www.baidu.com">点击跳转</a> <script> let flag
2021-12-01 10:50:18
2681
原创 win10使用cmd开本地服务器
在没有将代码部署到服务器时,浏览器控制台会报接口跨域,我们可以在本地模拟服务器环境来方便开发步骤:一、安装node.js网上有很多教程。可参考https://blog.csdn.net/antma/article/details/86104068二、全局安装http-servernpm install http-server -g三、cmd进入你项目文件夹所在路径,启动http-servercd(进入)、E:(切换到E盘)等指令这里就不介绍了,进入项目文件夹直接输入以下命令,回车htt.
2021-11-30 16:55:40
1806
原创 vue中slot插槽
一、引用子组件标签中的内容会将子组件内对应的slot替换成添加的内容<div id="app"> 下面是一个子组件 <comp><button>点我</button><p>一个段落</p></comp></div><template> 我是子组件 <slot></slot> <!--slot标签会替换成button和p--></templa
2021-11-11 09:05:03
1015
原创 jquery弹窗组件修改(踩坑记录)
目录一、$.confirm()确定及取消操作没反应二、修改$.confirm样式三级目录一、$.confirm()确定及取消操作没反应二、修改$.confirm样式三级目录 事情是这样se儿的,之前用vue打包好的项目被嫌弃占内存偏大,要求用原生js重新编写页面,然后就开启了与jq斗智斗勇的过程。其中,用到与el-ui中this.$confirm与this.$notify相似的弹框组件,下面放两张图感受一
2021-11-10 09:11:37
1635
原创 递归、迭代示例
一、迭代 let iterVal = 0; function iterSum(n){ for(let i=n;i>0;i--){ iterVal = iterVal + i; } return iterVal } console.log(iterSum(5)) //15二、递归 let sumVal2 = 0; function mySum2(n){//递归 if(n<0)retu
2021-11-09 11:29:55
998
空空如也
vue下载文件Blob处理内容失败
2023-12-18
为什么三目运算符报错无法运行
2023-06-21
vue中el-form输入框校验效果修改
2023-02-23
vue项目调试,chrome控制台查看接口一直报canceled
2022-02-28
TA创建的收藏夹 TA关注的收藏夹
TA关注的人