<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[able_me的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/able_me</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; able_me]]></copyright><item><title><![CDATA[vue针对大型高清图片渲染的解决方案有哪些]]></title><link>https://blog.youkuaiyun.com/able_me/article/details/147243094</link><guid>https://blog.youkuaiyun.com/able_me/article/details/147243094</guid><author>able_me</author><pubDate>Tue, 15 Apr 2025 10:49:23 +0800</pubDate><description><![CDATA[在Vue.js中渲染大型高清图片时，可能会遇到性能问题，比如页面加载速度慢、滚动卡顿或者内存占用高等问题。]]></description><category></category></item><item><title><![CDATA[vue自定义不借助第三方插件封装全局响应式变量]]></title><link>https://blog.youkuaiyun.com/able_me/article/details/147238546</link><guid>https://blog.youkuaiyun.com/able_me/article/details/147238546</guid><author>able_me</author><pubDate>Tue, 15 Apr 2025 09:07:14 +0800</pubDate><description><![CDATA[在Vue中，如果你想自定义一个全局响应式变量而不借助第三方插件，你可以使用Vue的 vue.observable 方法或 Vue.reactive 方法(在Vue 3中)，或者通过 Vue.prototype 来扩展全局方法。下面我将分别介绍如何在Vue 2和Vue 3中实现这一功能。]]></description><category></category></item><item><title><![CDATA[vue3中对websoket的二次封装，拿来即用]]></title><link>https://blog.youkuaiyun.com/able_me/article/details/147123756</link><guid>https://blog.youkuaiyun.com/able_me/article/details/147123756</guid><author>able_me</author><pubDate>Thu, 10 Apr 2025 17:34:44 +0800</pubDate><description><![CDATA[封装的重点是响应式状态管理、自动重连、心跳检测、消息队列、生命周期管理和易用性。通过Composition API将这些功能模块化，方便在Vue3组件中复用。1、在 Vue3 中对 WebSocket 进行封装时，可以利用 Composition API 实现更优雅的封装。2、使用示例。]]></description><category></category></item><item><title><![CDATA[npm 安装 pnpm 问题记录]]></title><link>https://blog.youkuaiyun.com/able_me/article/details/143355969</link><guid>https://blog.youkuaiyun.com/able_me/article/details/143355969</guid><author>able_me</author><pubDate>Wed, 30 Oct 2024 09:31:06 +0800</pubDate><description><![CDATA[windows 打开 cmd 后 安装 npm install -g pnpm 后，运行 pnpm -v 能检测到版本， 说明安装成功，在vscode 运行pnpm 不被识别，是因为权限问题。]]></description><category></category></item><item><title><![CDATA[vue3的elementPlus tree 默认高亮并选中第一行]]></title><link>https://blog.youkuaiyun.com/able_me/article/details/141124054</link><guid>https://blog.youkuaiyun.com/able_me/article/details/141124054</guid><author>able_me</author><pubDate>Mon, 12 Aug 2024 10:13:19 +0800</pubDate><description><![CDATA[vue3的elementPlus tree 默认高亮并选中第一行]]></description><category></category></item><item><title><![CDATA[推荐一个可视化的网站]]></title><link>https://blog.youkuaiyun.com/able_me/article/details/130772549</link><guid>https://blog.youkuaiyun.com/able_me/article/details/130772549</guid><author>able_me</author><pubDate>Fri, 19 May 2023 19:05:03 +0800</pubDate><description><![CDATA[可视化网站 ：  https://www.isqqw.com/]]></description><category></category></item><item><title><![CDATA[js获取前一天和后一天]]></title><link>https://blog.youkuaiyun.com/able_me/article/details/130709886</link><guid>https://blog.youkuaiyun.com/able_me/article/details/130709886</guid><author>able_me</author><pubDate>Tue, 16 May 2023 17:10:54 +0800</pubDate><description><![CDATA[/ console.log(timeStamp,"这是转换的时间戳") // 1660579200000 转回去是2022-08-16 00:00:00。console.log(yy + '年' + mm +"月" + dd+ "日","9999")this.CurrentRescue() // 更改时间后 刷新环形图 和柱状图。return  yy + '年' + mm +"月" + dd+ "日"return  yy + '年' + mm +"月" + dd+ "日"//  得到上一天和下一天。]]></description><category></category></item><item><title><![CDATA[web项目调用qq临时会话功能实现方法]]></title><link>https://blog.youkuaiyun.com/able_me/article/details/123918919</link><guid>https://blog.youkuaiyun.com/able_me/article/details/123918919</guid><author>able_me</author><pubDate>Sat, 02 Apr 2022 14:18:53 +0800</pubDate><description><![CDATA[实现思路

