<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Meuan]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Meuan</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Meuan]]></copyright><item><title><![CDATA[MVC、MVP和MVVP的图示]]></title><link>https://blog.youkuaiyun.com/Meuan/article/details/105967803</link><guid>https://blog.youkuaiyun.com/Meuan/article/details/105967803</guid><author>Meuan</author><pubDate>Thu, 07 May 2020 16:35:46 +0800</pubDate><description><![CDATA[复杂的软件必须有清晰合理的架构，否则无法开发和维护。

MVC(Model-View-Controller)是最常见的软件架构之一，在行业内有着广泛的应用。衍生出了MVP和MVVM架构。

一、MVC
MVC模式的意思，其实就是把软件分为三个部分：


视图（View）：指的就是用户界面。
控制器（Controller）:指的就是业务逻辑。
模型（Model）:指的是数据保存。

三者之间的通信方...]]></description><category></category></item><item><title><![CDATA[React的生命周期]]></title><link>https://blog.youkuaiyun.com/Meuan/article/details/105084380</link><guid>https://blog.youkuaiyun.com/Meuan/article/details/105084380</guid><author>Meuan</author><pubDate>Tue, 24 Mar 2020 23:33:22 +0800</pubDate><description><![CDATA[挂载卸载过程：

constructor()
componentWillMount()
componentDidMount()
componentWillUnmount ()


更新过程：

componentWillReceiveProps (nextProps)
shouldComponentUpdate(nextProps,nextState)
componentWillUpdate (...]]></description><category></category></item><item><title><![CDATA[React基础知识及示例（三）]]></title><link>https://blog.youkuaiyun.com/Meuan/article/details/105021467</link><guid>https://blog.youkuaiyun.com/Meuan/article/details/105021467</guid><author>Meuan</author><pubDate>Sun, 22 Mar 2020 01:16:16 +0800</pubDate><description><![CDATA[React组件嵌套
react的嵌套不像vue那样会有全局和局部之分
react的嵌套关系就是谁在外边谁就是父组件（爸爸组件）
结合例子：
&lt;body&gt;
  &lt;div id="app"&gt;

  &lt;/div&gt;
&lt;script type="text/babel"&gt;
let Component = React.createClass({
  render(...]]></description><category></category></item><item><title><![CDATA[React基础知识及示例（二）]]></title><link>https://blog.youkuaiyun.com/Meuan/article/details/104979623</link><guid>https://blog.youkuaiyun.com/Meuan/article/details/104979623</guid><author>Meuan</author><pubDate>Thu, 19 Mar 2020 23:13:20 +0800</pubDate><description><![CDATA[事件绑定
使用bind之后默认参数会放到参数队列的最后方
&lt;body&gt;
  &lt;div id="app"&gt;

  &lt;/div&gt;
&lt;script type="text/babel"&gt;

let Component = React.createClass({
  getInitialState(){
    return{
    
    }
  },
...]]></description><category></category></item><item><title><![CDATA[React基础知识及示例（一）]]></title><link>https://blog.youkuaiyun.com/Meuan/article/details/104831111</link><guid>https://blog.youkuaiyun.com/Meuan/article/details/104831111</guid><author>Meuan</author><pubDate>Wed, 18 Mar 2020 00:02:07 +0800</pubDate><description><![CDATA[vue和react各有优缺点：
vue相比起来写起来比较方便，因为一些功能vue上已经规定好了，但是知识点会特别特别多
react的灵活性比较大，需要记得知识点也相对来说较少。
版本问题：
react的官网：react官网链接地址

注意：react官网上，英文官方文档和中文官方文档的版务本号是不同的。

中文：v16.12.0
英文：v16.12.0

注意：15版本和16版本是一个重要的分界线...]]></description><category></category></item><item><title><![CDATA[Vue的生命周期（个人笔记加举例注释）]]></title><link>https://blog.youkuaiyun.com/Meuan/article/details/104765843</link><guid>https://blog.youkuaiyun.com/Meuan/article/details/104765843</guid><author>Meuan</author><pubDate>Tue, 10 Mar 2020 00:57:55 +0800</pubDate><description><![CDATA[生命周期
4(指生命周期的四个阶段)     8(指每个阶段有两个钩子函数)     2(指缓存的钩子函数)       1(捕获错误的钩子函数)
vue(实例) 组件的一生和人的一生极其相似
vue生命周期四个阶段：

