<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Hope_wkx的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Hope_wkx</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Hope_wkx]]></copyright><item><title><![CDATA[css实现文字环绕效果（文字超出n行用省略号代替，末尾 展开/收起 文字内容）]]></title><link>https://blog.youkuaiyun.com/Hope_wkx/article/details/130679660</link><guid>https://blog.youkuaiyun.com/Hope_wkx/article/details/130679660</guid><author>Hope_wkx</author><pubDate>Mon, 15 May 2023 10:57:09 +0800</pubDate><description><![CDATA[利用浮动和伪元素实现文字末尾省略号代替，并用按钮控制 展开/收起 全部文字内容。]]></description><category></category></item><item><title><![CDATA[记录改变图片颜色的方法]]></title><link>https://blog.youkuaiyun.com/Hope_wkx/article/details/125158965</link><guid>https://blog.youkuaiyun.com/Hope_wkx/article/details/125158965</guid><author>Hope_wkx</author><pubDate>Tue, 07 Jun 2022 09:19:29 +0800</pubDate><description><![CDATA[1]]></description><category></category></item><item><title><![CDATA[微信小程序登录功能封装(uni-app)]]></title><link>https://blog.youkuaiyun.com/Hope_wkx/article/details/121473212</link><guid>https://blog.youkuaiyun.com/Hope_wkx/article/details/121473212</guid><author>Hope_wkx</author><pubDate>Mon, 22 Nov 2021 17:22:10 +0800</pubDate><description><![CDATA[由于多处调用登录功能，故将此方法封装以减少代码量
在调用登录方法前要先通过wx.login获取code,并在调用函数时传入
以下为登陆封装函数：
function getUserProfile (code) {
	return new Promise((resolve, reject) =&gt; {
		wx.getUserProfile({
			desc: '授权头像/昵称以使用完整功能', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
			success: res =&gt;]]></description><category></category></item><item><title><![CDATA[微信小程序canvas裁剪图片中间部分]]></title><link>https://blog.youkuaiyun.com/Hope_wkx/article/details/116201787</link><guid>https://blog.youkuaiyun.com/Hope_wkx/article/details/116201787</guid><author>Hope_wkx</author><pubDate>Tue, 27 Apr 2021 15:26:00 +0800</pubDate><description><![CDATA[需求： 使用canvas绘制数据中提供的图片，无论原图多大，适中取中间部分。
解决方案：

先获取图片宽高

wx.getImageInfo({
	src: '图片路径'，
	success: res =&gt; {
		imgWidth = res.width  // 图片宽度
		imgHeight = res.height  // 图片高度
		path = res.path  // 图片临时路径，绘制图片时使用
	}
})


获取图片宽高和要裁剪宽高的比例

// width -  规定的剪切宽度]]></description><category></category></item><item><title><![CDATA[微信小程序canvas绘制圆角矩形]]></title><link>https://blog.youkuaiyun.com/Hope_wkx/article/details/116201247</link><guid>https://blog.youkuaiyun.com/Hope_wkx/article/details/116201247</guid><author>Hope_wkx</author><pubDate>Tue, 27 Apr 2021 15:07:45 +0800</pubDate><description><![CDATA[canvas.save()   // 保存之前的绘图
				
canvas.beginPath()   // 开始绘制
				
canvas.setFillStyle('transparent')   // 填充边缘

// arc对应参数含义
// canvas.arc('圆心x轴坐标', '圆心Y轴坐标', '圆的半径', '起始弧度', '终止弧度', '弧度是否逆时针方向：boolean')
//left - 矩形x轴位置  |    top - 矩形Y轴位置    |    width - 矩]]></description><category></category></item><item><title><![CDATA[微信小程序更新授权接口wx.getUserProfile后，个别用户出现无法登录的问题]]></title><link>https://blog.youkuaiyun.com/Hope_wkx/article/details/115912043</link><guid>https://blog.youkuaiyun.com/Hope_wkx/article/details/115912043</guid><author>Hope_wkx</author><pubDate>Tue, 20 Apr 2021 16:55:03 +0800</pubDate><description><![CDATA[最新微信更新了授权的接口  wx.getUserProfile, 并且会在2021年4月28日回收原来的接口  wx.getUserInfo. 详情见微信官方文档
由于我们是社区类小程序，必须要拿到用户的昵称和头像。所以及时更新了接口，以下是开发过程中遇到的问题和解决方案：


基础库2.10.4版本以下的设备无法通过getUserProfile登陆
解决方案是按照官方给的demo, 在页面加载时判断wx.getUserProfile是否可用。如果不可用，暂时用旧的接口替代。


&lt;view clas]]></description><category></category></item><item><title><![CDATA[vue中 指令与函数的结合使用]]></title><link>https://blog.youkuaiyun.com/Hope_wkx/article/details/110134643</link><guid>https://blog.youkuaiyun.com/Hope_wkx/article/details/110134643</guid><author>Hope_wkx</author><pubDate>Wed, 25 Nov 2020 17:06:08 +0800</pubDate><description><![CDATA[在vue中 各项指令与函数的结合使用 （v-if、v-show、v-html等）
在开发过程中，我们会遇到v-if需要判断的条件很多，或者v-html的数据需要修改、拼接等情况。
当遇到类似情况时，可以在双引号中调用一个函数，将需要操作的数据作为参数传入函数内，在函数中对该数据进行操作或判断。
&lt;div v-if="checkInfo()"&gt;
	&lt;p v-html="checkMsg(msg)"&gt;&lt;/p&gt;
&lt;/div&gt;

data () {
	return {]]></description><category></category></item><item><title><![CDATA[小程序修改回答功能实现]]></title><link>https://blog.youkuaiyun.com/Hope_wkx/article/details/106673328</link><guid>https://blog.youkuaiyun.com/Hope_wkx/article/details/106673328</guid><author>Hope_wkx</author><pubDate>Wed, 10 Jun 2020 19:27:44 +0800</pubDate><description><![CDATA[最近领导提出修改回答功能的需求. 类似于知乎的修改回答,感兴趣可以自行搜索.
问题来了,小程序上传图片\视频\音频等资源文件必须要用upLoadFile 这个API,而路径必须是本地路径.
都说是修改回答了,那之前的数据必是从服务器过来的,这可难倒了宝宝了.
百度搜了半天没啥结果,就在我要放弃的时候突然想起了downLoadFile  下载数据.

这是官方文档, url传服务器获取到的资源地址,然后将回调函数中的参数tempFilePath(临时本地路径)直接替换到资源数组里面就可以啦.

我们后端兄弟问]]></description><category></category></item><item><title><![CDATA[小程序码生成和解析问题]]></title><link>https://blog.youkuaiyun.com/Hope_wkx/article/details/106571845</link><guid>https://blog.youkuaiyun.com/Hope_wkx/article/details/106571845</guid><author>Hope_wkx</author><pubDate>Fri, 05 Jun 2020 15:40:26 +0800</pubDate><description><![CDATA[首先, 在调用官方接口生成小程序码时,scene参数最多传32个字符,这是需要注意的.
另外在调试的时候,开发者工具是可以识别id=xxxxxxxxx这样形式的参数,可以直接接收options.id并使用,
但在手机上解析时,参数是scene:id%xxxxxxx这样的形式.
所以在真机使用时,要接收的参数是options.scene,然后用字符串slice方法删除掉前面的id%,将剩余的字符串复制给变量


