weixin_39725702-优快云博客

computed:只有当依赖的数据变化时才会计算, 会缓存数据。用于监听自定义变量，该变量不在data中生命，直接在computed中定义，实时监控变量变化，实现双向数据绑定，适用于对变量和对象进行处理后返回一个值watch: 每次都需要执行函数。watch 更适用于数据变化时的异步操作，即监听数据变化后需要做一些数据操作...

2022-03-22 18:37:41 868

原创 Vue中url跳转路由传参

Vue项目中url跳转路由传参http://localhost/#/detail?id=1&name=user

2021-12-06 10:28:10 375

原创新版chrome浏览器video播放去掉自带的“播放速度，下载”按钮，去掉右下角三个点

问：新版chrome浏览器如何去掉video播放自带的“播放速度”按钮答：给video设置属性 controlsList=‘nodownload noplaybackrate’<video controls src="1.mp4" controlsList="nodownload noplaybackrate"></video>

2021-10-23 19:39:25 3925 1

原创 video在chrome firefox等浏览器中无法自动播放

video在chrome firefox等浏览器中无法自动播放解决方法：方法1 无法自动播放是因为浏览器做显示，需要用户与浏览器之间有交互才可以，给video设置muted,将音视频文件静音可以实现自动播放，但是静音状态，需要手动去掉静音方法2 去设置浏览器，例如chrome,网页设置-声音，设置允许，即可...

2021-08-31 14:57:54 955

原创 vue开发设置页面自适应