在Web开发中，启动QQ来临时会话，可以通过一个URL链接

使用&lt;a&gt;标签实现跳转访问：uin字段接收一个临时会话的客服qq号。


&lt;a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=此处放置需要联系的QQ号(如：2512442361)&amp;site=qq&amp;menu=yes" rel="external nofollow" &gt;启动QQ&lt;/a&gt;

  // 正常访问的地址：
&]]></description><category></category></item><item><title><![CDATA[网页端 vue项目 css美化右侧 Y轴滚动条]]></title><link>https://blog.youkuaiyun.com/able_me/article/details/123750623</link><guid>https://blog.youkuaiyun.com/able_me/article/details/123750623</guid><author>able_me</author><pubDate>Sat, 26 Mar 2022 09:56:54 +0800</pubDate><description><![CDATA[美化滚动条样式，及封装弹框]]></description><category></category></item><item><title><![CDATA[分享海报的组件用canvas标签画]]></title><link>https://blog.youkuaiyun.com/able_me/article/details/121745014</link><guid>https://blog.youkuaiyun.com/able_me/article/details/121745014</guid><author>able_me</author><pubDate>Mon, 06 Dec 2021 13:45:52 +0800</pubDate><description><![CDATA[&lt;template&gt;
	&lt;view&gt;
		&lt;uni-popup ref="sharePopup" type="center" background-color="#55aa7f"&gt;
			&lt;view class="imagePathBox"&gt;
				&lt;!-- 生成的海报图 --&gt;
				&lt;view class="max_canvas"&gt;
					&lt;view class="canvas_box" style="width...]]></description><category></category></item><item><title><![CDATA[pc端的富文本数据展示：需要做哪些处理]]></title><link>https://blog.youkuaiyun.com/able_me/article/details/121441725</link><guid>https://blog.youkuaiyun.com/able_me/article/details/121441725</guid><author>able_me</author><pubDate>Sat, 20 Nov 2021 16:51:14 +0800</pubDate><description><![CDATA[&lt;template&gt;
  &lt;div class="JournalismDetail_BOX"&gt;
    &lt;!-- 新闻资讯 --&gt;
    &lt;div class="Journalism_heard"&gt;
      &lt;img src="../../assets/news_banner@2x.png" /&gt;
    &lt;/div&gt;
    &lt;div class="JournalismDetail_box"&gt;
     ...]]></description><category></category></item><item><title><![CDATA[uniapp小程序的富文本解析页面展示：]]></title><link>https://blog.youkuaiyun.com/able_me/article/details/121441421</link><guid>https://blog.youkuaiyun.com/able_me/article/details/121441421</guid><author>able_me</author><pubDate>Sat, 20 Nov 2021 16:36:07 +0800</pubDate><description><![CDATA[// 活动介绍
&lt;view class="activity_introduce"&gt;
					&lt;view class="top_box"&gt;
						&lt;view class="top_box_circle"&gt;
							&lt;view class="min_circle_1"&gt;&lt;/view&gt;
							&lt;view class="min_circle_2"&gt;&lt;/view&gt;
						&lt;/vie...]]></description><category></category></item><item><title><![CDATA[小程序的图片base64图片的处理：页面显示和下载]]></title><link>https://blog.youkuaiyun.com/able_me/article/details/121440141</link><guid>https://blog.youkuaiyun.com/able_me/article/details/121440141</guid><author>able_me</author><pubDate>Sat, 20 Nov 2021 15:51:02 +0800</pubDate><description><![CDATA[页面显示：

显示情况1（后端处理好的）：如果页面显示时，后端已经生成图片base64文件流格式，则直接赋值给image的src属性做绑定，就能进行对应的展示。

显示情况2（后端未处理的）：如果页面显示时，后端生成的图片不是base64文件流格式，则需要手动（后端如果返回的时文件访问路径，那么需要在返回的文件路径最前面拼接（“data:image/png;base64,”）进行转化后赋值给image的src属性做绑定，就能进行对应的展示。

页面下载：

