<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Edasi的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Edasi</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Edasi]]></copyright><item><title><![CDATA[仿飞书背景蒙层+小眼睛效果]]></title><link>https://blog.youkuaiyun.com/Edasi/article/details/108667996</link><guid>https://blog.youkuaiyun.com/Edasi/article/details/108667996</guid><author>Edasi</author><pubDate>Fri, 18 Sep 2020 17:13:08 +0800</pubDate><description><![CDATA[点击进入飞书
由于我没有参照原这部分的方法只是自己想出来的所以归纳了以下分析
分析：
图片鼠标移入移出产生了几个效果
1.鼠标移入后产生背景蒙层
2.鼠标移入后产生产生小眼睛效果（由小变大）
3.鼠标移入后和移出后图片以下框子产生阴影效果(但图片部分没有阴影效果)
4.鼠标移入和移出有淡入淡出效果
问题点：
1.眼睛变大，淡入淡出效果
2.蒙层插在哪里？
3.鼠标移到上面的图片但是上面没有阴影反而下面产生阴影
如果轻松想出以上问题那么就出门左拐把~~

这是我完成后的效果
整体来说是一个很简单的过程
&..]]></description><category></category></item><item><title><![CDATA[React入门]]></title><link>https://blog.youkuaiyun.com/Edasi/article/details/108651374</link><guid>https://blog.youkuaiyun.com/Edasi/article/details/108651374</guid><author>Edasi</author><pubDate>Thu, 17 Sep 2020 20:54:05 +0800</pubDate><description><![CDATA[一、引入REACT
1.通过CDN直接引入react



依次加载的react核心API部分、添加至DOM的方法、


]]></description><category></category></item><item><title><![CDATA[js轮播图]]></title><link>https://blog.youkuaiyun.com/Edasi/article/details/108284599</link><guid>https://blog.youkuaiyun.com/Edasi/article/details/108284599</guid><author>Edasi</author><pubDate>Fri, 28 Aug 2020 18:09:41 +0800</pubDate><description><![CDATA[前几天准备看看轮播图的时候找到了这个版本的轮播图 这个代码逻辑十分清晰，也很简单
我对代码进行了一丢丢加工，可以根据插入图片数量的多少进行增加元素节点

&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt]]></description><category></category></item><item><title><![CDATA[js小知识点(一)]]></title><link>https://blog.youkuaiyun.com/Edasi/article/details/108283114</link><guid>https://blog.youkuaiyun.com/Edasi/article/details/108283114</guid><author>Edasi</author><pubDate>Fri, 28 Aug 2020 17:55:58 +0800</pubDate><description><![CDATA[数据的比较
在实战中经常会遇到数据之间的比较判断
所以我有时就会忘掉了原则，将引用值与引用值进行比较
原则上引用值是不能和引用值进行比较的


结果为false

结果为true
引用值会开辟一个新的空间 所以比较不会相等
而通过c.f和d.f比较的是基础值 所以相等

...]]></description><category></category></item><item><title><![CDATA[JS基础整理之数据类型]]></title><link>https://blog.youkuaiyun.com/Edasi/article/details/108095007</link><guid>https://blog.youkuaiyun.com/Edasi/article/details/108095007</guid><author>Edasi</author><pubDate>Wed, 19 Aug 2020 11:26:54 +0800</pubDate><description><![CDATA[JS的数据类型
在ES5的时候，我们认知的数据类型确实是 6种：Number、String、Boolean、undefined、object、Null。
ES6 中新增了一种 Symbol 。这种类型的对象永不相等，即始创建的时候传入相同的值，可以解决属性名冲突的问题，做为标记。
其中：
基本类型（单类型）：除Object。 String、Number、boolean、null、undefined。
引用类型：object。里面包含的 function、Array、Date。
数据类型的内存图
栈：是有结.]]></description><category></category></item><item><title><![CDATA[ES5新特性]]></title><link>https://blog.youkuaiyun.com/Edasi/article/details/108093338</link><guid>https://blog.youkuaiyun.com/Edasi/article/details/108093338</guid><author>Edasi</author><pubDate>Wed, 19 Aug 2020 10:24:13 +0800</pubDate><description><![CDATA[一、简介


