也曾被羡慕-优快云博客

原创 vue 图片在ios上不显示

原因：IOS不识别img标签的作用解决方法： 1.不对img进行css的设置 2.在img外面设置一个div，给这个div设置宽高，让里面的img宽高设置100%继承div的宽高

2021-09-02 17:23:53 1600 1

原创 vue禁用IOS在H5页面中长按图片弹出的弹层

当使用IOS打开H5页面时，长按图片，IOS会展示一个关于这个图片的信息，解决方法webkit-touch-callout属性允许禁用掉这一行为。示例.example { -webkit-touch-callout: none;}

2021-09-01 15:50:02 1139

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 2999

原创获取浏览器语言

获取浏览器语言(navigator.language || navigator.browserLanguage).toLowerCase()根据浏览器语言切换语言//根据浏览器语言切换语言function navigatorLanguage(){ let navigatorLanguage = (navigator.language || navigator.browserLanguage).toLowerCase() let lang = 'zhCN' switch

2021-07-21 14:51:28 1556

原创 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 2125

原创 vue项目优化--减少体积(浏览器sources中看不到项目源码)

1.在vue.config.js或者babel.config.js中设置productionSourceMap为falsemodule.exports = { productionSourceMap:false,}

2021-07-02 09:55:33 581

原创 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 1698

原创 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 3368

原创 vue实现下载pdf文件

1.前端实现下载pdf文件更多的是新开一个标签页来打开pdf文件，然后在点击下载，这篇文章是分享的是点击直接下载，无需新开标签页2.这里是pdf文件已经由后台生成并且传到了阿里云，所以这边直接传入线上地址即可，其他小伙伴没有线上地址的可以先实现阿里云上传或者其他方法获取到线上地址在调用。this.fileLinkToStreamDownload(url) //直接传入要下载的pdf文件的线上地址fileLinkToStreamDownload(url) { let fileN

2021-06-25 10:55:27 14465 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 635

原创 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 242

原创 ios图片兼容

问题：headerBar有个back按钮，这个back本质是一个图片，在ios上长按会放大解决：不在img上加事件就不会触发，可以在外面包一层把事件挪过来

2021-05-28 18:17:14 222

原创 vue实现阿里云批量上传

vue实现阿里云批量上传1、创建一个vue文件<template>  <div id="uploadVideo">  <el-dialog :title="$t('上傳視頻')" :visible.sync="isUploadVideo" center width="1000

2021-05-27 17:34:00 1296 2

原创 Android软键盘遮挡

H5对Android和ios软键盘兼容问题软键盘遮挡只出现Android，是因为Android和ios对软键盘的处理不一样1.Android和ios软件盘弹起的处理Android是改变webView的高度，而ios是把整个webView往上推，所以ios不会出现软键盘遮挡的问题所以对于软键盘遮挡这个问题，最好是由Android去解决，让Android去实现这个页面，或者让Android去监听软键盘事件，将整个webView往上推。...

2021-05-27 17:10:47 227 1

原创关于Dplayer播放m3u8时长显示不正确

关于Dplayer播放m3u8时长显示不正确将hls版本更换为1.0.2npm i hls.js@1.0.2 -S

2021-05-27 16:14:03 1412

原创 vue使用Dplayer播放m3u8

vue使用Dplayer播放m3u81、安装dplayer hls npm i dplayer -S npm i hls.js -S2、在使用的组件中引入 ps:hls一定要放在dplayer前面 import Hls from 'hls.js' import Dplayer from 'dplayer'3、创建一个id为dplayer的容器 <div id="dplayer" style="height: 450px"></div>4、在data中声明一个d

2021-05-27 16:04:27 2808 3

weixin_47047590的博客