- 博客(17)
- 收藏
- 关注
RSS订阅原创 vue引用videojs播放器
由于用组件默认没有配置多语言，需要自己添加多语言。不多说，上代码。1、安装 npm i videojs -S2、引用import videojs from 'video.js'import 'video.js/dist/video-js.css'import "./video.youtube.css"import videoZHCN from 'video.js/dist/lang/zh-CN.json'import videoENUS from 'video.js/dist...
2020-06-01 16:08:06
634
原创 es6语音播报
基于es6的语音播报方法const synth = window.speechSynthesis;const msg = new SpeechSynthesisUtterance();// 语音播报的函数handleSpeak(text){ msg.text = text; msg.lang = 'zh-CN'; msg.volume = '1'; msg.rate = 1; msg.pitch = 1; synth..
2020-06-01 15:31:58
291
原创 兼容edge、ie导出文件
if (window.navigator && window.navigator.msSaveOrOpenBlob) { navigator.msSaveBlob(blob, fileName) } else { const link = document.createElement('a') link.href = URL.createObjectURL(blob) // 创建URL link.download = fileName docum.
2020-05-19 15:01:02
331
原创 vue+axios下载excel文件
从接口获取文件流方式下载excel有两种，这里只展示blob方式，需要后台下载号文件，转换成文件流返回。参考案例：https://segmentfault.com/a/1190000020540788文件后缀：MIME（W3CSchool）axios({ url: '', method: '', responseType: 'arraybuffer', data }).then(res => { // application/v.
2020-05-15 12:16:25
505
原创 vue图片插件v-viewer
图片可以左侧缩放、旋转等动画的插件。参考网站：https://github.com/mirari/v-viewer参考博文：https://www.jianshu.com/p/84042c7b1b5b安装npm i v-viewer -S引入// vue中main.js里面全局引入import Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'Vue.use(Viewer)Viewer.setDefault...
2020-05-14 09:18:28
626
原创 git命令使用记录
git命令记录克隆一个新项目：git clone 项目地址 添加一个文件：git add 文件名称 提交已经添加的文件：git commit -m '备注信息' 推送到git上面：git push 同步项目上的代码：git pull...
2020-04-28 21:33:03
140
原创 vue-router Uncaught (in promise) 报错问题
在vue项目中，每次登录都会出现一个Uncaught (in promise)错误，前边看着没啥大问题也是在项目初期搭建项目，就没管它，现在项目框架搭建好了，对这个bug已经忍到极限，可以动手怼它了。今天看到一篇文章上边写到这个bug是在vue-router版本3.1.0及以上之后才会出现的.这是因为在vue-router更新到3.1.0版本之后，push和replace会返回一个p...
2020-04-24 15:04:17
2344
1
原创 css文本自动换行及相关
// 自动换行，超出部分显示省略号p { word-wrap: break-word; // 自动换行 word-break: break-all; // 英文强制自动换行 overflow: hidden; text-overflow: ellipsis; // 超出部分显示省略号}// 不换行p { white-space: nowrap; /...
2020-04-24 10:47:02
210
原创 vue中注册事件注意事项
在vue组件中注册事件，添加事件是必须的。但是在一些ui框架中单纯的注册事件是不起作用的，要添加一些修饰符才能出现正常效果。iview（view-design）ui // 栅格组件 在栅格组件中是没有内置事件的，要添加点击事件或双击事件需要添加.native修饰符<Row><i-col @click.native="clickName"></i-col&...
2020-04-23 17:00:39
520
原创 vue-cli4 + view-design(iview)
因为项目要求用到定制主题，所以依照官方文档开始配置文件。在配置过程中遇到点问题。变量覆盖的方式可以成功配置颜色，用工具安装的方式没有成功，不知道是不是用脚手架搭建项目后与这种方式有冲突。本次配置是变量覆盖方式配置。在全局样式文件里引用依赖包里的index.less样式文件，之后在main.js文件里引用你的全局样式文件。这种方式需要在vue.config.js配置文件里添加css样式配置...
2020-04-23 11:10:58
3167
原创 cnpm使用
有了npm，为什么还要使用cnpm呢？因为npm内的资源都是在国外网站，每次加载资源要慢了很多。cnpm是阿里巴巴的在国内的镜像网站，是已经下载好了的npm资源，用cnpm下载资源就快了很多。当然，用ionic项目除外，用cnpm下载ionic项目有bug。先安装node.js，里面自带npm。去官网下载最新的node.js安装包，按照提示安装。 cnpm的安装 // 全局安装，...
2020-04-21 22:01:22
547
原创 localStorage与sessionStorage
localStorage：如果你不手动清除缓存，会永久存在 sessionStorage：只要关闭当前窗口，缓存数据就会清除清除方法<script> 1、localStorage.setItem(key, value) //存储数据 2、localStorage.getItem(key) //读取数据 3、localStorage.remove...
2020-04-21 13:50:43
95
原创 vue+axios展示二进制文件流图片
1、请求方式axios({ url: '请求地址', responseType: 'arraybuffer', method: 'get/post', params: { ...data } })2、展示方式两种展示方式任意选择1、const url = URL.createObjectURL(new Blob([res]))2、const url = `data:i...
2020-04-15 09:15:19
1622
原创 数组字符串去重方法
es6写法let arr = ['zhangsan', 'zhangsan', 'wnagwu'];console.log(Array.form(new Set(arr))); // 获得新数组['zhangsan', 'wnagwu']
2020-04-11 16:41:52
388
原创 常用正则表达式符号
^：匹配输入字符串的开始位置。 $：匹配输入字符串的结束位置。 \：转义字符，经常用来匹配有特殊含义的字符。 {n}：n 是一个非负整数。匹配确定的 n 次。例如，'o{2}' 不能匹配 "Bob" 中的 'o'，但是能匹配 "food" 中的两个 o。 {n,m}：m和n为非负整数，n<=m。最小匹配n次，最大匹配m次。请注意在逗号和两个数之间不能有空格。例如，"o{1,3}" ...
2020-04-11 15:13:45
253
原创 正则表达式验证手机号码
1、国内手机号验证表达式constres = /^1[3456789]\d{9}$/;if (res.test('要验证的手机号')) alert('验证通过')else alert('验证失败')2、国内固话验证表达式（待定）const res = /^0\d{2,3}-\d{7,8}$/;...
2020-04-11 14:52:59
429
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人