<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Min_Fox的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Min_Fox</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Min_Fox]]></copyright><item><title><![CDATA[【web页面接入Apple/google/facebook三方登录】]]></title><link>https://blog.youkuaiyun.com/Min_Fox/article/details/149570625</link><guid>https://blog.youkuaiyun.com/Min_Fox/article/details/149570625</guid><author>Min_Fox</author><pubDate>Wed, 23 Jul 2025 17:52:28 +0800</pubDate><description><![CDATA[文章摘要 本文介绍了在Web页面中集成Apple、Google和Facebook三方登录的实现方法。对于Apple登录，需引入AppleID SDK并初始化认证参数，通过监听事件处理登录结果；Google登录需要引入Google SDK并配置客户端ID，支持自动登录和回调处理；Facebook登录则需加载Facebook SDK，设置授权范围并处理登录成功/失败事件。文章提供了完整的代码示例，包括HTML引入、Vue组件实现和API调用逻辑，并展示了最终的页面效果。注意事项部分提醒开发者需根据报错情况调整配]]></description><category></category></item><item><title><![CDATA[【只包含数字的正则】]]></title><link>https://blog.youkuaiyun.com/Min_Fox/article/details/146417436</link><guid>https://blog.youkuaiyun.com/Min_Fox/article/details/146417436</guid><author>Min_Fox</author><pubDate>Fri, 21 Mar 2025 11:49:57 +0800</pubDate><description><![CDATA[【只包含数字的正则】]]></description><category></category></item><item><title><![CDATA[【js判断机型】]]></title><link>https://blog.youkuaiyun.com/Min_Fox/article/details/139769744</link><guid>https://blog.youkuaiyun.com/Min_Fox/article/details/139769744</guid><author>Min_Fox</author><pubDate>Tue, 18 Jun 2024 12:26:39 +0800</pubDate><description><![CDATA[var isIOS = /(iPhone|iPad|iPod)/i.test(navigator.userAgent)
var isiPad = navigator.userAgent.match(/(iPad)/) || (navigator.platform === ‘MacIntel’ && navigator.maxTouchPoints > 1)
var isAndroid = /Android/i.test(navigator.userAgent)]]></description><category></category></item><item><title><![CDATA[【html5的video标签在移动端的使用】【微信内部浏览器video自动播放】【vue-video-player】]]></title><link>https://blog.youkuaiyun.com/Min_Fox/article/details/139653867</link><guid>https://blog.youkuaiyun.com/Min_Fox/article/details/139653867</guid><author>Min_Fox</author><pubDate>Thu, 13 Jun 2024 14:55:33 +0800</pubDate><description><![CDATA[在移动端的首页用视频做背景动画，让动画循环，自动播放，静音。]]></description><category></category></item><item><title><![CDATA[【vue自定义指令touch-move】]]></title><link>https://blog.youkuaiyun.com/Min_Fox/article/details/136918184</link><guid>https://blog.youkuaiyun.com/Min_Fox/article/details/136918184</guid><author>Min_Fox</author><pubDate>Thu, 21 Mar 2024 19:34:15 +0800</pubDate><description><![CDATA[自定义指令,点击容器滚动到容器底部自定义指令,给需要的的div绑定该指令,可以触发对应的事件.]]></description><category></category></item><item><title><![CDATA[【非常好用的把页面生成图片的插件html2canvas】]]></title><link>https://blog.youkuaiyun.com/Min_Fox/article/details/136913541</link><guid>https://blog.youkuaiyun.com/Min_Fox/article/details/136913541</guid><author>Min_Fox</author><pubDate>Thu, 21 Mar 2024 19:14:24 +0800</pubDate><description><![CDATA[把当前页面的内容生成一张图片，然后保存在本地。这里移动端采用长按保存的方式，兼容性更好，适用于各种浏览器。]]></description><category></category></item><item><title><![CDATA[【非常好用的复制功能插件vue-clipboard2】]]></title><link>https://blog.youkuaiyun.com/Min_Fox/article/details/136913011</link><guid>https://blog.youkuaiyun.com/Min_Fox/article/details/136913011</guid><author>Min_Fox</author><pubDate>Thu, 21 Mar 2024 16:45:32 +0800</pubDate><description><![CDATA[要实现功能是，点击按钮复制相对应的内容，复制到粘贴板，然后可以随意粘贴到任何地方。就是如此简单。]]></description><category></category></item><item><title><![CDATA[【自定义手机端触摸滑动的轮播效果】]]></title><link>https://blog.youkuaiyun.com/Min_Fox/article/details/136819269</link><guid>https://blog.youkuaiyun.com/Min_Fox/article/details/136819269</guid><author>Min_Fox</author><pubDate>Mon, 18 Mar 2024 19:57:22 +0800</pubDate><description><![CDATA[自定义手机端的触摸效果，可以左右触摸滑动，就像swiper自带的轮播效果，在这种条件下可以随意实现你要的动画效果。]]></description><category></category></item><item><title><![CDATA[【CanvasKeyFrames - HTML5 Canvas 图片序列帧播放工具】]]></title><link>https://blog.youkuaiyun.com/Min_Fox/article/details/135918759</link><guid>https://blog.youkuaiyun.com/Min_Fox/article/details/135918759</guid><author>Min_Fox</author><pubDate>Mon, 29 Jan 2024 19:54:29 +0800</pubDate><description><![CDATA[用来做canvas动画的工具。]]></description><category></category></item><item><title><![CDATA[【针对低版本的浏览器，requestAnimationFrame的兼容性写法】]]></title><link>https://blog.youkuaiyun.com/Min_Fox/article/details/135347201</link><guid>https://blog.youkuaiyun.com/Min_Fox/article/details/135347201</guid><author>Min_Fox</author><pubDate>Tue, 02 Jan 2024 18:26:07 +0800</pubDate><description><![CDATA[【代码】【针对低版本的浏览器，requestAnimationFrame的兼容性写法】]]></description><category></category></item><item><title><![CDATA[【js自定义鼠标样式】【js自定义鼠标动画】]]></title><link>https://blog.youkuaiyun.com/Min_Fox/article/details/135296883</link><guid>https://blog.youkuaiyun.com/Min_Fox/article/details/135296883</guid><author>Min_Fox</author><pubDate>Fri, 29 Dec 2023 19:07:55 +0800</pubDate><description><![CDATA[自定义鼠标形状，自定义鼠标的动画，可以让我们的页面更加有设计感。当前需求：吧鼠标自定义成一个正方形，鼠标的效果有：和页面的颜色做色差处理，例如当鼠标指到的颜色是白色，在鼠标的这块区域中显示的是黑色，另外，当鼠标指向特定区域时，正方形的鼠标放大三倍，并且以中心为圆点旋转。代码如下（示例）：]]></description><category></category></item><item><title><![CDATA[【生成和为20的四个随机数】]]></title><link>https://blog.youkuaiyun.com/Min_Fox/article/details/135251515</link><guid>https://blog.youkuaiyun.com/Min_Fox/article/details/135251515</guid><author>Min_Fox</author><pubDate>Fri, 29 Dec 2023 15:08:20 +0800</pubDate><description><![CDATA[需要实现的功能是，产生四个随机数，合是20。生成和为20的四个随机数，先随机四个数中的第几个数，再随机产生一个数字。]]></description><category></category></item><item><title><![CDATA[【js控制页面的模糊程度】【lenis禁止页面滚动】]]></title><link>https://blog.youkuaiyun.com/Min_Fox/article/details/135247227</link><guid>https://blog.youkuaiyun.com/Min_Fox/article/details/135247227</guid><author>Min_Fox</author><pubDate>Wed, 27 Dec 2023 16:14:47 +0800</pubDate><description><![CDATA[在项目中，我们经常会遇到弹窗功能，当弹框弹出时，背后的页面禁止滚动，且模糊处理。这里总结了当弹框弹出时，给弹框的背景模糊处理，禁止滚动的方法，使用插件来实现，不是用纯js写的。]]></description><category></category></item><item><title><![CDATA[【自定义顶部导航条跟随屏幕滚动显示隐藏】]]></title><link>https://blog.youkuaiyun.com/Min_Fox/article/details/135229442</link><guid>https://blog.youkuaiyun.com/Min_Fox/article/details/135229442</guid><author>Min_Fox</author><pubDate>Wed, 27 Dec 2023 12:13:00 +0800</pubDate><description><![CDATA[由于在网页中顶部导航条占用位置太大，首页的展示效果不完美，所以决定当滚动条向下滚动的时候隐藏滚动条，向上滚动的时候显示滚动条。以达到更玩完美的显示页面内容，避免顶部导航占用页面空间造成页面无法显示完整。,如果有什么问题，可以留言，有可能代码中有漏掉的部分。]]></description><category></category></item><item><title><![CDATA[【绘制某个链接地址的二维码】【qrcodejs2绘制二维码】]]></title><link>https://blog.youkuaiyun.com/Min_Fox/article/details/135228981</link><guid>https://blog.youkuaiyun.com/Min_Fox/article/details/135228981</guid><author>Min_Fox</author><pubDate>Tue, 26 Dec 2023 19:23:12 +0800</pubDate><description><![CDATA[在前端项目中，用户扫描二维码的功能，有时候会根据不同的用户信息，跳转到不同的链接，甚至会携带不同的参数，这时候就不能使用UI给我们的切图来展现二维码，就需要我们根据不同的用户去绘制不同的二维码图片，让用户自行跳转到相对应的链接。这里推荐插件qrcodejs2来绘制不同的二维码。这里是qrcodejs2绘制二维码的全部过程。如有错误请朋友们留言补充。]]></description><category></category></item><item><title><![CDATA[【vue滚动条插件vuescroll】【vue自定义滚动条】]]></title><link>https://blog.youkuaiyun.com/Min_Fox/article/details/135228370</link><guid>https://blog.youkuaiyun.com/Min_Fox/article/details/135228370</guid><author>Min_Fox</author><pubDate>Tue, 26 Dec 2023 18:52:29 +0800</pubDate><description><![CDATA[由于浏览器自带的滚动条比较不符合设计图，所以在大部分项目中，我们都会自定义滚动条的样式，来还原设计图，让页面更加的美观。]]></description><category></category></item><item><title><![CDATA[【js判断移动端和pc端】【js判断是否是ipad（兼容ios13）】]]></title><link>https://blog.youkuaiyun.com/Min_Fox/article/details/135225990</link><guid>https://blog.youkuaiyun.com/Min_Fox/article/details/135225990</guid><author>Min_Fox</author><pubDate>Tue, 26 Dec 2023 17:59:39 +0800</pubDate><description><![CDATA[在前端代码中，经常需要判断设备的类型，再来展示相对应的页面。也就是分为移动端和PC端。js中可以使用navigator.userAgent来输出当前设备的详细信息。JS怎样判断设备型号，怎样区分移动端还是PC端的方法]]></description><category></category></item><item><title><![CDATA[【H5页面分享框的标题和描述】]]></title><link>https://blog.youkuaiyun.com/Min_Fox/article/details/135224083</link><guid>https://blog.youkuaiyun.com/Min_Fox/article/details/135224083</guid><author>Min_Fox</author><pubDate>Tue, 26 Dec 2023 16:40:44 +0800</pubDate><description><![CDATA[在H5 项目中，页面通常在浏览器或者微信,QQ中打开，经常会分享给自己的好友，此时用户就会看到当前网站的分享链接内容，如果不去编辑链接内容，用户将看到张空白的分享链接，不利于用户的观看，因为不利于网站的传播。下面我们来了解一下property=og的用途。property=og 标签是一种开放内容协议（Open Graph Protocol）的标签，它可以让网页成为一个“富媒体对象”，并被其他社会化网站如Facebook、百度、谷歌等引用和展示。]]></description><category></category></item><item><title><![CDATA[正则表达式判断不能包含中文]]></title><link>https://blog.youkuaiyun.com/Min_Fox/article/details/134337637</link><guid>https://blog.youkuaiyun.com/Min_Fox/article/details/134337637</guid><author>Min_Fox</author><pubDate>Fri, 10 Nov 2023 17:16:30 +0800</pubDate><description><![CDATA[正则表达式不能包含中文]]></description><category></category></item><item><title><![CDATA[【自定义el-date-picker，type=“week“】]]></title><link>https://blog.youkuaiyun.com/Min_Fox/article/details/132068466</link><guid>https://blog.youkuaiyun.com/Min_Fox/article/details/132068466</guid><author>Min_Fox</author><pubDate>Wed, 02 Aug 2023 18:18:35 +0800</pubDate><description><![CDATA[el-date-picker：type="week"增加此属性，elementUI自然周选择器，默认选取周日到周六的自然周。修改默认开始时间为自然周的周一。]]></description><category></category></item></channel></rss>