<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[miracle5220的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/miracle5220</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; miracle5220]]></copyright><item><title><![CDATA[闭包的使用]]></title><link>https://blog.youkuaiyun.com/miracle5220/article/details/135067942</link><guid>https://blog.youkuaiyun.com/miracle5220/article/details/135067942</guid><author>miracle5220</author><pubDate>Mon, 18 Dec 2023 17:34:39 +0800</pubDate><description><![CDATA[【代码】闭包的使用。]]></description><category></category></item><item><title><![CDATA[React脚手架]]></title><link>https://blog.youkuaiyun.com/miracle5220/article/details/127000540</link><guid>https://blog.youkuaiyun.com/miracle5220/article/details/127000540</guid><author>miracle5220</author><pubDate>Tue, 04 Jul 2023 20:56:17 +0800</pubDate><description><![CDATA[父子组件兄弟组件（非嵌套组件）祖孙组件（跨级组件）1.props：2.消息订阅-发布：pubs-sub、event等等3.集中式管理：redux、dva等等4.conText:生产者-消费者模式父子组件：props兄弟组件：消息订阅-发布、集中式管理祖孙组件(跨级组件)：消息订阅-发布、集中式管理、conText(开发用的少，封装插件用的多)]]></description><category></category></item><item><title><![CDATA[React基础]]></title><link>https://blog.youkuaiyun.com/miracle5220/article/details/126414305</link><guid>https://blog.youkuaiyun.com/miracle5220/article/details/126414305</guid><author>miracle5220</author><pubDate>Thu, 29 Sep 2022 14:57:22 +0800</pubDate><description><![CDATA[React基础]]></description><category></category></item><item><title><![CDATA[分页组件、上传组件、文件分片]]></title><link>https://blog.youkuaiyun.com/miracle5220/article/details/126473813</link><guid>https://blog.youkuaiyun.com/miracle5220/article/details/126473813</guid><author>miracle5220</author><pubDate>Mon, 22 Aug 2022 21:27:52 +0800</pubDate><description><![CDATA[分页组件、上传组件、文件分片]]></description><category></category></item><item><title><![CDATA[b站尚品汇学习笔记]]></title><link>https://blog.youkuaiyun.com/miracle5220/article/details/124025199</link><guid>https://blog.youkuaiyun.com/miracle5220/article/details/124025199</guid><author>miracle5220</author><pubDate>Fri, 13 May 2022 21:28:47 +0800</pubDate><description><![CDATA[组件显示与隐藏
法1.可以根据组件身上的$route获取当前路由信息，通过路由路径判断组件显示与隐藏。
法2.给路由添加路由原信息【meta】（一般都用这个）
//router里 index.js
{
    path: '/search',
    component: Search,
    meta: {show: true}
  },
  {
    path: '/login',
    component: Login,
    meta: {show: false}
  }
  
//APP.]]></description><category></category></item><item><title><![CDATA[2020 零基础到快速开发 Vue全家桶开发电商管理系统（十）]]></title><link>https://blog.youkuaiyun.com/miracle5220/article/details/110798364</link><guid>https://blog.youkuaiyun.com/miracle5220/article/details/110798364</guid><author>miracle5220</author><pubDate>Mon, 07 Dec 2020 17:03:13 +0800</pubDate><description><![CDATA[项目优化与部署上线(优化)
项目优化
项目优化的策略

生成打包报告
第三方库启用CDN
Element UI组件按需加载
路由懒加载
首页内容定制

1 优化——通过nprogress添加进度条效果
npm install --save nprogress

在main.js进行导入与配置

// 导入 NProgress 包对应的JS和CSS
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
import axios f]]></description><category></category></item><item><title><![CDATA[2020 零基础到快速开发 Vue全家桶开发电商管理系统（九）]]></title><link>https://blog.youkuaiyun.com/miracle5220/article/details/110763176</link><guid>https://blog.youkuaiyun.com/miracle5220/article/details/110763176</guid><author>miracle5220</author><pubDate>Mon, 07 Dec 2020 00:30:40 +0800</pubDate><description><![CDATA[数据统计篇
数据统计
创建分支
git checkout -b report
git push -u origin report

1 通过路由加载数据报表组件
//components下建 report 文件夹,下建Report.vue

//index.js(router)
import Report from '@/components/report/Report'
{ path: '/reports', component: Report }

2 安装Echarts并渲染Demo表图
3 获取折线]]></description><category></category></item><item><title><![CDATA[2020 零基础到快速开发 Vue全家桶开发电商管理系统（八）]]></title><link>https://blog.youkuaiyun.com/miracle5220/article/details/110749227</link><guid>https://blog.youkuaiyun.com/miracle5220/article/details/110749227</guid><author>miracle5220</author><pubDate>Sun, 06 Dec 2020 20:44:39 +0800</pubDate><description><![CDATA[订单管理篇
订单管理
创建分支
git checkout -b order
git push -u origin order