下载情况1（后端处理好的）：如果页面下载...]]></description><category></category></item><item><title><![CDATA[uniapp小程序预览多张图片]]></title><link>https://blog.youkuaiyun.com/able_me/article/details/121417583</link><guid>https://blog.youkuaiyun.com/able_me/article/details/121417583</guid><author>able_me</author><pubDate>Fri, 19 Nov 2021 10:52:24 +0800</pubDate><description><![CDATA[&lt;view class="bottom_box"&gt;
						&lt;view class="enclosure_box" v-if="activityData.attachmentTemplateList.length &gt; 0"&gt;
							&lt;view class="enclosure_item" v-for="(item, index) in activityData.attachmentTemplateList" :key="index"&gt...]]></description><category></category></item><item><title><![CDATA[uniapp小程序跳转第三方直播网络页面的实现方式]]></title><link>https://blog.youkuaiyun.com/able_me/article/details/121416818</link><guid>https://blog.youkuaiyun.com/able_me/article/details/121416818</guid><author>able_me</author><pubDate>Fri, 19 Nov 2021 10:34:21 +0800</pubDate><description><![CDATA[利用&lt;web-view src="https://v.qq.com/"&gt;&lt;/web-view&gt; 标签的特性，它能打开移动web端进行浏览

 



 案例如下：


			&lt;!-- 跳转到腾讯会议 --&gt;
			&lt;web-view v-if="liveShow"  :src="liveAddress"&gt;&lt;/web-view&gt;

js实现逻辑


	data() {
		return {
			liveShow: false ,// 是否...]]></description><category></category></item><item><title><![CDATA[uniapp小程序预览文件，文档的实现方式]]></title><link>https://blog.youkuaiyun.com/able_me/article/details/121416250</link><guid>https://blog.youkuaiyun.com/able_me/article/details/121416250</guid><author>able_me</author><pubDate>Fri, 19 Nov 2021 10:16:03 +0800</pubDate><description><![CDATA[预览效果为此图]]></description><category></category></item><item><title><![CDATA[uniapp 的图片下载功能并加了防抖函数处理]]></title><link>https://blog.youkuaiyun.com/able_me/article/details/121415174</link><guid>https://blog.youkuaiyun.com/able_me/article/details/121415174</guid><author>able_me</author><pubDate>Fri, 19 Nov 2021 09:30:38 +0800</pubDate><description><![CDATA[&lt;view class="business_card_box"&gt;
					&lt;view class="business_card_name"&gt;活动对接人名片&lt;/view&gt;
					&lt;view class="business_content_box"&gt;
						&lt;view class="business_left_box"&gt;
							&lt;view class="business_leftimg_box"&gt;&lt;ima...]]></description><category></category></item><item><title><![CDATA[小程序中实现图片不停旋转的效果，如正在加载中...]]></title><link>https://blog.youkuaiyun.com/able_me/article/details/120841798</link><guid>https://blog.youkuaiyun.com/able_me/article/details/120841798</guid><author>able_me</author><pubDate>Tue, 19 Oct 2021 10:54:26 +0800</pubDate><description><![CDATA[&lt;!-- 加载中 --&gt;
			&lt;view class="Loading_box"&gt;
				&lt;view class="Loading_img_box"&gt;&lt;image class="Loading_img" src="../../static/activity/roll@2x.png" mode=""&gt;&lt;/image&gt;&lt;/view&gt;
				&lt;view class="Loading_tisp_content"&...]]></description><category></category></item><item><title><![CDATA[vue项目打包到上线]]></title><link>https://blog.youkuaiyun.com/able_me/article/details/120524395</link><guid>https://blog.youkuaiyun.com/able_me/article/details/120524395</guid><author>able_me</author><pubDate>Tue, 28 Sep 2021 10:52:16 +0800</pubDate><description><![CDATA[1、开发环境到生产环境的转变

项目开发结束之后，首先我们需要通知后端，获取一个线上的路径，之后将之前的开发路径切换为线上路径。

打开项目中config文件夹里面的 dev.env.js 文件。


'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')

module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
 ]]></description><category></category></item><item><title><![CDATA[vue 项目中关闭弹窗后使video实现视频暂停播放]]></title><link>https://blog.youkuaiyun.com/able_me/article/details/119449148</link><guid>https://blog.youkuaiyun.com/able_me/article/details/119449148</guid><author>able_me</author><pubDate>Fri, 06 Aug 2021 11:10:38 +0800</pubDate><description><![CDATA[通过ref的使用得到video标签身上的属性及方法，然后加以控制，就实现了，最好在本地文件放一个小视频进行测试

实现思路：


 html代码
 &lt;video :src="videoUrl"  controls="controls" style="width:400px;height:400px;" ref="vueRef"&gt;&lt;/video&gt;

javaScript的代码：

this.video_url='视频源url地址'

判断是否暂停状态返回true false 如下：
t]]></description><category></category></item></channel></rss>