![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
也曾被羡慕
这个作者很懒,什么都没留下…
展开
-
vue 图片在ios上不显示
原因:IOS不识别img标签的作用解决方法: 1.不对img进行css的设置 2.在img外面设置一个div,给这个div设置宽高,让里面的img宽高设置100%继承div的宽高原创 2021-09-02 17:23:53 · 1499 阅读 · 1 评论 -
vue禁用IOS在H5页面中长按图片弹出的弹层
当使用IOS打开H5页面时,长按图片,IOS会展示一个关于这个图片的信息,解决方法webkit-touch-callout属性允许禁用掉这一行为。示例.example { -webkit-touch-callout: none;}原创 2021-09-01 15:50:02 · 1014 阅读 · 0 评论 -
js输出文件到本地
JS输出文件到本地本质上是使用node.js,这里我们采用fs模块,下面是fs的方法 1. const fs = require('fs');//创建目录fs.mkdir('./testDir', (err)=>{ if(err){ console.log(err); return; } console.log('创建目录完成') })//创建文件并写入文件fs.writeFile('./test.txt'原创 2021-08-26 10:13:07 · 2843 阅读 · 0 评论 -
获取浏览器语言
获取浏览器语言(navigator.language || navigator.browserLanguage).toLowerCase()根据浏览器语言切换语言//根据浏览器语言切换语言function navigatorLanguage(){ let navigatorLanguage = (navigator.language || navigator.browserLanguage).toLowerCase() let lang = 'zhCN' switch原创 2021-07-21 14:51:28 · 1510 阅读 · 0 评论 -
vue解决火狐浏览器滚动条问题
1.作者是在实现左侧菜单时发现这个问题的,在火狐浏览器上会出现滚动条,这是火狐自带的解决方法:在相关盒子的css上加上一下代码 overflow-y: scroll; scrollbar-color: transparent transparent; scrollbar-track-color: transparent; -ms-scrollbar-track-color: transparent;...原创 2021-07-08 18:42:39 · 2012 阅读 · 0 评论 -
vue项目优化--减少体积(浏览器sources中看不到项目源码)
1.在vue.config.js或者babel.config.js中设置productionSourceMap为falsemodule.exports = { productionSourceMap:false,}原创 2021-07-02 09:55:33 · 538 阅读 · 0 评论 -
vue实现生成环境(线上环境)不显示console
1.npm install babel-plugin-transform-remove-console --save-dev2.在vue.config.js或者babel.config.js中引入const proPlugins = [];// 如果是生产环境,则使用去掉console的插件if (process.env.NODE_ENV === 'production') { proPlugins.push('transform-remove-console');}module.exp原创 2021-07-02 09:51:52 · 1618 阅读 · 0 评论 -
vue实现微信分享
1.npm i weixin-js-sdk --save //安装微信sdk2.import wx from ‘weixin-js-sdk’ //在需要的地方引入3.要注意的是onMenuShareAppMessage,onMenuShareTimeline是微信sdk1.4.0以下版本的方法如果版本在1.4.0以上,必须使用新的方法updateAppMessageShareData,updateTimelineShareData需要在wx.config的jsApiList进行注册 用法与onM原创 2021-06-28 18:31:54 · 3308 阅读 · 0 评论 -
vue实现下载pdf文件
1.前端实现下载pdf文件更多的是新开一个标签页来打开pdf文件,然后在点击下载,这篇文章是分享的是点击直接下载,无需新开标签页2.这里是pdf文件已经由后台生成并且传到了阿里云,所以这边直接传入线上地址即可,其他小伙伴没有线上地址的可以先实现阿里云上传或者其他方法获取到线上地址在调用。this.fileLinkToStreamDownload(url) //直接传入要下载的pdf文件的线上地址fileLinkToStreamDownload(url) { let fileN原创 2021-06-25 10:55:27 · 14250 阅读 · 17 评论 -
vue实现下载qrcode生成的二维码
可以直接复制使用//下载二维码 downs(){ // //找到canvas标签 let myCanvas = document.getElementById('qrcode').getElementsByTagName('canvas'); let img=document.getElementById('qrcode').getElementsByTagName('img') // // //创建一个a标签节点 let a= doc原创 2021-06-18 17:02:09 · 600 阅读 · 0 评论 -
vue移动端实现px转vw
1.npm install postcss-px-to-viewport --save-dev2.在vue.config.js文件中加入以下代码(没有就在项目根目录创建)module.exports = { css: { loaderOptions: { postcss: { plugins: [ require("postcss-px-to-viewport")({原创 2021-06-09 18:21:40 · 222 阅读 · 0 评论 -
ios图片兼容
问题:headerBar有个back按钮,这个back本质是一个图片,在ios上长按会放大解决:不在img上加事件就不会触发,可以在外面包一层把事件挪过来原创 2021-05-28 18:17:14 · 169 阅读 · 0 评论 -
vue实现阿里云批量上传
vue实现阿里云批量上传1、创建一个vue文件<template> <!-- 阿里云上传视频 支持批量上传 --> <div id="uploadVideo"> <!-- 上传视频 dialog --> <el-dialog :title="$t('上傳視頻')" :visible.sync="isUploadVideo" center width="1000原创 2021-05-27 17:34:00 · 1132 阅读 · 1 评论