<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[一纸奇文的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/fyfy0613</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; fyfy0613]]></copyright><item><title><![CDATA[axios 拦截器、请求方式封装]]></title><link>https://blog.youkuaiyun.com/fyfy0613/article/details/142955716</link><guid>https://blog.youkuaiyun.com/fyfy0613/article/details/142955716</guid><author>fyfy0613</author><pubDate>Tue, 15 Oct 2024 15:33:05 +0800</pubDate><description><![CDATA[【代码】axios 拦截器、请求方式封装。]]></description><category></category></item><item><title><![CDATA[node版本安装包大全]]></title><link>https://blog.youkuaiyun.com/fyfy0613/article/details/131695682</link><guid>https://blog.youkuaiyun.com/fyfy0613/article/details/131695682</guid><author>fyfy0613</author><pubDate>Thu, 13 Jul 2023 09:52:25 +0800</pubDate><description><![CDATA[node所有的版本：]]></description><category></category></item><item><title><![CDATA[创建UI组件库后上传NPM]]></title><link>https://blog.youkuaiyun.com/fyfy0613/article/details/131553721</link><guid>https://blog.youkuaiyun.com/fyfy0613/article/details/131553721</guid><author>fyfy0613</author><pubDate>Wed, 05 Jul 2023 14:00:15 +0800</pubDate><description><![CDATA[在页面上输入你想查询下载量的npm包名指定日期范围，可以查看该报告的下载数。8.等待发布完成：如果一切顺利，你的项目将被上传到npm仓库，你应该能在你的npm账户的“已发布的包”部分看到它。注意：在发布之前，请确保你的代码已经经过充分的测试，并遵循了发布开源软件的最佳实践。上篇已经讲了如何创建自己的组件库，这篇讲怎么上传npm后，可以下载使用。7.发布项目：在你的命令行或终端中，确保你处于项目的根目录，然后运行。注册一个npm账户。这将允许你将你的项目上传到npm仓库。命令，将你的项目发布到npm仓库。]]></description><category></category></item><item><title><![CDATA[实现对一个元素的滚动条进行平滑滚动至顶部的动画效果]]></title><link>https://blog.youkuaiyun.com/fyfy0613/article/details/131456386</link><guid>https://blog.youkuaiyun.com/fyfy0613/article/details/131456386</guid><author>fyfy0613</author><pubDate>Thu, 29 Jun 2023 15:03:33 +0800</pubDate><description><![CDATA[实现对一个元素的滚动条进行平滑滚动至顶部的动画效果]]></description><category></category></item><item><title><![CDATA[教你制作自己vue的组件库（仿ElementUI）]]></title><link>https://blog.youkuaiyun.com/fyfy0613/article/details/131066646</link><guid>https://blog.youkuaiyun.com/fyfy0613/article/details/131066646</guid><author>fyfy0613</author><pubDate>Tue, 06 Jun 2023 14:32:49 +0800</pubDate><description><![CDATA[1.首先自己创建个新的vue项目，之后更改下目录形式，将src文件更改为examples，这里是专门放组件展示的md文件，packages文件里是放自己写的组件代码。Icon组件的字体图标可以从字体图标库自己选择下载，放到fonts文件中，之后在icon.scss中引用，这个就不细说了。2.然后是开始配置vue.config.js文件 ，其中md-loader是读取md文件的相关配置。3.配置好了之后，就可以开始写组件了，这里就举个简单的例子，Icon的组件。之后就可以使用组件了。]]></description><category></category></item><item><title><![CDATA[Vue编写的组件库具备按需引入和全局引用的功能]]></title><link>https://blog.youkuaiyun.com/fyfy0613/article/details/130803116</link><guid>https://blog.youkuaiyun.com/fyfy0613/article/details/130803116</guid><author>fyfy0613</author><pubDate>Mon, 22 May 2023 11:07:33 +0800</pubDate><description><![CDATA[现在，我们已经为组件库提供了按需引入和全局引用的功能。下面是如何在项目中使用这两种功能的方法。]]></description><category></category></item><item><title><![CDATA[ElementUI form表单动态校验rules设置]]></title><link>https://blog.youkuaiyun.com/fyfy0613/article/details/130751639</link><guid>https://blog.youkuaiyun.com/fyfy0613/article/details/130751639</guid><author>fyfy0613</author><pubDate>Thu, 18 May 2023 17:29:11 +0800</pubDate><description><![CDATA[我这里是获取出数据后要单独push到新的数组里，没有做v-for循环，原理是一样的，如果遇到只是清除校验提示语的话可以用这个  this.$refs[formName].clearValidate();有些项目的需求是表单是动态获取到的，没有固定的标题和填写选项，这时候ElementUI里的form静态表单校验就不行了，可以参考下面的方式尝试一下。]]></description><category></category></item><item><title><![CDATA[vue-cli3.0用lib-flexible、postcss-px2rem-exclude实现移动端适配，解决第三方ui库样式变小问题,如：vant]]></title><link>https://blog.youkuaiyun.com/fyfy0613/article/details/103187678</link><guid>https://blog.youkuaiyun.com/fyfy0613/article/details/103187678</guid><author>fyfy0613</author><pubDate>Thu, 21 Nov 2019 17:42:15 +0800</pubDate><description><![CDATA[第一部分：项目中引入lib-flexible

一、项目中安装lib-flexible


npm install lib-flexible 

二、在项目的入口main.js文件中引入lib-flexible


