<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[DespairA的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/DespairA</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; DespairA]]></copyright><item><title><![CDATA[项目笔记（3.22）]]></title><link>https://blog.youkuaiyun.com/DespairA/article/details/124118888</link><guid>https://blog.youkuaiyun.com/DespairA/article/details/124118888</guid><author>DespairA</author><pubDate>Tue, 12 Apr 2022 15:56:05 +0800</pubDate><description><![CDATA[创建项目
创建项目

创建配置
vue create presspro


选择vue的版本

选择是否使用历史模式（ n）

选择css的编译语法
选择语法检查的规范，三选一即可，（prettier）

何时触发语法检查（save） 
定义配置文件（独立配置） 回车项目创建完成 

项目初始配置
eslintrc的配置

打开.eslintrc配置文件，参考eslint官网修改配置
在rules配置项中，对相关规则进行配置
配置语法格式化工具prettierrc配置，在项目根目录创建.prettierrc]]></description><category></category></item><item><title><![CDATA[uni-app中查看vue的版本号]]></title><link>https://blog.youkuaiyun.com/DespairA/article/details/123890473</link><guid>https://blog.youkuaiyun.com/DespairA/article/details/123890473</guid><author>DespairA</author><pubDate>Fri, 01 Apr 2022 09:57:19 +0800</pubDate><description><![CDATA[1.查看vue的版本号



在manifest.json 文件中，基础配置的底部有vue版本的配置




]]></description><category></category></item><item><title><![CDATA[uni-app开发中遇到的技巧]]></title><link>https://blog.youkuaiyun.com/DespairA/article/details/123693135</link><guid>https://blog.youkuaiyun.com/DespairA/article/details/123693135</guid><author>DespairA</author><pubDate>Wed, 23 Mar 2022 18:37:37 +0800</pubDate><description><![CDATA[1.搜索的防抖处理

这里是一个搜索框，ui组件库内定义了每次搜索框的值发生变化都会触发input事件函数


  &lt;uni-search-bar @input="input" :radius="100" cancelButton="none"&gt;&lt;/uni-search-bar&gt;

在js代码中进行防抖处理


input(e){
        // console.log(e.value)
        // 定义一个延时器,规定500毫秒以后执行，并赋给this.timer
]]></description><category></category></item><item><title><![CDATA[在uni-app中封装请求]]></title><link>https://blog.youkuaiyun.com/DespairA/article/details/123665212</link><guid>https://blog.youkuaiyun.com/DespairA/article/details/123665212</guid><author>DespairA</author><pubDate>Tue, 22 Mar 2022 16:55:55 +0800</pubDate><description><![CDATA[上代码


//使用修改域名，默认是get，需要post则要改动一部分
const BASE_URL="https://api-hmugo-web.itheima.net/"; 
//在主文件入口main.js中引入，然后绑定到全局对象上，例如  uni.$myRequest=myRequest，使用的时候直接uni.$myRequest()
export const myRequest=(options)=&gt;{ //传入的options是一个json对象
 
// 让这个方法返回一个promise对]]></description><category></category></item><item><title><![CDATA[vue-router相关知识笔记(包括三个生命周期钩子)]]></title><link>https://blog.youkuaiyun.com/DespairA/article/details/123484274</link><guid>https://blog.youkuaiyun.com/DespairA/article/details/123484274</guid><author>DespairA</author><pubDate>Tue, 15 Mar 2022 18:01:49 +0800</pubDate><description><![CDATA[目录

路由vue-router

1.简单介绍

2.使用路由

3.嵌套路由（多级路由）

4.命名路由

5.路由传参

6.props配置项

7.编程式路由导航

8.缓存路由

9.路由重定向

10.路由元信息

11.路由守卫（重点）



备注：遗留问题，props中params无法二次渲染（已解决）

路由vue-router

1.简单介绍

Vue Router 是Vue.js的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。功能包括：...]]></description><category></category></item><item><title><![CDATA[UI组件库-Vue]]></title><link>https://blog.youkuaiyun.com/DespairA/article/details/123505089</link><guid>https://blog.youkuaiyun.com/DespairA/article/details/123505089</guid><author>DespairA</author><pubDate>Tue, 15 Mar 2022 17:39:11 +0800</pubDate><description><![CDATA[一、pc端组件库

1.element ui 组件库



2.ant design of vue



二、移动端组件库

1.Vant组件库



2.cube 组件库



3.mint组件库



4.nut ui组件库





三、简单介绍使用

1.引入element UI

在官网文档中查看安装方式

在项目命令行工具中执行命令（-s在高版本npm中不需添加）


npm i element-ui -S

安装完成



引入





2.全局引入（文件较大）

在项目...]]></description><category></category></item><item><title><![CDATA[vuex知识点以及相关笔记]]></title><link>https://blog.youkuaiyun.com/DespairA/article/details/123457729</link><guid>https://blog.youkuaiyun.com/DespairA/article/details/123457729</guid><author>DespairA</author><pubDate>Sun, 13 Mar 2022 13:45:51 +0800</pubDate><description><![CDATA[一、vuex简介

vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

vuex可以作为一种插件，可以将数据，同步异步的方法统一管理，vuex这个整体是一个仓库，用store来指定，这个仓库包含了数据和方法，

仓库内部分为了三个区域

actions是存放异步方法并且调用的地方

mutations是存放同步调用方法的地方并且将数据传给state

state，状态，是存放数据处



二、]]></description><category></category></item><item><title><![CDATA[axios具体配置及源码解析]]></title><link>https://blog.youkuaiyun.com/DespairA/article/details/123306598</link><guid>https://blog.youkuaiyun.com/DespairA/article/details/123306598</guid><author>DespairA</author><pubDate>Tue, 08 Mar 2022 21:57:01 +0800</pubDate><description><![CDATA[一、axios基本使用

1.axios介绍

axios是很热门的发送Ajax请求的方式，是基于promise的，可以在nodejs中运行，支持promise的api，可以预处理，对响应提前作出准备等

2.





二、axios源码解析

1.记录遇到的自己曾经迷惑的一个问题

有两个构造函数，实例化Axios后，实例对象上，就有了interceptors属性，而interceptor上有request属性，而将一个构造函数的实例对象赋值给request属性

此时request属性就有了WebMa]]></description><category></category></item><item><title><![CDATA[AJAX、axios、async、跨域相关笔记]]></title><link>https://blog.youkuaiyun.com/DespairA/article/details/123271690</link><guid>https://blog.youkuaiyun.com/DespairA/article/details/123271690</guid><author>DespairA</author><pubDate>Fri, 04 Mar 2022 12:39:17 +0800</pubDate><description><![CDATA[一、前置知识

1.浏览器的调试面板中额network（网络）选项

记录发送的请求





2.headers

单击其中任意一个请求

右侧header中的response header是响应头，request header是请求头，记录请求的信息

3.querty string parameters对URL中的参数进行解析和格式化



4.其他的选项

preview 响应预览

response响应

initiator 请求链

timing 请求时长

cookie 浏览后...]]></description><category></category></item><item><title><![CDATA[字符串上的部分方法（笔记）持续更新]]></title><link>https://blog.youkuaiyun.com/DespairA/article/details/123149350</link><guid>https://blog.youkuaiyun.com/DespairA/article/details/123149350</guid><author>DespairA</author><pubDate>Sat, 26 Feb 2022 14:17:55 +0800</pubDate><description><![CDATA[1.删除字符串两端的空格

String.prototype.trim()


const greeting = '   Hello world!   ';

console.log(greeting);
// expected output: "   Hello world!   ";

console.log(greeting.trim());
// expected output: "Hello world!";





]]></description><category></category></item><item><title><![CDATA[对象上的部分方法（笔记）持续更新]]></title><link>https://blog.youkuaiyun.com/DespairA/article/details/123147504</link><guid>https://blog.youkuaiyun.com/DespairA/article/details/123147504</guid><author>DespairA</author><pubDate>Sat, 26 Feb 2022 11:39:16 +0800</pubDate><description><![CDATA[1.判断一个对象上是否具有该属性，返回一个布尔值

Object.prototype.hasOwnProperty() 




]]></description><category></category></item><item><title><![CDATA[webpack版本及less等版本的查看方式（持续添加）]]></title><link>https://blog.youkuaiyun.com/DespairA/article/details/123094261</link><guid>https://blog.youkuaiyun.com/DespairA/article/details/123094261</guid><author>DespairA</author><pubDate>Wed, 23 Feb 2022 16:59:13 +0800</pubDate><description><![CDATA[1.查看webpack的版本


npm view webpack versions

得到如下



2.查看less-loader版本


npm view less-loader versions

得到如下




]]></description><category></category></item><item><title><![CDATA[【数组方法】（笔记）]]></title><link>https://blog.youkuaiyun.com/DespairA/article/details/122684043</link><guid>https://blog.youkuaiyun.com/DespairA/article/details/122684043</guid><author>DespairA</author><pubDate>Tue, 25 Jan 2022 14:18:06 +0800</pubDate><description><![CDATA[1.删除或者替换数组元素，改变原数组

Array.prototype.splice()

示例



2.在数组的后面新增一个或者多个元素，并返回该数组的新长度

Array.prototype.push() 会改变原数组


&lt;script&gt;
      const animals = ['pigs', 'goats', 'sheep'];
      const count = animals.push('cows');
      console.log(count);
      ..]]></description><category></category></item><item><title><![CDATA[为数组的每一项执行一次方法（笔记）]]></title><link>https://blog.youkuaiyun.com/DespairA/article/details/122597033</link><guid>https://blog.youkuaiyun.com/DespairA/article/details/122597033</guid><author>DespairA</author><pubDate>Thu, 20 Jan 2022 11:08:03 +0800</pubDate><description><![CDATA[Array.prototype.forEach()

详解


arr.forEach(callback(currentValue [, index [, array]])[, thisArg])


