<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[yan]]></title><description><![CDATA[yan]]></description><link>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; eeeeeeeeeqsdfsd]]></copyright><item><title><![CDATA[M1/M2/M3 Mac（ARM）Homebrew 安装 Python + MySQL + Redis一、前置准备（必执行）zsh# 更新brew仓库、升级现有软件brew update &&]]></title><link>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/162363382</link><guid>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/162363382</guid><author>eeeeeeeeeqsdfsd</author><pubDate>Sat, 27 Jun 2026 11:37:42 +0800</pubDate><description><![CDATA[版本最优搭配：Python3.12 + MySQL8.0 + Redis 最新稳定版全部服务只用管理，不要手动执行 mysqld/redis-server，容易 ARM 进程冲突MySQL8 必须修改密码加密规则，否则 Python 连接失败M1 所有软件路径都在，不要套用 Intel Mac/usr/local教程数据库均设置密码，开发环境也不使用无密码服务Python 连接数据库 host 填写127.0.0.1，不要只用localhost，规避 socket 兼容问题。]]></description><category></category></item><item><title><![CDATA[前端快速开发组件库基于pure-admin-thin后台管理系统模版封常用功能]]></title><link>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/158738197</link><guid>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/158738197</guid><author>eeeeeeeeeqsdfsd</author><pubDate>Fri, 06 Mar 2026 16:50:39 +0800</pubDate><description><![CDATA[本文介绍了一套基于Vue 3 + Element Plus封装的前端快速开发组件库，主要包含动态表单弹窗、详情查看弹窗、审核流程弹窗等常见中后台功能组件。核心特点是通过字段配置驱动，支持多种表单类型（如输入框、选择器、日期选择等），可大幅减少重复代码。重点组件包括：YanFlexModal（通用弹窗容器）、YanForm（动态表单）、YanView（详情查看）和YanAudit（审核流程）。组件均采用标准化配置方式，支持自定义校验规则、默认值和显示控制，能显著提升开发效率。]]></description><category></category></item><item><title><![CDATA[Element UI中el-table实现自适应高度的三种方案]]></title><link>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/156427981</link><guid>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/156427981</guid><author>eeeeeeeeeqsdfsd</author><pubDate>Tue, 30 Dec 2025 17:42:39 +0800</pubDate><description><![CDATA[本文介绍了Element UI中el-table组件实现自适应高度的三种方案：1)动态计算高度，通过监听窗口变化动态设置height属性；2)CSS Flex布局，利用Flex容器实现自适应；3)自定义指令方案，封装高度计算逻辑便于复用。每种方案各有特点：动态计算适合复杂布局，Flex布局简单高效，自定义指令便于多页面复用。开发者可根据项目需求选择最适合的实现方式，文中提供了各方案的具体代码实现步骤。]]></description><category></category></item><item><title><![CDATA[Vue2 单文件组件倒计时支付实现]]></title><link>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/156008020</link><guid>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/156008020</guid><author>eeeeeeeeeqsdfsd</author><pubDate>Wed, 17 Dec 2025 11:31:18 +0800</pubDate><description><![CDATA[摘要 本文展示了使用Vue2单文件组件实现的支付倒计时功能。组件包含完整的倒计时逻辑、订单信息显示和交互控制。主要功能包括： 4分59秒倒计时显示，格式化分钟和秒数 动态进度条显示剩余时间比例 状态提示和警告消息（剩余1分钟/30秒时） 支付按钮及状态控制（正常/暂停/超时） 交互控制：暂停/继续、重新开始倒计时 订单信息展示（订单号、金额、支付方式） 组件采用计算属性处理显示格式，使用定时器实现倒计时逻辑，并包含完整的生命周期管理。]]></description><category></category></item><item><title><![CDATA[uniapp 将图片保存到本地 只要h5和安卓以及ios]]></title><link>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/156004341</link><guid>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/156004341</guid><author>eeeeeeeeeqsdfsd</author><pubDate>Wed, 17 Dec 2025 10:39:52 +0800</pubDate><description><![CDATA[本文介绍了一个跨平台图片保存方案的实现，适用于UniApp中的H5、Android和iOS平台。方案通过ImageSavePlatform类提供统一接口，自动识别运行平台并调用相应保存方法：H5平台通过创建Blob对象并触发下载，Android和iOS平台则使用plus.gallery.save方法保存到相册。实现包含错误处理、平台检测、不同图片格式(base64/网络/Blob)支持等功能，并提供用户反馈提示。该方案封装了各平台差异，为开发者提供了简单一致的图片保存接口。]]></description><category></category></item><item><title><![CDATA[VUE动态表格加动态表单以及动态搜索框]]></title><link>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/146957315</link><guid>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/146957315</guid><author>eeeeeeeeeqsdfsd</author><pubDate>Wed, 02 Apr 2025 17:29:48 +0800</pubDate><description><![CDATA[form表单组件 js 引用代码在其他文件夹里待更新。]]></description><category></category></item><item><title><![CDATA[vue高级前端工程师面试题]]></title><link>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/129063177</link><guid>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/129063177</guid><author>eeeeeeeeeqsdfsd</author><pubDate>Mon, 26 Aug 2024 22:41:37 +0800</pubDate><description><![CDATA[vue高级前端工程师面试题]]></description><category></category></item><item><title><![CDATA[vue3+vite完成前端下载excel文件/模板并规定单元格大小(纯前端)]]></title><link>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/138899869</link><guid>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/138899869</guid><author>eeeeeeeeeqsdfsd</author><pubDate>Wed, 15 May 2024 10:58:32 +0800</pubDate><description><![CDATA[然后就在你要写这个功能的页面引入相关的方法。首先当然就是下载相关的npm包了。]]></description><category></category></item><item><title><![CDATA[【EChart】 图表实例]]></title><link>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/132668405</link><guid>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/132668405</guid><author>eeeeeeeeeqsdfsd</author><pubDate>Mon, 04 Sep 2023 14:22:35 +0800</pubDate><description><![CDATA[【代码】【EChart】 图表实例。]]></description><category></category></item><item><title><![CDATA[EChar 图表实例]]></title><link>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/132151944</link><guid>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/132151944</guid><author>eeeeeeeeeqsdfsd</author><pubDate>Mon, 07 Aug 2023 18:14:46 +0800</pubDate><description><![CDATA[【代码】EChar 图表实例。]]></description><category></category></item><item><title><![CDATA[node n 包管理工具]]></title><link>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/129151925</link><guid>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/129151925</guid><author>eeeeeeeeeqsdfsd</author><pubDate>Tue, 21 Feb 2023 22:44:11 +0800</pubDate><description><![CDATA[【代码】node n 包管理工具。]]></description><category></category></item><item><title><![CDATA[【基于ECharts 数据可视化展示相关配置表全】]]></title><link>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/125551035</link><guid>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/125551035</guid><author>eeeeeeeeeqsdfsd</author><pubDate>Fri, 01 Jul 2022 01:15:51 +0800</pubDate><description><![CDATA[折线图、柱状图、散点图、饼图、K线图]]></description><category></category></item><item><title><![CDATA[WEB前端 vue面试题整理]]></title><link>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/124600982</link><guid>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/124600982</guid><author>eeeeeeeeeqsdfsd</author><pubDate>Fri, 06 May 2022 00:27:34 +0800</pubDate><description><![CDATA[1.路由守卫 / 导航守卫

vue路由中的一个钩子函数beforeEach那么这个函数中有三个参数to是去哪里 from是从哪里来 next下一步说通俗点就是放行。

2.权限路由/动态路由/鉴权

router.addRouters动态挂载

3.拦截器：请求拦截 响应拦截

登录之后需要携带token把它添加到请求头当中避免了无意义请求

axios的封装

封装一个get或者post的这些方法，然后通过返回一个promise对象进行使用在promise中通过.then和.catch拿到axios请求]]></description><category></category></item><item><title><![CDATA[Vue-CLI 3.x 脚手架搭建的vue项目, 利用scp2自动化部署到静态文件服务器 Nginx]]></title><link>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/124290232</link><guid>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/124290232</guid><author>eeeeeeeeeqsdfsd</author><pubDate>Wed, 20 Apr 2022 09:56:08 +0800</pubDate><description><![CDATA[Vue-CLI 3.x 脚手架搭建的vue项目, 利用scp2自动化部署到静态文件服务器 Nginx]]></description><category></category></item><item><title><![CDATA[微信小程序（小程序定位获取地址信息篇）]]></title><link>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/124033644</link><guid>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/124033644</guid><author>eeeeeeeeeqsdfsd</author><pubDate>Fri, 08 Apr 2022 09:39:24 +0800</pubDate><description><![CDATA[微信小程序（小程序定位获取地址信息篇）]]></description><category></category></item><item><title><![CDATA[uni-app 回到页面顶部，根据距离顶部距离是否显示回到顶部按钮]]></title><link>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/123889431</link><guid>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/123889431</guid><author>eeeeeeeeeqsdfsd</author><pubDate>Fri, 01 Apr 2022 09:16:50 +0800</pubDate><description><![CDATA[uni-app 回到页面顶部]]></description><category></category></item><item><title><![CDATA[vue使用Luckysheet插件实现导入导出]]></title><link>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/123680149</link><guid>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/123680149</guid><author>eeeeeeeeeqsdfsd</author><pubDate>Wed, 23 Mar 2022 10:51:50 +0800</pubDate><description><![CDATA[Luckysheet开发的excel导入导出库-Luckyexcel (opens new window)已经实现了excel导入功能（目前只支持xslx文件）；支持多sheet
更新导出边框问题
更新导出类型不同时样式
项目场景：
提示：这里简述项目相关背景：
例如：项目场景：示例:通过蓝牙芯片(HC-05)与手机 APP 通信，每隔 5s 传输一批传感器数据(不是很大)

问题描述
提示：这里描述项目中遇到的问题：
例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据
APP 中接收数据代码]]></description><category></category></item><item><title><![CDATA[Vue实现在线编辑excel]]></title><link>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/123679664</link><guid>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/123679664</guid><author>eeeeeeeeeqsdfsd</author><pubDate>Wed, 23 Mar 2022 10:34:20 +0800</pubDate><description><![CDATA[Vue实现在线编辑excel
Luckysheet官网git# 
特点

格式设置：样式，条件格式，文本对齐及旋转，文本截断、溢出、自动换行，多种数据类型，单元格内多样式
单元格：拖拽，下拉填充，多选区，查找和替换，定位，合并单元格，数据验证
行和列操作：隐藏、插入、删除行或列，冻结，文本分列
操作体验：撤销、重做，复制、粘贴、剪切，快捷键，格式刷，选区拖拽
公式和函数：内置公式，远程公式，自定义公式
表格操作：筛选，排序
增强功能：数据透视表，图表，评论，共享编辑，插入图片，矩阵计算，截图，复制到其他格式]]></description><category></category></item><item><title><![CDATA[vue 下载成pdf]]></title><link>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/123635808</link><guid>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/123635808</guid><author>eeeeeeeeeqsdfsd</author><pubDate>Mon, 21 Mar 2022 15:10:41 +0800</pubDate><description><![CDATA[标题vue 下载成pdf
在这里插入代码片
1.
a.将html页面转换成图片
npm install --save html2canvas 
b.将图片生成pdf
npm install jspdf --save
2.在utils文件夹中创建一个名字叫个htmlToPdf.js的文件，内容如下：
import html2canvas from 'html2canvas';
import JsPDF from 'jspdf';

/**
 * @param  ele          要生成 pdf 的DO]]></description><category></category></item><item><title><![CDATA[vue+element拖动排序功能]]></title><link>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/123544940</link><guid>https://blog.youkuaiyun.com/eeeeeeeeeqsdfsd/article/details/123544940</guid><author>eeeeeeeeeqsdfsd</author><pubDate>Thu, 17 Mar 2022 11:06:19 +0800</pubDate><description><![CDATA[vue+element拖动排序功能]]></description><category></category></item></channel></rss>