vue项目开发中页面自适应onresize方法的使用在vue内使用window.onresize监听页面缩放不生效，需要使用window.addEventListener(“resize”,function (){});window.addEventListener("resize", () => {//监听到页面缩放需要执行的方法 that.changeHeight(); });...

2021-08-31 14:49:56 541

vue项目中使用lib-flexible适配导致第三方UI组件样式缩小的解决方法安装postcss-pxtoremnpm install postcss-pxtorem --save-dev新建postcss.config.js文件，配置如下：module.exports={ plugins:{ 'autoprefixer':{ browsers:['Android>=4.0','ios>=8'] },

2021-07-22 09:38:41 114

原创 2021-07-16

vue npm run serve运行正常，打包报错注意 process内容打包的时候不可以console.log打印输出，否则打包报错

2021-07-16 10:58:00 71

原创 2021-01-18

html5嵌入APP，如何实现APP后台运行，音频继续播放重点就是播放音频的文件，必须是音频文件（MP3），如果是MP4等视频文件，则APP后台运行，播放暂停

2021-01-18 16:29:46 87

原创 2020-12-16

如何让固定大小的div里面，“不确定几行文字”的内容垂直居中html: <div class="content"> <div class="wrapper">文字内容</div> </div>css:.content{display:table;} .wrapper{display:table-cell;vertical-align:middle;}...

2020-12-16 17:02:12 100

原创 video设置autoplay不会自动播放问题

video设置autoplay以后刷新页面不会自动播放的问题解决办法：给video 设置muted=“muted” 属性<video id="player" autoplay="autoplay" src="1.mp4" muted="muted" controls></video>

2020-11-25 15:35:58 2007 1

原创微信小程序 video全屏 Android手机按钮悬浮在视频上

问题：微信小程序 video全屏时按钮要悬浮在视频上解决：用<cover-view>组件，设置position,z-index，并放在<video>组件中要把 cover-view 作为 video 的子节点，全屏时才能在显示(否则在android手机端不显示）。<video> <cover-view></cover-view&...

2019-07-04 16:19:10 2225

原创微信小程序 wxs中new Date()等js方法不可用

微信小程序的wxs文件中使用new Date()报错：unexpected token "Date原因：1. wxs不依赖于运行时的基础版本，可以在任何版本中运行2. wxs跟javascript是不同的语言，跟javascript并不一致，所以wxs中不能用javascript中定义的函数或变量，包括小程序提供的API3. 只能用var来定义变量...

2019-06-26 09:27:18 8706 3

原创微信小程序内容换行

微信小程序内容换行不能用<br/>解决：微信小程序中内容换行不能用<br/>，用\n，并且必须放在标签内生效，否则会解析成空格

2019-06-26 09:00:29 3435

原创微信支付统一下单签名错误

微信支付统一下单签名问题问题：微信支付统一下单，签名验证通过，返回签名错误信息解决：需要重新设置商户密钥

2019-06-05 14:34:38 970

原创微信小程序 post请求

问题：微信小程序中post请求失败解决：必须设置header才能请求成功，项目中发现一个很奇怪的现象，如果未设置header，method改成methods竟然也可以请求成功...

2019-05-21 09:25:41 726

原创微信小程序 json.parse用法问题

问题：微信小程序字符串转json对象json.parse()转换失败，返回空解决：不能直接用接口的返回值去转换，需要先用变量接收返回值，例如var a=res.data,然后对a进行转换，json.parse(a);...

2019-05-21 09:21:52 4764 3

原创微信小程序开发 scroll-view

问题：微信小程序中使用scroll-view滚动页面效果，设置触底滚动无效**解决：**必须给scroll-view组件设置height

2019-05-21 09:09:26 333

原创微信小程序开发video播放问题

问题：微信小程序开发中，如果请求接口为本地数据，真机测试的时候video无法播放，开发工具可以正常播放解决：真机测试的时候需要打开控制台vconsel...

2019-05-21 09:04:54 9463 5

原创 video在手机端自动播放、断点续播，列表播放等问题

video标签在手机端全屏、自动播放、断点续播等问题解决默认全屏问题：设置属性 x5-playsinline=“true” playsinline=“true” webkit-playsinline=“true”视频宽度自适应：object-fit=“fill”自动播放：需要通过一个点击事件引导video自动播放例如：html&lt;video id="video" co...

2018-12-25 14:53:10 4304

原创 vue中使用axios给生产环境和开发环境配置不同baseUrl

一、设置不同的接口地址开发环境配置：/config/dev.env.js文件中修改var merge=require('webpack-merge')var prodEnv=require('./prod.env')module.exports=merge(prodEnv,{ NODE_ENV:'"development"', API_ROOT:'"//192.168.1.23"'...

2018-12-13 10:24:01 3239 2

原创 vue+elementUI导航中，点击body子菜单收缩的问题

vue+elementUI导航中，点击body子菜单收缩的问题项目中用到了vue+elementUI,发现点击body导航子菜单会收缩的问题原因：是elementUI版本的问题，发现我使用的是2.4.11版本，卸载重新安装2.4.9版本就可以了安装命令：cnpm uninstall element-ui//卸载cnpm install element-ui@2.4.9 --save...

2018-12-10 14:58:04 5165

原创去掉input按钮在手机端默认样式

去掉input按钮在手机端默认样式-webkit-appearance:none

2018-11-20 16:10:14 1401

原创 IE9下margin:0 auto 内容不居中

IE9下margin:0 auto 内容不居中原因：子元素使用了浮动，父元素使用margin:0 auto 在IE9下是不生效的（不居中）解决办法：给设置margin:0 auto的元素的父元素设置text-align:center&lt;div style="text-align:center;"&gt; &lt;div style="margin:0 auto;&quot

2018-11-20 13:50:54 441

原创 ajax在IE8，9下请求失败，在其他浏览器以及IE9以上请求成功

nginx服务下，ajax在IE8，9下请求失败，在其他浏览器以及IE9以上请求成功问题原因是服务器返回响应的编码有问题例如：请求文件保存格式为UTF-8,则响应编码必须为UTF-8，请求文件保存格式为ANSI，则响应编码为gbk，以上响应编码为UTF-8,GBK，IE9及以下浏览器对于编码比较敏感，所以会报错提示，请求失败...

2018-11-13 10:49:59 2702

原创 Vuex使用教程

一.什么是Vuex?vuex是一个专门为vue.js设计的集中式状态管理架构。状态即data中的属性需要被其他vue组件使用的部分，也就是data中需要共用的属性。二.Vuex使用1.引入Vuex（用vue-cli构建好项目的前提下）用npm包管理工具安装Vuex,执行命令如下： npm install vuex –save2 . 新建一个store文件夹...

2018-08-20 16:30:47 174

空空如也

空空如也