...]]></description><category></category></item><item><title><![CDATA[子组件watch监听父组件数据,从而判断是否重新加载数据]]></title><link>https://blog.youkuaiyun.com/Hope_wkx/article/details/106524933</link><guid>https://blog.youkuaiyun.com/Hope_wkx/article/details/106524933</guid><author>Hope_wkx</author><pubDate>Wed, 03 Jun 2020 15:16:44 +0800</pubDate><description><![CDATA[今天有个需求,要每次打开组件时按照最新的参数重新加载数据.
在子组件中通过监听 是否打开组件的参数,从而判断是否加载数据.

方法名是 属性名 ,括号内的参数随意

]]></description><category></category></item><item><title><![CDATA[解决小程序在高层级页面滑动时,低层级页面会跟着滑动的问题]]></title><link>https://blog.youkuaiyun.com/Hope_wkx/article/details/106408998</link><guid>https://blog.youkuaiyun.com/Hope_wkx/article/details/106408998</guid><author>Hope_wkx</author><pubDate>Thu, 28 May 2020 17:16:23 +0800</pubDate><description><![CDATA[问题: 打开组件并上下滑动组件内容时,页面也会跟着滑动
解决方法:由于安卓和ios情况不同,所以用了两种方法,双保险.
1.当组件打开时,给整个页面设置height:100vh, overflow:hidden, 让页面高度占满屏幕并隐藏多余内容,这样页面就不会滚动了.  安卓系统做到这一步就可以解决了.

2.ios系统在完成第1步时,该问题还没有解决,是因为ios会有回弹效果.
所以在组件上添加一个无内容的@touchmove.stop="doNothing"滑动事件,就可以禁止下层页面滑动.
理论上来]]></description><category></category></item><item><title><![CDATA[vue打包项目报错Failed to load resource: the server responded with a status of 500 (Internal Server Error)]]></title><link>https://blog.youkuaiyun.com/Hope_wkx/article/details/106338357</link><guid>https://blog.youkuaiyun.com/Hope_wkx/article/details/106338357</guid><author>Hope_wkx</author><pubDate>Mon, 25 May 2020 17:40:24 +0800</pubDate><description><![CDATA[具体原因不明,修改了config文件后解决了问题
Vue 2.X  解决方式

因为我用的3.0,所以上图是在百度搜到的.
Vue 3.X 解决方式
在根目录下 vue.config.js 中添加

这个貌似是文件中本来就存在的, 我在改其他配置的时候手贱删掉了,  哈哈.

...]]></description><category></category></item><item><title><![CDATA[使用element-ui的table组件,使用三元表达式筛选数据]]></title><link>https://blog.youkuaiyun.com/Hope_wkx/article/details/106333764</link><guid>https://blog.youkuaiyun.com/Hope_wkx/article/details/106333764</guid><author>Hope_wkx</author><pubDate>Mon, 25 May 2020 15:13:41 +0800</pubDate><description><![CDATA[使用element-ui的table组件,使用三元表达式筛选数据
在列中加入插槽,使用插值表达式.
插值表达式中可以正常使用三元表达式或方法

前端小白,欢迎大佬指教.

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