<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[前端阿皓]]></title><description><![CDATA[专注于前端开发]]></description><link>https://blog.youkuaiyun.com/TanHao8</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; TanHao8]]></copyright><item><title><![CDATA[vue中使用pdf、word、excel、pptx等文件预览]]></title><link>https://blog.youkuaiyun.com/TanHao8/article/details/147179591</link><guid>https://blog.youkuaiyun.com/TanHao8/article/details/147179591</guid><author>TanHao8</author><pubDate>Sat, 12 Apr 2025 22:44:11 +0800</pubDate><description><![CDATA[在vue中使用多种方式预览文件，支持pdf、word、Excel、文件等等]]></description><category></category></item><item><title><![CDATA[nodejs/node-sass/sass-loader三者版本对应关系]]></title><link>https://blog.youkuaiyun.com/TanHao8/article/details/147163653</link><guid>https://blog.youkuaiyun.com/TanHao8/article/details/147163653</guid><author>TanHao8</author><pubDate>Sat, 12 Apr 2025 13:27:39 +0800</pubDate><description><![CDATA[nodejs与sass对应关系表]]></description><category></category></item><item><title><![CDATA[JMeter压力测试]]></title><link>https://blog.youkuaiyun.com/TanHao8/article/details/144088222</link><guid>https://blog.youkuaiyun.com/TanHao8/article/details/144088222</guid><author>TanHao8</author><pubDate>Wed, 27 Nov 2024 16:59:21 +0800</pubDate><description><![CDATA[Apache JMeter是Apache组织开发的基于Java的压力测试工具。用于对软件做压力测试，它最初被设计用于Web应用测试，但后来扩展到其他测试领域。它可以用于测试静态和动态资源，例如静态文件、Java 小服务程序、CGI 脚本、Java 对象、数据库、FTP 服务器等。]]></description><category></category></item><item><title><![CDATA[前端私有组件库搭建]]></title><link>https://blog.youkuaiyun.com/TanHao8/article/details/143974964</link><guid>https://blog.youkuaiyun.com/TanHao8/article/details/143974964</guid><author>TanHao8</author><pubDate>Fri, 22 Nov 2024 15:15:51 +0800</pubDate><description><![CDATA[verdaccio。]]></description><category></category></item><item><title><![CDATA[【域名购买】Namesilo优惠码和域名解析教程]]></title><link>https://blog.youkuaiyun.com/TanHao8/article/details/142983922</link><guid>https://blog.youkuaiyun.com/TanHao8/article/details/142983922</guid><author>TanHao8</author><pubDate>Wed, 16 Oct 2024 16:01:44 +0800</pubDate><description><![CDATA[Namesilo是国外最大的ICANN认证域名提供商之一，以物美价廉的优势积累了不错的口碑。费用方面，其域名注册费用相较国内来说便宜不少，续费价格不变。Namesilo的注册购买也很方便。在国内域名商注册使用域名需要各种实名认证，比如万网，账户和域名都要单独各认证一次，比较麻烦。]]></description><category></category></item><item><title><![CDATA[苹果打包H5网站 制作下载描述文件安装APP到桌面]]></title><link>https://blog.youkuaiyun.com/TanHao8/article/details/142826642</link><guid>https://blog.youkuaiyun.com/TanHao8/article/details/142826642</guid><author>TanHao8</author><pubDate>Thu, 10 Oct 2024 17:10:17 +0800</pubDate><description><![CDATA[此文章主要讲解如何把h5网页打包成IOS描述文件，打包成APP到桌面。]]></description><category></category></item><item><title><![CDATA[Nuxt日志监控(服务端及客户端日志检测)]]></title><link>https://blog.youkuaiyun.com/TanHao8/article/details/142764548</link><guid>https://blog.youkuaiyun.com/TanHao8/article/details/142764548</guid><author>TanHao8</author><pubDate>Tue, 08 Oct 2024 17:30:13 +0800</pubDate><description><![CDATA[二、plugin下创建日志处理插件winston.js，对日志进行分级