ECMAScript 5.1 (或仅 ES5) 是ECMAScript(基于JavaScript的规范)标准最新修正。    与HTML5规范进程本质类似，ES5通过对现有JavaScript方法添加语句和原生ECMAScript对象做合并实现标准化。ES5还引入了一个语法的严格变种，被称为”严格模式(strict
mode)”。


二、浏览器支持

Opera 11.60
Internet Explorer 9*
//ie10才支持严格模式  可以用es5shim处理兼容问题
Firefo]]></description><category></category></item><item><title><![CDATA[关于vue-router的两种模式以及原理]]></title><link>https://blog.youkuaiyun.com/Edasi/article/details/107980498</link><guid>https://blog.youkuaiyun.com/Edasi/article/details/107980498</guid><author>Edasi</author><pubDate>Thu, 13 Aug 2020 15:46:21 +0800</pubDate><description><![CDATA[一、简介
众所周知vue-router 有两种模式
一种是hash模式   一种是history模式	
首先是hash模式

hash ——即地址栏URL中的#符号
比如这个URL：http://www.baidu.com/#/hello, hash 的值为#/hello。它的特点在于：hash 虽然出现URL中，但不会被包含在HTTP请求中，对后端完全没有影响，因此改变hash不会重新加载页面。
history ——利用了HTML5 History Interface 中新增的pushState() 和r]]></description><category></category></item><item><title><![CDATA[MVC，MVP，MVVM的区别]]></title><link>https://blog.youkuaiyun.com/Edasi/article/details/107973070</link><guid>https://blog.youkuaiyun.com/Edasi/article/details/107973070</guid><author>Edasi</author><pubDate>Thu, 13 Aug 2020 10:25:51 +0800</pubDate><description><![CDATA[看了很多版本的讲解让我越来越糊涂，最后总结还是阮一峰老师的比较生动容易理解
（不过我看了看 老师文章的评论下面也有很多跟我一样很多不同的看法）


MVC
很多框bai架都是以方便实现MVC模式而设计的，比du如Struts，spring。

在阮一峰老师的文章里看来 MVC是单向的 也就是我们可以通过视图对页面进行控制，当进行一些逻辑时通过控制器来将模型部分的数据改变
也就是这样
当然也可以是这样 直接通过控制器控制



MVP
关于MVP老师就讲得很通俗易懂了 这里我直接将老师讲的搬过来



MVV]]></description><category></category></item><item><title><![CDATA[vue篇 什么是vue]]></title><link>https://blog.youkuaiyun.com/Edasi/article/details/107971247</link><guid>https://blog.youkuaiyun.com/Edasi/article/details/107971247</guid><author>Edasi</author><pubDate>Thu, 13 Aug 2020 08:50:50 +0800</pubDate><description><![CDATA[一、什么vue
　　（一）vue渐进式JavaScript框架
　　（二）特点：数据进行驱动(mvvm)
　　（三）两大核心：虚拟DOM，双向绑定
(一)那么什么是渐进式框架呢
简单的来讲渐进式框架就是 你用什么就可以拿什么

在上面和张图里可以看到vue的一些核心功能，但是你同样不必引入所有的模块进行工作，
你可以只用v-model等一些简单的指令进行使用，vue不强求你一次性接受并使用它的全部功能特性
(二) 数据进行驱动(mvvm)
vue是如何用数据进行驱动的呢？

