<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Not_affect的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Not_affect</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Not_affect]]></copyright><item><title><![CDATA[微信小程序隐藏scroll-view滚动条]]></title><link>https://blog.youkuaiyun.com/Not_affect/article/details/126303131</link><guid>https://blog.youkuaiyun.com/Not_affect/article/details/126303131</guid><author>Not_affect</author><pubDate>Fri, 12 Aug 2022 14:10:52 +0800</pubDate><description><![CDATA[隐藏scroll-view滚动条样式。]]></description><category></category></item><item><title><![CDATA[背景毛玻璃效果]]></title><link>https://blog.youkuaiyun.com/Not_affect/article/details/120676277</link><guid>https://blog.youkuaiyun.com/Not_affect/article/details/120676277</guid><author>Not_affect</author><pubDate>Sat, 09 Oct 2021 17:50:29 +0800</pubDate><description><![CDATA[-webkit-backdrop-filter:saturate(100%) blur(6px);
backdrop-filter:saturate(100%) blur(6px);


]]></description><category></category></item><item><title><![CDATA[微信小程序播放音频的简单使用]]></title><link>https://blog.youkuaiyun.com/Not_affect/article/details/120312562</link><guid>https://blog.youkuaiyun.com/Not_affect/article/details/120312562</guid><author>Not_affect</author><pubDate>Wed, 15 Sep 2021 17:06:54 +0800</pubDate><description><![CDATA[微信小程序音频播放的简单案例wx.createInnerAudioContext() [文档地址](https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/wx.createInnerAudioContext.html)
wx.createInnerAudioContext() 文档地址
InnerAudioContext
let audioRef = wx.createInnerAudioContent();
audioRef.ob]]></description><category></category></item><item><title><![CDATA[关于微信小程序web-view遇到的一个坑]]></title><link>https://blog.youkuaiyun.com/Not_affect/article/details/120151371</link><guid>https://blog.youkuaiyun.com/Not_affect/article/details/120151371</guid><author>Not_affect</author><pubDate>Tue, 07 Sep 2021 09:43:51 +0800</pubDate><description><![CDATA[记录使用web-view中遇到的一个问题
使用web-view进行跳转页面时,发现路径传过去后打开异常的情况,
这种情况一般是没有对其url进行编码解码导致;
//跳转路径
	 let url = '/pages/web-view/index?url=' + encodeURIComponent(res.data);//对地址进行编码 
        wx.navigateTo({
          url: url,
        })

//web-viwe
	 onLoad: function ]]></description><category></category></item><item><title><![CDATA[记录一些微信小程序弹幕的坑]]></title><link>https://blog.youkuaiyun.com/Not_affect/article/details/119775907</link><guid>https://blog.youkuaiyun.com/Not_affect/article/details/119775907</guid><author>Not_affect</author><pubDate>Wed, 18 Aug 2021 12:03:26 +0800</pubDate><description><![CDATA[记录一些微信小程序弹幕的坑1.Barrage 组件出现遗漏的问题2.Video bindtimeupdate监听视频时间戳精度问题
1.Barrage 组件出现遗漏的问题
实现效果:

使用Barrage组件时,发送的弹幕会出现遗漏的情况,类似该社区案例:地址
由于业务需求需要实现视频弹幕效果,调整了部分代码(根据自己猜想进行的调整,并不严谨,在此记录,仅供参考!):
但是调整考虑的方向有三点:
1.对象数据问题
2.动画效果问题
3.弹幕轨道问题
多次测试后发现:
1.barrage默认配置中  tunn]]></description><category></category></item><item><title><![CDATA[关于移动端input调出输入法上的问题]]></title><link>https://blog.youkuaiyun.com/Not_affect/article/details/118217024</link><guid>https://blog.youkuaiyun.com/Not_affect/article/details/118217024</guid><author>Not_affect</author><pubDate>Fri, 25 Jun 2021 12:24:57 +0800</pubDate><description><![CDATA[做H5项目中遇到的问题


调出的输入法时页面上移,隐藏输入法后导致页面不恢复
原因: 由于设置了视口高度 height:100vh 导致隐藏输入法时不能滚动导致
解决: 删除 或 min-height:100vh ;


点击input 聚焦时弹出的输入法不能使页面上移,使得输入法遮挡住input 让input不能在可视区域内
解决: 监听获取焦点与失去焦点


// 输入框获得焦点时，元素移动到可视区域
  &lt;input
     @focus="onFocus"
     @blur="onBl]]></description><category></category></item><item><title><![CDATA[js-移动端上拉触底加载]]></title><link>https://blog.youkuaiyun.com/Not_affect/article/details/118083128</link><guid>https://blog.youkuaiyun.com/Not_affect/article/details/118083128</guid><author>Not_affect</author><pubDate>Mon, 21 Jun 2021 11:27:52 +0800</pubDate><description><![CDATA[上拉触底判断
	scrollEvent(e) {
      const { scrollHeight, scrollTop, clientHeight } = e.target;
      if (scrollHeight - scrollTop &lt;= clientHeight) {
        if (!this.loading) {
         //处理触底具体逻辑    
        }
      }
    },



...]]></description><category></category></item><item><title><![CDATA[Js-计算时间差]]></title><link>https://blog.youkuaiyun.com/Not_affect/article/details/118082808</link><guid>https://blog.youkuaiyun.com/Not_affect/article/details/118082808</guid><author>Not_affect</author><pubDate>Mon, 21 Jun 2021 11:24:10 +0800</pubDate><description><![CDATA[计算时间差
项目中需要倒计时效果
data(){
	return {
		data:null,
		timingDate:{
			days:'',
			hours:'',
			minutes :'',
			seconds :'',
		},
		//全局定时器对象
		//作用:页面跳转或其他需要时用于关闭定时器
		serverTimeOut:null
	}
}
methods:{
    //计算时间差
    getTimingDate(endDate) {
      //endDate作为]]></description><category></category></item><item><title><![CDATA[css - 文本超出省略]]></title><link>https://blog.youkuaiyun.com/Not_affect/article/details/118082082</link><guid>https://blog.youkuaiyun.com/Not_affect/article/details/118082082</guid><author>Not_affect</author><pubDate>Mon, 21 Jun 2021 10:57:47 +0800</pubDate><description><![CDATA[css - 文本超出省略一行省略多行省略
一行省略
//超出一行省略
overflow:hidden;
white-space: nowrap;
text-overflow:ellipsis

多行省略
//超出两行或以上省略
overflow:hidden;
text-overflow: ellipsis;
display:box;
display:-webkit-box;
//设置行数 两行省略
-webkit-line-clamp:2;
-webkit-box-orient:vertical;


.]]></description><category></category></item></channel></rss>