参数

callback 为数组中每个元素执行的函数，该函数接收一至三个参数：

currentValue，数组中正在处理的当前元素。

index 可选，数组中正在处理的当前元素的索引。

array 可 选，，forEach() 方法正在操作的数组。

thisArg 可选，可选参数。当执行回调函数 ..]]></description><category></category></item><item><title><![CDATA[获取一个对象上所有属性名，组成一个数组（笔记）]]></title><link>https://blog.youkuaiyun.com/DespairA/article/details/122596332</link><guid>https://blog.youkuaiyun.com/DespairA/article/details/122596332</guid><author>DespairA</author><pubDate>Thu, 20 Jan 2022 10:53:12 +0800</pubDate><description><![CDATA[Object.keys()

方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致 。


&lt;script&gt;
      const vu = {
        name: "jake",
        age: 18,
        sex: "男",
      };
      const vx = Object.keys(vu);
      console.log(vx);
    &lt;/script&gt;

.]]></description><category></category></item><item><title><![CDATA[学习vue笔记（1）]]></title><link>https://blog.youkuaiyun.com/DespairA/article/details/121142855</link><guid>https://blog.youkuaiyun.com/DespairA/article/details/121142855</guid><author>DespairA</author><pubDate>Thu, 04 Nov 2021 15:34:09 +0800</pubDate><description><![CDATA[一、初识

1.开发版本体积较大，未被压缩；生产版本，已被压缩的文件



2.解决两个提示

第一个提示是推荐安装devtools调试工具

第二个是“目前使用的是开发者的vue，生产版本不要这样做”

解决第一个提示： 安装调试工具到谷歌浏览器的扩展



解决第二个提示：

config对象包含vue的所有配置


Vue.config



修改值为false



成功



3.图标请求的问题

按住shift点击刷新，进行强制刷新，可以在network中看到一个请求





...]]></description><category></category></item><item><title><![CDATA[记录我配置Vue的过程]]></title><link>https://blog.youkuaiyun.com/DespairA/article/details/121126061</link><guid>https://blog.youkuaiyun.com/DespairA/article/details/121126061</guid><author>DespairA</author><pubDate>Wed, 03 Nov 2021 22:11:06 +0800</pubDate><description><![CDATA[1.安装node ，下载后直接根据提示安装



2.打开dos窗口，验证是否安装成功



3.修改默认的下载路径，使用淘宝镜像的方式

第一种方式


npm config set registry https://registry.npm.taobao.org 

配置后可以根据npm config get registry或npm config list命令查看npm下载源是否配置成功



或者换一种

第二种方式

更改npm install -g cnpm --registry=...]]></description><category></category></item><item><title><![CDATA[VScode插件（自用）]]></title><link>https://blog.youkuaiyun.com/DespairA/article/details/120079374</link><guid>https://blog.youkuaiyun.com/DespairA/article/details/120079374</guid><author>DespairA</author><pubDate>Fri, 03 Sep 2021 13:00:13 +0800</pubDate><description><![CDATA[一、Material Icon Theme 图标插件

它采用了 Google Material Design 风格，文件图标以及文件夹图标覆盖非常的全面。





二、 颜色主题插件Themes（代码颜色）中的 Monokai Dimmed



三、css peek

使用此插件，你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时，选择“ Go to Definition 和 Peek definition ”选项，它便会给你发送样式设置的 CSS 代..]]></description><category></category></item><item><title><![CDATA[前端基础CSS3-（3D动画）]]></title><link>https://blog.youkuaiyun.com/DespairA/article/details/120058534</link><guid>https://blog.youkuaiyun.com/DespairA/article/details/120058534</guid><author>DespairA</author><pubDate>Thu, 02 Sep 2021 13:11:34 +0800</pubDate><description><![CDATA[一、透视属性；定义虚拟眼睛，perspective: ；

    1.透视写到被观察元素的父盒子上面

    2.当透视值小于z值的时候，是什么都看不见的，

    3. z值就是物体到屏幕的距离，

    4. 而透视，就是虚拟眼睛到屏幕的距离


 body {
  
        perspective: 500px;
      }



   二、3D移动

 transform: translateX(100p...]]></description><category></category></item><item><title><![CDATA[前端基础CSS3-（动画）]]></title><link>https://blog.youkuaiyun.com/DespairA/article/details/120056567</link><guid>https://blog.youkuaiyun.com/DespairA/article/details/120056567</guid><author>DespairA</author><pubDate>Thu, 02 Sep 2021 11:30:07 +0800</pubDate><description><![CDATA[一、动画属性animation

animation:

name(动画名称-必选) duration（持续时间-必选）  timing-function（运动曲线-可选）  

delay （何时开始可选）  iteration-count（播放次数-可选） direction（是否反方向-可）  

fill-mode; （动画位置起始或者结束;-可选）

二、定义动画

除了0和100%，还可以用from和to来表示序列

动画序列

1.可以做多个状态...]]></description><category></category></item></channel></rss>