1 通过路由渲染订单列表页面
//components下建 order文件夹,下建Order.vue

//index.js(router)
import Order from '@/components/order/Order'
{ path: '/orders', component: Order }

2 根据分页获取订单数据列表
3 渲染订单table表格
4 实现分页功能]]></description><category></category></item><item><title><![CDATA[2020 零基础到快速开发 Vue全家桶开发电商管理系统（七）]]></title><link>https://blog.youkuaiyun.com/miracle5220/article/details/110704544</link><guid>https://blog.youkuaiyun.com/miracle5220/article/details/110704544</guid><author>miracle5220</author><pubDate>Sun, 06 Dec 2020 18:04:38 +0800</pubDate><description><![CDATA[商品列表篇
商品列表
创建分支
git checkout -b goods_list
git push -u origin goods_list

1 通过路由加载商品列表组件
//goods下建List.vue

//index.js(router)
import List from '@/components/goods/List'
{ path: '/goods', component: List }

2 渲染商品列表数据
    &lt;!-- 面包屑导航区 --&gt;
    &lt;el-b]]></description><category></category></item><item><title><![CDATA[2020 零基础到快速开发 Vue全家桶开发电商管理系统（六）]]></title><link>https://blog.youkuaiyun.com/miracle5220/article/details/110674900</link><guid>https://blog.youkuaiyun.com/miracle5220/article/details/110674900</guid><author>miracle5220</author><pubDate>Sat, 05 Dec 2020 17:43:25 +0800</pubDate><description><![CDATA[分类参数篇
创建分支
git checkout -b goods_params
git push -u origin goods_params

1 通过路由加载分类参数组件页面
//goods下建Params.vue

//index.js(router)
import Params from '../components/goods/Params'
{ path: '/params', component: Params }

2 渲染分类参数页面的基本UI结构
//Params.vue
//&lt;!]]></description><category></category></item><item><title><![CDATA[消息队列 （RabbitMQ基础）]]></title><link>https://blog.youkuaiyun.com/miracle5220/article/details/110532739</link><guid>https://blog.youkuaiyun.com/miracle5220/article/details/110532739</guid><author>miracle5220</author><pubDate>Fri, 04 Dec 2020 22:09:32 +0800</pubDate><description><![CDATA[消息队列需求场景
与服务之间的通信方式有两种：同步调用 和 异步消息调用
同步调用：远程过程调用，REST和RPC
异步消息调用：消息队列
消息队列概念
MQ全称为Message Queue,消息队列（MQ）是一种应用程序对应用程序的通信方法。应用程序通过读写出入队列的消息（针对应用程序的数据）来通信，而无需专用连接来链接它们。
消息传递指的是程序之间通过在消息中发送数据进行通信，而不是通过直接调用彼此来通信，直接调用通常是用于诸如远程过程调用的技术。排队指的是应用程序通过队列来通信。队列的使用除去了接收和]]></description><category></category></item><item><title><![CDATA[2020 零基础到快速开发 Vue全家桶开发电商管理系统（五）]]></title><link>https://blog.youkuaiyun.com/miracle5220/article/details/110470852</link><guid>https://blog.youkuaiyun.com/miracle5220/article/details/110470852</guid><author>miracle5220</author><pubDate>Wed, 02 Dec 2020 22:26:10 +0800</pubDate><description><![CDATA[商品分类篇
商品分类
新建分支
git branch  # (master)
git checkout -b goods_cate
git branch  # (goods_cate)
git push -u origin goods_cate

1 通过路由加载商品分类组件
//components文件夹下新建 goods 文件夹,下建 Cate.vue

//index.js(router)
import Cate from '../components/goods/Cate'
{ path: '/ca]]></description><category></category></item><item><title><![CDATA[2020 零基础到快速开发 Vue全家桶开发电商管理系统（四）]]></title><link>https://blog.youkuaiyun.com/miracle5220/article/details/110408348</link><guid>https://blog.youkuaiyun.com/miracle5220/article/details/110408348</guid><author>miracle5220</author><pubDate>Wed, 02 Dec 2020 00:28:09 +0800</pubDate><description><![CDATA[权限列表
权限列表
创建新分支 rights 并push到远程仓库
1 通过路由展示权限列表组件
components下建power文件夹，下建 Rights.vue

//index.js(router)
import Rights from '../components/power/Rights';
{ path: '/rights', component: Rights }   //home 的 children

2 绘制面包屑和卡片视图
 &lt;!-- 面包屑导航区 --&gt;
    &lt]]></description><category></category></item><item><title><![CDATA[2020 零基础到快速开发 Vue全家桶开发电商管理系统（三）]]></title><link>https://blog.youkuaiyun.com/miracle5220/article/details/110352265</link><guid>https://blog.youkuaiyun.com/miracle5220/article/details/110352265</guid><author>miracle5220</author><pubDate>Mon, 30 Nov 2020 17:01:41 +0800</pubDate><description><![CDATA[1

]]></description><category></category></item><item><title><![CDATA[2020 零基础到快速开发 Vue全家桶开发电商管理系统（二）]]></title><link>https://blog.youkuaiyun.com/miracle5220/article/details/110312405</link><guid>https://blog.youkuaiyun.com/miracle5220/article/details/110312405</guid><author>miracle5220</author><pubDate>Sun, 29 Nov 2020 18:09:27 +0800</pubDate><description><![CDATA[主页布局
主页布局
3.1 实现基本的主页布局