创建  创建虚拟dom
挂载  由虚拟dom 变成真实dom
更新  更新数据 -&gt; 更新dom元素
销毁  组件淘汰的时候，结束使命


生命周期图示地址
11个生命周期...]]></description><category></category></item><item><title><![CDATA[vue轮播图组件（与Swiper结合）]]></title><link>https://blog.youkuaiyun.com/Meuan/article/details/104743343</link><guid>https://blog.youkuaiyun.com/Meuan/article/details/104743343</guid><author>Meuan</author><pubDate>Sun, 08 Mar 2020 23:19:17 +0800</pubDate><description><![CDATA[vue轮播图组件
IOS10版本无法用Swiper3及以上版本
Swiper官网地址：Swiper官网
&lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;title&gt;Document&l...]]></description><category></category></item><item><title><![CDATA[Vue组件及其嵌套（笔记）]]></title><link>https://blog.youkuaiyun.com/Meuan/article/details/104706628</link><guid>https://blog.youkuaiyun.com/Meuan/article/details/104706628</guid><author>Meuan</author><pubDate>Fri, 06 Mar 2020 22:57:33 +0800</pubDate><description><![CDATA[自动聚焦的指令
Vue.directive(‘指令名’，配置项)
使用自定义指令的时候 v-指令名
inserted  被指令绑定的元素   插入到真实dom的时候自动执行
Vue.directive('xixi',{
  inserted(el,directive){
    console.log('元素插入',el,data)
    //el 被绑定的元素   directive 自定义指...]]></description><category></category></item><item><title><![CDATA[Vue初学者需要掌握的知识点及案例]]></title><link>https://blog.youkuaiyun.com/Meuan/article/details/104641620</link><guid>https://blog.youkuaiyun.com/Meuan/article/details/104641620</guid><author>Meuan</author><pubDate>Tue, 03 Mar 2020 21:15:50 +0800</pubDate><description><![CDATA[什么是Vue
前端框架的三大马车（按时间顺序）：

angular  谷歌公司   m(数据)v（视图）c（控制器）   双向数据绑定
react    facebook （非死不可） 视图层的框架view  虚拟dom
vue      尤玉溪  双向数据绑定+虚拟dom      是一套用于构建用户界面的渐进式框架
入门难度最低

为什么要学习Vue
高效

运行效率高 采用虚拟dom 减少真...]]></description><category></category></item><item><title><![CDATA[node环境下邮件发送]]></title><link>https://blog.youkuaiyun.com/Meuan/article/details/104341307</link><guid>https://blog.youkuaiyun.com/Meuan/article/details/104341307</guid><author>Meuan</author><pubDate>Sun, 16 Feb 2020 13:18:57 +0800</pubDate><description><![CDATA[【Node.js】关于邮件轰炸器的代码
单次发送邮件的代码：
/*
邮件轰炸器  每隔1s发送一条邮件
通过第三方模块发送邮件 nodemailer 在npm官网上下载
*/

//引入第三方模块  在终端安装nodemailer,最好与package.json文件同一目录下
const nodemailer = require("nodemailer");
//创建发送邮件对象 以QQ邮箱为例
...]]></description><category></category></item><item><title><![CDATA[在node环境中执行，打印一个目录树]]></title><link>https://blog.youkuaiyun.com/Meuan/article/details/104334618</link><guid>https://blog.youkuaiyun.com/Meuan/article/details/104334618</guid><author>Meuan</author><pubDate>Sat, 15 Feb 2020 21:25:43 +0800</pubDate><description><![CDATA[Node.js
	第一篇博客，网上借鉴了一下，留着备用吧！

初学node.js打印一个目录树（代码如下：）
//作业:
//  打印某一文件夹下的目录结构
//  a.找到目标文件
//  b.读取目标文件
//  c.如果是文件 打印文件名
//  d.如果是文件夹 还要再做一遍读取
//  e.递归
const fs = require('fs');
const path = require...]]></description><category></category></item></channel></rss>