<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Coding_Peasant_Y的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Coding_Peasant_Y</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Coding_Peasant_Y]]></copyright><item><title><![CDATA[uniapp中如何实现侧边tab切换点击变颜色右边内容跟着联动]]></title><link>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/122062124</link><guid>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/122062124</guid><author>Coding_Peasant_Y</author><pubDate>Tue, 21 Dec 2021 15:12:43 +0800</pubDate><description><![CDATA[template的内容块代码


&lt;template&gt;
	&lt;view class="wrap"&gt;
		&lt;view class="trademark"&gt;社区图片&lt;/view&gt;
		&lt;view class="box"&gt;
			&lt;scroll-view class="scrool-more" style="height: 100%" scroll-y="true" scroll-with-animation="true"&gt;
				&lt;v]]></description><category></category></item><item><title><![CDATA[关于git版本控制 和git指令]]></title><link>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/121136761</link><guid>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/121136761</guid><author>Coding_Peasant_Y</author><pubDate>Thu, 04 Nov 2021 11:20:02 +0800</pubDate><description><![CDATA[版本控制简述

版本控制最主要的功能就是追踪文件的变更。它将什么时候、什么人更改了文件的什么内容等信息忠实地了记录下来。每一次文件的改变，文件的版本号都将增加。除了记录版本变更外，版本控制的另一个重要功能是并行开发。软件开发往往是多人协同作业，版本控制可以有效地解决版本的同步以及不同开发者之间的开发通信问题，提高协同开发的效率。并行开发中最常见的不同版本软件的错误(Bug)修正问题也可以通过版本控制中分支与合并的方法有效地解决。

版本控制内容

版本控制包括：检入检出控制、分支和合并、历史记录。

1．检]]></description><category></category></item><item><title><![CDATA[Highcharts在vue如何使用]]></title><link>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120987515</link><guid>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120987515</guid><author>Coding_Peasant_Y</author><pubDate>Wed, 27 Oct 2021 10:33:42 +0800</pubDate><description><![CDATA[通过npm指令安装Highcharts


npm install highcharts --save

import引入


import * as Highcharts from "highcharts";

然后就是按需拿代码

可以和想要的图源码对比看下就懂了

详情参考：

https://www.highcharts.com.cn/demo/highcharts

我拿的一个饼图和柱状图大家可以看一下


&lt;template&gt;
  &lt;div&gt;
    &lt;div id]]></description><category></category></item><item><title><![CDATA[Todolist案例（vue版）]]></title><link>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120979587</link><guid>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120979587</guid><author>Coding_Peasant_Y</author><pubDate>Tue, 26 Oct 2021 20:01:40 +0800</pubDate><description><![CDATA[组件中代码


&lt;template&gt;
  &lt;div&gt;
    &lt;section class="todoapp"&gt;
      &lt;header class="header"&gt;
        &lt;h1&gt;todos&lt;/h1&gt;
        &lt;input
          class="new-todo"
          autofocus
          placeholder="What needs to be done?]]></description><category></category></item><item><title><![CDATA[移动端如何用rem实现适配]]></title><link>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120900664</link><guid>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120900664</guid><author>Coding_Peasant_Y</author><pubDate>Fri, 22 Oct 2021 10:58:52 +0800</pubDate><description><![CDATA[在css中单位长度用的最多的是px、em、rem，这三个的区别是：

    px是固定的像素，一旦设置了就无法因为适应页面大小而改变

     em和rem相对于px更具有灵活性，他们是相对长度单位，意思是长度不是定死了的，更适用于响应式布局。

     绝对单位  px
     相对单位  em rem 默认相对单位 1em=16px 1rem=16px
          em 相对于 父级
      ...]]></description><category></category></item><item><title><![CDATA[前端出去经常被问的面试题]]></title><link>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120814645</link><guid>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120814645</guid><author>Coding_Peasant_Y</author><pubDate>Sun, 17 Oct 2021 19:28:33 +0800</pubDate><description><![CDATA[Proxy和defineProperty的优缺点

说说你对 proxy 的理解
	vue的数据劫持有两个缺点:
无法监听通过索引修改数组的值的变化

无法监听object 也就是对象的值的变化
所以vue2.x中才会有$set 属性的存在
proxy是 es6中推出的新 api，可以弥补以上两个缺点，所以 vue3.x版本用 proxy 替换object.defineproperty。

  2. V...]]></description><category></category></item><item><title><![CDATA[美食杰 菜谱详情（效果介绍）]]></title><link>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120749094</link><guid>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120749094</guid><author>Coding_Peasant_Y</author><pubDate>Wed, 13 Oct 2021 20:20:50 +0800</pubDate><description><![CDATA[实现效果：

  在detail组件中:
   1.根据menuld请求数据(查看数据结构),渲染页面(如果没有menuld，提示框请登录)
       注意:数据结构过多，在保存到组件中时，提前写好默认值。避免在异步请求返回数据之前找下到属性。
  头部:

   1.根据数据，逐个渲染头部页面。用户信息中国，query传入用户id，跳转个人空间
   2.收藏按钮:判断是否本人登录再显示
   3..收藏功能:I判断是否登录，再请求，否则提示框，...]]></description><category></category></item><item><title><![CDATA[美食杰项目（菜谱大全）效果介绍]]></title><link>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120710503</link><guid>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120710503</guid><author>Coding_Peasant_Y</author><pubDate>Mon, 11 Oct 2021 20:27:11 +0800</pubDate><description><![CDATA[1.看一下要实现的效果

  1.1.  点击实现家常菜谱中华菜系 各地小吃的tab切换

  1.2. 点击各个菜系实现高亮变红选中

  1.3  点击工艺 口味 难度口味下的按钮 右侧的菜品会进行筛选菜品会发生变化

  1.4  菜品会进行分页可以点击进行上一页下一页的切换

  1.5  菜品未显示时会有一个正在加载中的蒙板

  1.6  当筛选菜品不足一页将不会进行分页

2.效果显现方式

    使用vue脚手架搭建项目完成...]]></description><category></category></item><item><title><![CDATA[flex布局 弹性盒子如何使用]]></title><link>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120690898</link><guid>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120690898</guid><author>Coding_Peasant_Y</author><pubDate>Sun, 10 Oct 2021 19:58:35 +0800</pubDate><description><![CDATA[flex的由来

    2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。

兼容浏览器

概念

     采用Flex布局的元素，称为Flex容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称"项目"

为什么要使用flex布局

     布局的传统解决方案，基于盒状模型...]]></description><category></category></item><item><title><![CDATA[什么是Axios]]></title><link>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120677489</link><guid>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120677489</guid><author>Coding_Peasant_Y</author><pubDate>Sat, 09 Oct 2021 19:13:45 +0800</pubDate><description><![CDATA[1、Axios是什么？

        Axios是一个基于promise的HTTP库，类似于jQuery的ajax，用于http请求。可以应用于浏览器端和node.js，既可以用于客户端，也可以用于node.js编写的服务端。

2、Axios特性

（1）支持Promise API

（2）拦截请求与响应，比如：在请求前添加授权和响应前做一些事情。

（3）转换请求数据和响应数据，比如：进行请求加密或者响应数据加密。

（4）取消请求

（5）自动转换JSON数据

（6）客户端支持...]]></description><category></category></item><item><title><![CDATA[什么是函数 它的作用 以及函数的分类]]></title><link>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120639960</link><guid>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120639960</guid><author>Coding_Peasant_Y</author><pubDate>Thu, 07 Oct 2021 19:45:26 +0800</pubDate><description><![CDATA[基本认识

 1.认识函数：function
      起源于数学，在编程中指具有一定功能的代码块，需要时直接使用即可
 2. 函数的作用
      提升软件开发效率
      提升软件的可维护性
      提高程序的重要性 特点：高内聚 弱偶合（降低代码的重复率 

函数的分类

   1.按设置方式分为：
       1.系统自带函数
            Typeof（） 、number（...]]></description><category></category></item><item><title><![CDATA[Parms和query的区别]]></title><link>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120638221</link><guid>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120638221</guid><author>Coding_Peasant_Y</author><pubDate>Thu, 07 Oct 2021 16:55:20 +0800</pubDate><description><![CDATA[Parms和query的区别

引入方式不同：query要使用path来引入，params要使用name来引入，接受参数格式类似，引用分别是this.$route.query.name和this.$route.params.name
	形成的路径不同（或者url地址显示不同）：
      使用query传参的话，会在浏览器的url栏看到传的参数类似于get请求，使用params传参的话则不会，类似于post请求。

       params传递后形成的路径：/route...]]></description><category></category></item><item><title><![CDATA[什么是symbol]]></title><link>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120628916</link><guid>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120628916</guid><author>Coding_Peasant_Y</author><pubDate>Wed, 06 Oct 2021 20:12:51 +0800</pubDate><description><![CDATA[symbol

ES6 引入Symbol的原因: 为了给对象的属性，提供独一无二的名字,它是一种原始数据类型， JavaScript 语言的第七种数据类型,表示独一无二的值，是一种类似于字符串的数据类型

Symbol函数可以接受一个字符串作为参数，表示对 Symbol 实例的描述，主要是为了在控制台显示，或者转为字符串时，比较容易区分。



Symbol的特点：

Symbol的值是唯一的，用来解决命名冲突的问题
	Symbol 值不能与其他类型的值进行运算，会报错。
	Symbol 定义的属性不可以使]]></description><category></category></item><item><title><![CDATA[set和map的区别]]></title><link>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120628898</link><guid>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120628898</guid><author>Coding_Peasant_Y</author><pubDate>Wed, 06 Oct 2021 20:11:13 +0800</pubDate><description><![CDATA[Set

Set 是es6 提供了新的数据结构。它类似于数组，但是成员的值都是唯一的，没有重复的值。


Set本身是一个构造函数，用来生成 Set 数据结构。


Set函数可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数，用来初始化。
注意：

向 Set 加入值的时候，不会发生类型转换，所以5和"5"是两个不同的值。在内部相当于使用全等进行判断，但是对于多个NaN，认为是相同的
	添加数组和对象认为是不同的，多个空对象或者空数组也是不相同的




实例方法和属性

属性:
]]></description><category></category></item><item><title><![CDATA[什么是async和await]]></title><link>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120619167</link><guid>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120619167</guid><author>Coding_Peasant_Y</author><pubDate>Tue, 05 Oct 2021 22:21:03 +0800</pubDate><description><![CDATA[async

async函数使我们能够编写基于promise的代码，就像它是同步的一样，但不会阻塞执行线程。通过事件循环异步运行，async函数将始终返回一个值。使用async简单地将返回一个promise，如果apromise没有返回，会自动将它包装在一个promise带有它的值的resolve中。

await

await运算符用于等待promise，它只能在async块内使用。关键字await使 JavaScript 等待直到promise返回结果。


...]]></description><category></category></item><item><title><![CDATA[什么是Es6以及里面部分知识点]]></title><link>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120598633</link><guid>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120598633</guid><author>Coding_Peasant_Y</author><pubDate>Sun, 03 Oct 2021 21:25:18 +0800</pubDate><description><![CDATA[目录



ECMAScript和JavaScript的关系：

Es6和ECMAScript2015的关系：

解构赋值

箭头函数

箭头函数的使用场合

ECMAScript和JavaScript的关系：

该标准从一开始就是针对JavaScript语言制定的，但是之所以不叫JavaScript，有两个原因。一是商标，Java是Sun公司的商标，根据授权协议，只有Netscape公司可以合法地使用JavaScript这个名字，且JavaScript本身也已经被Netscape公司注册为商标。二是想体现]]></description><category></category></item><item><title><![CDATA[vue中的data]]></title><link>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120598613</link><guid>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120598613</guid><author>Coding_Peasant_Y</author><pubDate>Sun, 03 Oct 2021 21:19:16 +0800</pubDate><description><![CDATA[Vue中的data

在new vue当中data可以是一个对象，
	在component当中data必须是一个函数，因为对象是引用类型，当组件复用时
修改了一个data的，其他地方的data也会跟着变化，使用一个函数返回一个对

象，每个组件都有返回对象的独立拷贝，组件之间就不会相互影响了
...]]></description><category></category></item><item><title><![CDATA[个人空间的编辑个人资料案例（简单介绍 仅供参考）]]></title><link>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120515456</link><guid>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120515456</guid><author>Coding_Peasant_Y</author><pubDate>Mon, 27 Sep 2021 23:05:23 +0800</pubDate><description><![CDATA[1.本次效果会用Element UI Vue脚手架来完成

2.看一下本次的效果展示图：

      

下面这张是保存后的状态本次主要说上图的效果

3.对用到的组件进行一个简单说明



补充：

上传图片的效果在项目中还有别的地方用所以要放到公共组件中方便复用

还有平时项目遇到有两个地方及以上都要用的就放到公共的文件夹方便区分复用

以上是对本次效果简单介绍下面来说如何实现

4.大家在个人空间中点击编辑个人资料肯定要跳转路由下面是跳转路由如何跳转及路由配置

4.1

...]]></description><category></category></item><item><title><![CDATA[vue常见面试题]]></title><link>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120449077</link><guid>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120449077</guid><author>Coding_Peasant_Y</author><pubDate>Fri, 24 Sep 2021 09:56:21 +0800</pubDate><description><![CDATA[Proxy和defineProperty的优缺点

说说你对 proxy 的理解
	vue的数据劫持有两个缺点:
无法监听通过索引修改数组的值的变化

无法监听object 也就是对象的值的变化
所以vue2.x中才会有$set 属性的存在
proxy是 es6中推出的新 api，可以弥补以上两个缺点，所以 vue3.x版本用 proxy 替换object.defineproperty。



Vue 的响应...]]></description><category></category></item><item><title><![CDATA[vue项目的登陆注册如何写]]></title><link>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120441305</link><guid>https://blog.youkuaiyun.com/Coding_Peasant_Y/article/details/120441305</guid><author>Coding_Peasant_Y</author><pubDate>Thu, 23 Sep 2021 19:37:02 +0800</pubDate><description><![CDATA[登陆注册全代码非常全面]]></description><category></category></item></channel></rss>