//Home.vue
&lt;template&gt;
  &lt;el-container class="home_container"&gt;
    &lt;!-- 头部区 --&gt;
    &lt;el-header&gt;Header  &lt;el-button type="info" @click="logout"&gt;退出&lt;/el-button&gt;&lt;/el-header&gt;
    &lt;!--  页面主题区--&]]></description><category></category></item><item><title><![CDATA[2020 零基础到快速开发 Vue全家桶开发电商管理系统（一）]]></title><link>https://blog.youkuaiyun.com/miracle5220/article/details/110092529</link><guid>https://blog.youkuaiyun.com/miracle5220/article/details/110092529</guid><author>miracle5220</author><pubDate>Sun, 29 Nov 2020 14:33:59 +0800</pubDate><description><![CDATA[项目概述篇
项目概述
1 电商项目基本业务概述
根据不同的应用场景，电商系统一般都提供了PC端、移动APP、移动Web、微信小程序等多种终端访问方式，我们主要是做关于PC后台管理方面

2 电商后台管理系统的功能
电商后台管理系统用于管理用户账号、商品分类、商品信息、订单、数据统计等业务功能

3 电商后台管理系统的开发模式（前后端分离）
电商后台管理系统整体采用前后端分离的开发模式，其中前端项目是基于Vue技术栈的SPA项目。

4 电商后台管理系统的技术选型
① 前端项目技术栈：
Vue
Vue-rou]]></description><category></category></item><item><title><![CDATA[Springboot的层级理解]]></title><link>https://blog.youkuaiyun.com/miracle5220/article/details/109757296</link><guid>https://blog.youkuaiyun.com/miracle5220/article/details/109757296</guid><author>miracle5220</author><pubDate>Thu, 26 Nov 2020 22:46:16 +0800</pubDate><description><![CDATA[Springboot的 entity，dao，service，controller层级理解（从最底层向上的顺序）



]]></description><category></category></item><item><title><![CDATA[SpringBoot基础]]></title><link>https://blog.youkuaiyun.com/miracle5220/article/details/109853796</link><guid>https://blog.youkuaiyun.com/miracle5220/article/details/109853796</guid><author>miracle5220</author><pubDate>Tue, 24 Nov 2020 18:34:40 +0800</pubDate><description><![CDATA[SpringBoot快速入门
1 代码实现
1.1 创建Maven工程




1.2 添加SpringBoot的起步依赖
pom.xml
&lt;!--所有的springboot工程都必须继承spring-boot-starter-parent--&gt;
&lt;parent&gt;
&lt;groupId&gt;org.springframework.boot&lt;/groupId&gt;
&lt;artifactId&gt;spring-boot-starter-parent&lt;/artifa]]></description><category></category></item><item><title><![CDATA[JAVA4]]></title><link>https://blog.youkuaiyun.com/miracle5220/article/details/109687244</link><guid>https://blog.youkuaiyun.com/miracle5220/article/details/109687244</guid><author>miracle5220</author><pubDate>Sat, 14 Nov 2020 20:27:00 +0800</pubDate><description><![CDATA[Java常用工具_IO流
异常概述
即非正常情况，通俗地说，异常就是程序出现的错误
异常的分类（Throwable）
异常（Exception）
合理的应用程序可能需要捕获的问题 举例：NullPointerException
错误（Error）
合理的应用程序不应该试图捕获的问题 举例：StackOverFlowError

异常的处理方式

异常的处理方式
JVM默认的异常处理方式：在控制台打印错误信息，并终止程序
开发中异常的处理方式
try…catch（finally）：捕获，自己处理
try {
]]></description><category></category></item><item><title><![CDATA[JAVA3]]></title><link>https://blog.youkuaiyun.com/miracle5220/article/details/109661065</link><guid>https://blog.youkuaiyun.com/miracle5220/article/details/109661065</guid><author>miracle5220</author><pubDate>Sat, 14 Nov 2020 09:19:49 +0800</pubDate><description><![CDATA[Java常用工具_API
API简介
(浏览器搜 java api 11)
Application Programming Interface，应用程序编程接口，这里指的是API文档，通常叫“Java文档”，是Java中提供
的类的使用说明书。Java中的类和方法几乎全部都添加了文档注释（/* 文档注释内容 */），这些文档注释就被Java
的命令（javadoc.exe，在JDK安装的bin目录下）编译成了Java文档，即API。
发挥面向对象思想，找到Java提供的对象来实现功能，学习API文档就是学习]]></description><category></category></item></channel></rss>