三、客户端错误全局监听，plugin中创建errorHandler.js

四、插件挂载nuxt.config.js


五、在服务端请求axios 里做日志打点


六、查看日志记录


三、plugin下创建日志处理插件winston.js插件

四、plugin下创建客户端错误插件errorHandler.js

五、根目录创建serverMiddleware文件夹，并创建setLog.js，自定义Node接口设置日志

六、插]]></description><category></category></item><item><title><![CDATA[Nuxt日志监控(服务端请求日志)]]></title><link>https://blog.youkuaiyun.com/TanHao8/article/details/142653607</link><guid>https://blog.youkuaiyun.com/TanHao8/article/details/142653607</guid><author>TanHao8</author><pubDate>Mon, 30 Sep 2024 11:59:07 +0800</pubDate><description><![CDATA[此文章主要讲解如何使用Nuxt进行日志监控，例如请求日志、客户端错误日志，方便线上出现问题能及时排查问题所在。]]></description><category></category></item><item><title><![CDATA[Git实现提交代码自动更新package.json版本号]]></title><link>https://blog.youkuaiyun.com/TanHao8/article/details/137157177</link><guid>https://blog.youkuaiyun.com/TanHao8/article/details/137157177</guid><author>TanHao8</author><pubDate>Fri, 29 Mar 2024 22:03:49 +0800</pubDate><description><![CDATA[此文章主要讲诉如何通过git提交代码来自动更新我们的版本号，也可以指定固定分支才能更新只要涉及到package version的项目都可以，例如：Vue、React、Node等等前提是当前项目已经关联了Git仓库。]]></description><category></category></item><item><title><![CDATA[Mac电脑Flutter环境搭建及运行]]></title><link>https://blog.youkuaiyun.com/TanHao8/article/details/134727322</link><guid>https://blog.youkuaiyun.com/TanHao8/article/details/134727322</guid><author>TanHao8</author><pubDate>Fri, 01 Dec 2023 10:05:07 +0800</pubDate><description><![CDATA[一、下载Flutter包
1.下载后解压flutter包：Mac Flutter SDK，
然后将解压后的flutter文件夹放到某个不常动的目录下然,记住路径1、执行命令： vim ~/.bash_profile
2、键盘输入i
3、复制代码粘贴
4、按esc 然后输入 :wq 退出
5、执行命令： source ~/.bash_profile
6、执行命令flutte]]></description><category></category></item><item><title><![CDATA[Mac使用nvm安装低于node16 版本卡死缓慢]]></title><link>https://blog.youkuaiyun.com/TanHao8/article/details/134659498</link><guid>https://blog.youkuaiyun.com/TanHao8/article/details/134659498</guid><author>TanHao8</author><pubDate>Tue, 28 Nov 2023 09:24:48 +0800</pubDate><description><![CDATA[在使用M1和M2的时候，采用nvm安装Node16的版本就会出现一直下载卡死，内存增大。]]></description><category></category></item><item><title><![CDATA[Vue向pdf文件中添加二维码]]></title><link>https://blog.youkuaiyun.com/TanHao8/article/details/134400852</link><guid>https://blog.youkuaiyun.com/TanHao8/article/details/134400852</guid><author>TanHao8</author><pubDate>Tue, 14 Nov 2023 16:17:33 +0800</pubDate><description><![CDATA[🚀 场景一：利用vue向pdf文件中写入二维码图片或其他图片🚀 场景二：向pdf中添加水印思路：1、先通过url链接生成二维码，二维码存在于dom中2、使用html2canvas库将二维码的dom转为一个canvas对象3、根据canvas对象获取blob中的buffer4、最后将这个二维码以图片的形式嵌入到pdf文件流中。]]></description><category></category></item><item><title><![CDATA[keep-alive缓存，三级路由不生效]]></title><link>https://blog.youkuaiyun.com/TanHao8/article/details/134310400</link><guid>https://blog.youkuaiyun.com/TanHao8/article/details/134310400</guid><author>TanHao8</author><pubDate>Thu, 09 Nov 2023 14:11:53 +0800</pubDate><description><![CDATA[此文章讲诉在vue中使用keep-alive缓存，三级路由缓存失败处理方案。一二级路由缓存无任何问题，三级以上就会失败，因此我们在路由守卫中对matched做出如下优化。]]></description><category></category></item><item><title><![CDATA[H5横屏适配方案]]></title><link>https://blog.youkuaiyun.com/TanHao8/article/details/134310232</link><guid>https://blog.youkuaiyun.com/TanHao8/article/details/134310232</guid><author>TanHao8</author><pubDate>Thu, 09 Nov 2023 14:07:45 +0800</pubDate><description><![CDATA[横屏模式一般使用场景比较少，特殊情况除外，一般用于游戏、操作性比较大的网页会采用横屏。]]></description><category></category></item><item><title><![CDATA[uinapp微信小程序隐私政策授权]]></title><link>https://blog.youkuaiyun.com/TanHao8/article/details/134198183</link><guid>https://blog.youkuaiyun.com/TanHao8/article/details/134198183</guid><author>TanHao8</author><pubDate>Fri, 03 Nov 2023 10:59:27 +0800</pubDate><description><![CDATA[uniapp隐私政策协议弹窗授权]]></description><category></category></item><item><title><![CDATA[高德地图导览手绘图制作]]></title><link>https://blog.youkuaiyun.com/TanHao8/article/details/132192627</link><guid>https://blog.youkuaiyun.com/TanHao8/article/details/132192627</guid><author>TanHao8</author><pubDate>Wed, 09 Aug 2023 17:58:46 +0800</pubDate><description><![CDATA[🚀 本文主要讲解如何使用高德地图进行手绘图制作，一般用于景区导览地图制作，使用户更加生动、形象的去了解整个景区。]]></description><category></category></item><item><title><![CDATA[h5高德地图定位与Audio标签冲突]]></title><link>https://blog.youkuaiyun.com/TanHao8/article/details/132190886</link><guid>https://blog.youkuaiyun.com/TanHao8/article/details/132190886</guid><author>TanHao8</author><pubDate>Wed, 09 Aug 2023 17:00:57 +0800</pubDate><description><![CDATA[在ios设备使用(高德地图、百度地图)定位，如果在页面中有audio标签则会出现定位失败要么就是音频无法播放，此问题已和官方证实 是冲突问题，暂无解决方案。因为高德地图也是基于原生定位开发的，原生定位navigator.geolocation与audio也会出现冲突问题，相关资料比较少。]]></description><category></category></item><item><title><![CDATA[Vue3自定义封装音频播放器]]></title><link>https://blog.youkuaiyun.com/TanHao8/article/details/132020858</link><guid>https://blog.youkuaiyun.com/TanHao8/article/details/132020858</guid><author>TanHao8</author><pubDate>Mon, 31 Jul 2023 13:56:14 +0800</pubDate><description><![CDATA[🚀 本片主要讲解如何使用Vue3去封装一个音频播放器，以及解决在ios微信浏览器中 无法获取音频时长问题。]]></description><category></category></item><item><title><![CDATA[H5唤起高德、百度、腾讯地图导航]]></title><link>https://blog.youkuaiyun.com/TanHao8/article/details/132019181</link><guid>https://blog.youkuaiyun.com/TanHao8/article/details/132019181</guid><author>TanHao8</author><pubDate>Mon, 31 Jul 2023 12:01:16 +0800</pubDate><description><![CDATA[🚀 本篇主要讲解在H5中如何唤起高德、百度、腾讯地图导航。]]></description><category></category></item><item><title><![CDATA[Docker安装Mysql教程(linux)]]></title><link>https://blog.youkuaiyun.com/TanHao8/article/details/131019038</link><guid>https://blog.youkuaiyun.com/TanHao8/article/details/131019038</guid><author>TanHao8</author><pubDate>Sat, 03 Jun 2023 11:24:45 +0800</pubDate><description><![CDATA[本文主要讲解如何使用Docker去安装mysql。
linux安装Mysql]]></description><category></category></item></channel></rss>