vuejs帮我们封装了数据和do]]></description><category></category></item><item><title><![CDATA[GIT指令]]></title><link>https://blog.youkuaiyun.com/Edasi/article/details/107904153</link><guid>https://blog.youkuaiyun.com/Edasi/article/details/107904153</guid><author>Edasi</author><pubDate>Mon, 10 Aug 2020 08:25:27 +0800</pubDate><description><![CDATA[检查git版本
git --version
查看git相关命令
git --help
查看当前的git配置信息
git config --list
查看git用户名
git config user.name
-查询⽬前git所使⽤的使⽤者名称
git config --global user.name 名称
注： --global 表示全局， 没有–global表示只设置在当前项目中的配置
查看git邮箱
git config user.email
-查询git所使⽤的email
git config --]]></description><category></category></item><item><title><![CDATA[注册框demo]]></title><link>https://blog.youkuaiyun.com/Edasi/article/details/107556737</link><guid>https://blog.youkuaiyun.com/Edasi/article/details/107556737</guid><author>Edasi</author><pubDate>Fri, 24 Jul 2020 11:32:37 +0800</pubDate><description><![CDATA[之前感觉自己js部分的代码练习太少了  前段时间恶补了一下 后面还有一些demo

HTML部分
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&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;注册demo&lt;/title&]]></description><category></category></item><item><title><![CDATA[webpack完整配置]]></title><link>https://blog.youkuaiyun.com/Edasi/article/details/107556124</link><guid>https://blog.youkuaiyun.com/Edasi/article/details/107556124</guid><author>Edasi</author><pubDate>Fri, 24 Jul 2020 11:02:49 +0800</pubDate><description><![CDATA[这里简单学习了一下webpack的配置

首先是webpack.development.js
const path=require('path');
const StyleLintPlugin=require('stylelint-webpack-plugin');
const HtmlWebpackPlugin=require('html-webpack-plugin');

module.exports={
  mode: 'development',
  output: {
    filename:]]></description><category></category></item><item><title><![CDATA[H5美团小demo]]></title><link>https://blog.youkuaiyun.com/Edasi/article/details/107555806</link><guid>https://blog.youkuaiyun.com/Edasi/article/details/107555806</guid><author>Edasi</author><pubDate>Fri, 24 Jul 2020 10:46:48 +0800</pubDate><description><![CDATA[没有实现具体的功能 主要是学习了一下灵活布局
代码奉上
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&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;美团网&lt;/title&gt;
    &lt;link rel="s.]]></description><category></category></item><item><title><![CDATA[MySQL忘记密码重置方法]]></title><link>https://blog.youkuaiyun.com/Edasi/article/details/105945649</link><guid>https://blog.youkuaiyun.com/Edasi/article/details/105945649</guid><author>Edasi</author><pubDate>Wed, 06 May 2020 10:39:58 +0800</pubDate><description><![CDATA[在学习node要使用mysql的时候因为太久没用忘了mysql的配置导致密码整忘记了
结果在网上搜索了很久如何把密码找回 都没有成功 终于在网上找到了一篇可以拯救我的文章
首先一定要知道你的mysql是什么版本的
mysql是最近在官网下载的一般就是8.0的
老版本的就是5.7的
MySQL  8.0.15忘记密码重置方法
1.打开命令窗口cmd，输入命令：net stop mysql，停止MyS...]]></description><category></category></item><item><title><![CDATA[ajax+node前后端交互实战（含详细代码以及注释）]]></title><link>https://blog.youkuaiyun.com/Edasi/article/details/105938501</link><guid>https://blog.youkuaiyun.com/Edasi/article/details/105938501</guid><author>Edasi</author><pubDate>Tue, 05 May 2020 21:25:03 +0800</pubDate><description><![CDATA[先看看完成后效果

点击登录后进入登录页面

账号错误或者无账号点击注册 图为登录成功后页面

注册页面

点击修改或保存后出现编辑页面

这里是数据库里的两张表

上面一张是后台管理表 下面一张是登录的账号和密码信息