import 'lib-flexible'

第二部分：使用postcss-px2rem-exclude自动将css中的px转换成rem

一、安装postcss-px2rem-exc...]]></description><category></category></item><item><title><![CDATA[根据ip地址获取天气信息]]></title><link>https://blog.youkuaiyun.com/fyfy0613/article/details/85272909</link><guid>https://blog.youkuaiyun.com/fyfy0613/article/details/85272909</guid><author>fyfy0613</author><pubDate>Thu, 27 Dec 2018 09:57:02 +0800</pubDate><description><![CDATA[1.首先要获取ip地址，可以自行搜索获取ip地址的相关资料，我这里就只用搜狐的的获取方法了


&amp;lt;script src=&quot;http://pv.sohu.com/cityjson?ie=utf-8&quot;&amp;gt;&amp;lt;/script&amp;gt;

2.之后是获取天气信息的接口了，网上也能搜索到相关的资料，我这里只是用了其中的一个


https://www.apiopen.top/weatherApi...]]></description><category></category></item><item><title><![CDATA[vue  监听滚动事件]]></title><link>https://blog.youkuaiyun.com/fyfy0613/article/details/85103659</link><guid>https://blog.youkuaiyun.com/fyfy0613/article/details/85103659</guid><author>fyfy0613</author><pubDate>Wed, 19 Dec 2018 18:03:28 +0800</pubDate><description><![CDATA[在vue中有时候会遇到监听滚动事件的问题，这里我简单的讲一下自己遇到的。

监听滚动事件在mounted中写下面这些


window.addEventListener('scroll', this.handleScroll, true)

后面的第三个参数，可以不写，不过有时候无法监听上滚动事件，可以加上去。

在methods中写入


methods: {
 handleScroll () ...]]></description><category></category></item><item><title><![CDATA[CSS的reset示例]]></title><link>https://blog.youkuaiyun.com/fyfy0613/article/details/82848193</link><guid>https://blog.youkuaiyun.com/fyfy0613/article/details/82848193</guid><author>fyfy0613</author><pubDate>Wed, 26 Sep 2018 08:52:43 +0800</pubDate><description><![CDATA[
*,body,dl,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,form,header,section,article,footer,td,th{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif}
h1,h2...]]></description><category></category></item><item><title><![CDATA[elementUI 标签页 自定义增加标签页触发器 标签中添加html标签]]></title><link>https://blog.youkuaiyun.com/fyfy0613/article/details/82259875</link><guid>https://blog.youkuaiyun.com/fyfy0613/article/details/82259875</guid><author>fyfy0613</author><pubDate>Fri, 31 Aug 2018 17:42:38 +0800</pubDate><description><![CDATA[在引用elementUI中会经常用到标签页，有时候也会用到动态添加标签的情况。



这时候，我们不仅仅只是放一些字符串，也要放一些html标签，或者是elementUI的组件,这时候可以用到组件来解决


    &amp;lt;el-tabs v-model=&quot;editableTabsValue2&quot; type=&quot;card&quot; closable @tab-remove=&quot;removeTab&quot;&amp;gt;
  ...]]></description><category></category></item><item><title><![CDATA[本地写json数据并在页面中调用]]></title><link>https://blog.youkuaiyun.com/fyfy0613/article/details/81866222</link><guid>https://blog.youkuaiyun.com/fyfy0613/article/details/81866222</guid><author>fyfy0613</author><pubDate>Mon, 20 Aug 2018 09:58:22 +0800</pubDate><description><![CDATA[这里我自己写的是两个方法，一种是用js文件中写的，一种是在json文件中写的。

js文件：


var workData = {
    &quot;firstWork&quot;:{
        &quot;companyName&quot;:&quot;&quot;,
            &quot;time&quot;:&quot;&quot;,
            &quot;department&quot;:&quot;&quot;,
            &quot;positi]]></description><category></category></item><item><title><![CDATA[使用JS获取当前地理位置方法汇总]]></title><link>https://blog.youkuaiyun.com/fyfy0613/article/details/81698897</link><guid>https://blog.youkuaiyun.com/fyfy0613/article/details/81698897</guid><author>fyfy0613</author><pubDate>Wed, 15 Aug 2018 10:03:30 +0800</pubDate><description><![CDATA[1.手机WEB定位方法：


var getLocation = function (successFunc, errorFunc) { //successFunc获取定位成功回调函数，errorFunc获取定位失败回调
    //首先设置默认城市
    var defCity = {
        id: '000001',
        name: '北京市',
        dat...]]></description><category></category></item><item><title><![CDATA[elementUI树状图竖向滚动条和横向滚动条问题]]></title><link>https://blog.youkuaiyun.com/fyfy0613/article/details/81480161</link><guid>https://blog.youkuaiyun.com/fyfy0613/article/details/81480161</guid><author>fyfy0613</author><pubDate>Tue, 07 Aug 2018 14:17:18 +0800</pubDate><description><![CDATA[在使用vue时，就会有使用到elementUI，之后就是不断的在入坑和天坑之间徘徊。

elementUI中有个隐藏的组件，就是滚动条-----&amp;lt;el-scrollbar&amp;gt;&amp;lt;/el-scrollbar&amp;gt; 可以参考elementUI的官网代码

这里用F12可以查看到

添加之后会有出现横向滚动的样式（很丑）

这里需要添加一个样式 


.el-scrollbar .el-...]]></description><category></category></item></channel></rss>