前端
huangq_qiao
这个作者很懒,什么都没留下…
展开
-
css设置!import提高样式的优先级
https://www.cnblogs.com/zhangpengshou/archive/2012/08/08/2628737.html原创 2021-07-26 15:03:23 · 1335 阅读 · 0 评论 -
<a>标签下载download 浏览器打开文件或者下载文件的区别
用户点击下载多媒体文件(图片/视频等),最简单的方式:<a href='url' download="filename.ext">下载</a>如果url指向同源资源,是正常的。如果url指向第三方资源,download会失效,表现和不使用download时一致——浏览器能打开的文件,浏览器会直接打开,不能打开的文件,会直接下载。浏览器打开的文件,可以手动下载。解决方案一:将文件打包为.zip/.rar等浏览器不能打开的文件下载。解决方案二:通过后端转发,后端请求第三方资.转载 2021-05-19 17:00:44 · 1677 阅读 · 0 评论 -
node控制多行输入输出
// JavaScript(Node)// 引包const readline = require('readline');// 创建输入和输出流的界面const rl = readline.createInterface({ input: process.stdin, output: process.stdout});// 单行输入// 使用rl.on('line',(line)=>{});// 该事件在用户在控制台当中输入一行数据,并敲回车之后触发执行其回调函数,回调函数当原创 2021-04-18 19:51:14 · 1452 阅读 · 0 评论 -
通过canvas方法计算任意字符串所占的实际宽度
目录1. 法一 使用canvas画布。`getContext("2d")`方法`measureText()方法`项目应用法二 通过DOM测量textContent() 方法设置文本内容 + clientWidth值法三 用 visibility: hidden 的浮动的层来计算字符串宽度。js计算任意字符串宽度由于像素和字体大小,字节(特别是 UTF-8)等限制因素,所以我们不能直接知道一个字符串所占的实际宽度。1. 法一 使用canvas画布。测量文本以计算并返回给定字体的给定文本的宽度(以像素为原创 2021-04-09 22:39:48 · 3750 阅读 · 0 评论 -
前端通过 Blob / a标签 / iframe的src属性 实现文件下载
前端通过Blob实现文件下载下载按钮 <Button @click="downResult()" style="border: 1px solid">调用的Blob下载方法 // 下面的downResult是前端通过Blob实现文件下载,需要请求后台获取数据responseData, 但大文件的等待时间较长,现改为直接通过src下载 downResult () { this.taskId = window.location.href.split('/')原创 2020-12-29 20:42:07 · 4004 阅读 · 0 评论 -
记录-基于springboot+vue.js实现的超大文件分片极速上传及流式下载
基于springboot+vue.js实现的超大文件分片极速上传及流式下载,支持超大文件断点续传、秒传软件架构系统整体采用前后端分离开发,基于OpenJDK11版本:前端:vue.js+elmentUI后端:springboot+mybatis数据库:mysql工程管理工具:mavenhttps://gitee.com/luckytuan/fast-loader...原创 2020-12-24 17:02:11 · 1978 阅读 · 3 评论 -
vue 表单对象里还有对象,多层嵌套校验,制定校验规则
vue表单多层嵌套验证Form 表单表单数据通过 :model 绑定是 formValidate验证规则通过 :rules绑定ruleValidata在对formValidate.slurm_kwargs内层的gpulist 进行验证时, 直接给prop=‘xxx’ 然后在ruleValidata里对应是无法验证的需要在prop处写到上一层slurm_kwargs.gpulist然后在ruleValidata里 使用 'slurm_kwargs.gpulist ’ 绑定验证...原创 2020-12-23 20:13:04 · 4171 阅读 · 0 评论 -
pre标签使HTML页面上获取到的文本保留空格和换行符等格式
使HTML页面上获取到的文本保留空格和换行符等格式<pre> 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。注:在使用过程中,如果是在移动端会发现文字会超出屏幕,形成横向滚动条,加个样式就好了<pre>的内容自动换行的问题(兼容多个浏览器):pre {white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-sp原创 2020-12-10 16:00:45 · 858 阅读 · 1 评论 -
iview组件库中,Form组件里的Input,无法正确绑定on-enter事件
https://blog.csdn.net/luluan_lin/article/details/102703566?utm_medium=distribute.pc_relevant.none-task-blog-title-2&spm=1001.2101.3001.4242iview组件库中,Form组件里的Input,无法正确绑定on-enter事件转载 2020-12-02 10:23:23 · 284 阅读 · 0 评论 -
Vue中监听页面刷新和关闭beforeunload事件
代码在methods中定义事件方法,在mounted 生命周期钩子中绑定事件, 在destoryed钩子中卸载事件 mounted () { window.addEventListener('beforeunload', e => this.beforeunloadFn(e)) }, destroyed () { window.removeEventListener('beforeunload', e => this.beforeunloadFn(e)) }..原创 2020-11-27 10:27:06 · 9758 阅读 · 0 评论 -
vue自定义组件并使用v-model进行绑定,实现父子组件的数据交互+VueMathjax组件公示预览展示的使用
vue在自定义组件中使用v-modelvue表单数据的双向绑定 v-model原理解析如何自定义组件, 并在自定义组件中设置使用v-model如: 在父组件datasourceUpload中调用子组件mathJaxDescription,并通过v-model绑定父组件中填写的表单数据datasource.description实现目标:子组件封装一个组件,实现用户输入描述信息并可以通过数学公式的转换预览展示通过v-mode与父组件进行数据交互...原创 2020-11-24 16:58:01 · 1365 阅读 · 0 评论 -
maven安装配置及(mvn不是内部或外部命令,也不是可运行的程序)报错解决
参考链接:https://blog.csdn.net/a805814077/article/details/100545928在系统变量path中添加D:\apache-maven-3.6.3配置本地localRepository原创 2020-11-19 15:23:23 · 89 阅读 · 0 评论 -
js中判断对象是否为空
参考一: js 判断一个 object 对象是否为空 参考二:版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本文链接:https://blog.csdn.net/mhbsoft/article/details/86601023...原创 2020-11-18 10:33:48 · 64 阅读 · 0 评论 -
JS深拷贝与浅拷贝
理解JS深拷贝深拷贝与浅拷贝的区别,实现深拷贝的几种方法首先得明白JSON.stringify()与JSON.parse()的作用,针对你的疑问,我们可以这样理解,前者能将一个对象转为json字符串(基本类型),后者能将json字符串还原成一个对象(引用类型)。基本类型拷贝是直接在栈内存新开空间,直接复制一份名-值,两者互不影响。而引用数据类型,比如对象,变量名在栈内存,值在堆内存,拷贝只是拷贝了堆内存提供的指向值的地址,而JSON.stringify()巧就巧在能将一个对象转换成字符串,也就是基本原创 2020-11-16 19:04:16 · 62 阅读 · 0 评论 -
在jsplumb中使用html2canvas + svgToCanvas 将svg图片以及canvas生成缩略图并用于用户在界面下载和上传后台
使用jsplumb框架画图使用html2canvas + svgToCanvas 将svg图片以及canvas生成缩略图并用于用户在界面下载和上传后台// 导入utils.js文件,导入html2canvas包import utils from '../../utils/util'import html2canvas from 'html2canvas'………… downloadPicture () { // 用户生成图片用于本地下载 this.designLoading原创 2020-11-10 17:12:05 · 1457 阅读 · 0 评论 -
ES6扩展运算符...三个点的用法
ES6扩展运算符es6中对象扩展运算符(三个点…)原创 2020-10-28 20:42:03 · 182 阅读 · 0 评论 -
谷歌浏览器如何在控制台打印出可复制的对象数据-通过JSON.stringify将对象转化为json字符串
// 打印object 在谷歌浏览器中是obj形式,不方便复制到本地查看console.log(originJson)//控制台打印出可复制的数据: 把对象 object 通过 JSON.stringify() 转化为json字符串即可console.log(JSON.stringify(originJson))...原创 2020-10-28 16:29:04 · 1675 阅读 · 0 评论 -
Cytoscape.js学习记录
记录学习Cytoscape.js的过程另有一篇别人的博文分享:cytoscape.js基础篇https://blog.csdn.net/dahaiaixiaohai/article/details/89669526About 关于Cytoscape.js is an open-source graph theory (a.k.a. network) library written in JS. You can use Cytoscape.js for graph analysis and visua翻译 2020-09-16 17:09:29 · 1082 阅读 · 0 评论 -
Sublime Text Build 3211安装使用
参见链接https://www.cnblogs.com/honeynan/p/12380328.html百度云下载地址 https://pan.baidu.com/s/1eQ_20hVsrCCCVK0YvNYEhw 提取码p5g3转载 2020-09-15 15:44:04 · 774 阅读 · 0 评论 -
解决Vue中img图像src变成“[object Module]“无法正确加载的问题
解决Vue中img图像src变成"[object Module]"无法正确加载的问题https://www.jianshu.com/p/0877ce441561解决方案这是因为file-loader默认采用ES模块语法,即import ‘…/image.png’;然而Vue生成的是CommonJS模块语法,即require(’…/image.png’);二者不一致。要么让file-loader或url-loader采用CommonJS语法,要么让Vue采用ES语法。刚好file-loader或url原创 2020-09-14 21:22:28 · 1707 阅读 · 0 评论 -
v-for 循环时直接使用 v-model 绑定value报错
v-for 循环时直接使用 v-model 绑定value报错报错vue v-model directives cannot update the iteration variable ‘x’ itself将 v-model 直接绑定到 v-for 迭代别名。这将无法修改 v-for 源数组,因为写入别名就像修改函数局部变量一样。考虑使用一个对象数组并在对象属性上使用 v-model。原因:v-model 不可以直接修改 v-for 循环迭代时别名上的数据,但是,可以通过 index 下标来引用所需的原创 2020-08-17 18:50:19 · 4173 阅读 · 0 评论 -
js将string字符串第一个字母转小写,其他的大写字母转为 下划线+小写(python类名要求的格式)
nameChanged (string) { // string的第一个字母转小写,之外的大写字母需要加_转小写,然后编号 let n = string.replace(string[0], string[0].toLowerCase()) const stringArray = n.split('') // 将字符串分割成相应的字符串数组 let newField = n stringArray.forEach(t => { if (/[A-Z]/.tes原创 2020-08-15 22:15:44 · 1462 阅读 · 2 评论 -
ES6教程阮一峰
… 为ES6的扩展运算符其他ES6的特性,参见阮一峰ES6的入门教程ES6入门教程https://es6.ruanyifeng.com/原创 2020-08-15 19:10:25 · 3916 阅读 · 0 评论 -
vue的数据赋值联动改变解决方案
vue的数据赋值联动改变解决方案浅拷贝和深拷贝https://www.cnblogs.com/ruruo/p/13213362.html转载 2020-08-15 13:50:05 · 445 阅读 · 0 评论 -
什么是接口
原创 2020-02-22 21:58:11 · 123 阅读 · 0 评论