添加了cookie防止直接进入
这里是主要文件
包括一些文件作用的描述
ajax封装代码
/**
 *如果是默认参数 就可以不传
 * @param method 请求的方法
 ...]]></description><category></category></item><item><title><![CDATA[HTTP服务器 ---学习笔记（3）]]></title><link>https://blog.youkuaiyun.com/Edasi/article/details/105930133</link><guid>https://blog.youkuaiyun.com/Edasi/article/details/105930133</guid><author>Edasi</author><pubDate>Tue, 05 May 2020 15:05:44 +0800</pubDate><description><![CDATA[HTTP前置知识
1	什么是url？
统⼀资源定位符是对可以从互联⽹上得到的资源的位置和访问⽅法的⼀种简洁的表示，是互联⽹上标 准资源的地址。互联⽹上的每个⽂件都有⼀个唯⼀的URL，它包含的信息指出⽂件的位置以及浏览器 应该怎么处理它
2	url包含的内容（这里需要重点理解）
url的形式是这样的：	http://nodeing.com/cloud/search?q=html	其中，http://...]]></description><category></category></item><item><title><![CDATA[什么是NPM---学习笔记（2）]]></title><link>https://blog.youkuaiyun.com/Edasi/article/details/105929970</link><guid>https://blog.youkuaiyun.com/Edasi/article/details/105929970</guid><author>Edasi</author><pubDate>Tue, 05 May 2020 11:36:33 +0800</pubDate><description><![CDATA[什么是NPM
NPM的全称是Node	Package	Manager，是⼀个NodeJS包管理和分发⼯具，这⾥要搞清楚包的概念， 通俗的说，包就是具有⼀定功能的⼯具(软件)，本质上呢这些包就是很多⽂件的集合，例如下图就是⼀ 个包：

使用NPM
1	初始化项⽬
npm	init
（这条命令运⾏后，会在项⽬⽂件夹下⽣成⼀个package.json的⽂件，记录⼀些关于项⽬的信息,如果加 上	-y	参数...]]></description><category></category></item><item><title><![CDATA[ajax+node前后端交互学习笔记（1）]]></title><link>https://blog.youkuaiyun.com/Edasi/article/details/105929800</link><guid>https://blog.youkuaiyun.com/Edasi/article/details/105929800</guid><author>Edasi</author><pubDate>Tue, 05 May 2020 11:29:57 +0800</pubDate><description><![CDATA[大致理解前后端交互的概念
当你去餐馆吃饭的时候，坐下后服务员会带着⼀个菜单过来，问你需要点什么菜，这个时候你浏览了 菜单上的菜，把想吃的菜告诉服务员，服务员把你点的菜拿到后台，后台根据你点的菜名，逐⼀完 成，菜做完后叫服务员给你上菜，就这么⼀个场景其实和我们web开发中的前后台交互竟是如此相 似，我们来看看哪些点是相似的：
1	菜单—浏览器⻚⾯，	你看到的菜单如果在web开发中，就相当于⽤户看到的...]]></description><category></category></item><item><title><![CDATA[GET和POST的区别]]></title><link>https://blog.youkuaiyun.com/Edasi/article/details/105675562</link><guid>https://blog.youkuaiyun.com/Edasi/article/details/105675562</guid><author>Edasi</author><pubDate>Wed, 22 Apr 2020 10:16:39 +0800</pubDate><description><![CDATA[一、前言：
HTTP定义了与服务器交互的不同方法，最常用的方法有四种Put，Delete、post，get，即增删改查。
1.Get，它用于获取信息，它只是获取、查询数据，也就是说它不会修改服务器上的数据，从这点来讲，它是数据安全的，而稍后会提到的Post它是可以修改数据的，所以这也是两者差别之一了。
2.Post，它是可以向服务器发送修改请求，从而修改服务器的，比方说，我们要在论坛上回贴、在博客...]]></description><category></category></item><item><title><![CDATA[XMLHttpRequest初体验]]></title><link>https://blog.youkuaiyun.com/Edasi/article/details/105674882</link><guid>https://blog.youkuaiyun.com/Edasi/article/details/105674882</guid><author>Edasi</author><pubDate>Wed, 22 Apr 2020 10:12:43 +0800</pubDate><description><![CDATA[谈到ajax就不得不谈到 XMLHttpRequest
因为XMLHttpRequest 是 AJAX 的基础
作用:
XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
创建XMLHttpRequest对象：
try {
    xhr = new XMLHttpRequest();			//新版本浏览器
} catch ...]]></description><category></category></item></channel></rss>