<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Maybe__row的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Maybe__row</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Maybe__row]]></copyright><item><title><![CDATA[Http的缓存机制?和Https有哪些区别?]]></title><link>https://blog.youkuaiyun.com/Maybe__row/article/details/125869473</link><guid>https://blog.youkuaiyun.com/Maybe__row/article/details/125869473</guid><author>Maybe__row</author><pubDate>Tue, 19 Jul 2022 12:34:57 +0800</pubDate><description><![CDATA[Http和https有哪些区别？]]></description><category></category></item><item><title><![CDATA[了解vue中的v-model,通俗易懂!]]></title><link>https://blog.youkuaiyun.com/Maybe__row/article/details/125115746</link><guid>https://blog.youkuaiyun.com/Maybe__row/article/details/125115746</guid><author>Maybe__row</author><pubDate>Fri, 03 Jun 2022 21:09:19 +0800</pubDate><description><![CDATA[v-model是什么?
v-model 就是 vue 的双向绑定的指令，能将页面上控件输入的值同步更新到相关绑定的data属性，也会在更新data绑定属性时候，更新页面上输入控件的值。]]></description><category></category></item><item><title><![CDATA[常见的业务状态码]]></title><link>https://blog.youkuaiyun.com/Maybe__row/article/details/124912727</link><guid>https://blog.youkuaiyun.com/Maybe__row/article/details/124912727</guid><author>Maybe__row</author><pubDate>Sun, 22 May 2022 16:47:25 +0800</pubDate><description><![CDATA[1xx（临时响应）
表示临时响应并需要请求者继续执行操作的状态码。

100（继续） 请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。
101（切换协议） 请求者已要求服务器切换协议，服务器已确认并准备切换。

2xx （成功）
表示成功处理了请求的状态码。

200（成功） 服务器已成功处理了请求。通常，这表示服务器提供了请求的网页。如果是对您的 robots.txt 文件显示此状态码，则表示 Googlebot 已成功检索到该文件。
201（已创建） 请求成功并且服务]]></description><category></category></item><item><title><![CDATA[typeof和instanceof的区别]]></title><link>https://blog.youkuaiyun.com/Maybe__row/article/details/124761618</link><guid>https://blog.youkuaiyun.com/Maybe__row/article/details/124761618</guid><author>Maybe__row</author><pubDate>Fri, 13 May 2022 23:05:56 +0800</pubDate><description><![CDATA[typeof
用于判断数据类型，返回值有number、string、boolean、function、undefined、object 六个。


&lt;script&gt;
         
        let a = [1, 2, 3, 4, 5];
        let b = 1;
        let c = "weaface";
        let d = false;
        let f = null;
        let e = new Date();
     ]]></description><category></category></item><item><title><![CDATA[什么是重绘和回流?]]></title><link>https://blog.youkuaiyun.com/Maybe__row/article/details/124722287</link><guid>https://blog.youkuaiyun.com/Maybe__row/article/details/124722287</guid><author>Maybe__row</author><pubDate>Thu, 12 May 2022 00:15:30 +0800</pubDate><description><![CDATA[重绘: 当渲染树中的一些元素需要更新属性，而这些属性只是影响元素的外观、风格，而不会影响布局的操作，比如 background-color，我们将这样的操作称为重绘。

回流：当渲染树中的一部分（或全部）因为元素的规模尺寸、布局、隐藏等改变而需要重新构建的操作，会影响到布局的操作，这样的操作我们称为回流。

常见引起回流属性和方法：

任何会改变元素几何信息（元素的位置和尺寸大小）的操作，都会触发回流。

（1）添加或者删除可见的 DOM 元素；
（2）元素尺寸改变——边距、填充、边框、宽度和高度
（3）内]]></description><category></category></item><item><title><![CDATA[vue插槽的理解和使用-默认插槽-具名插槽-作用域插槽]]></title><link>https://blog.youkuaiyun.com/Maybe__row/article/details/124675957</link><guid>https://blog.youkuaiyun.com/Maybe__row/article/details/124675957</guid><author>Maybe__row</author><pubDate>Mon, 09 May 2022 22:08:05 +0800</pubDate><description><![CDATA[一、什么是插槽?

插槽就是子组件中的提供给父组件使用的一个占位符，用&lt;slot&gt;&lt;/slot&gt; 表示，父组件可以在这个占位符中填充任何模板代码，填充的内容会替换子组件的&lt;slot&gt;&lt;/slot&gt;标签。

下面大家可以看一下代码了解  ====&gt;默认插槽

子组件代码如下 :



父组件代码如下 :





最后看下渲染的效果 :



我们可以看到的是填充的内容会替换子组件的&lt;slot&gt;&lt;/slot&gt;标签里面的内容.
...]]></description><category></category></item><item><title><![CDATA[一篇文章了解vue单向数据流]]></title><link>https://blog.youkuaiyun.com/Maybe__row/article/details/124640980</link><guid>https://blog.youkuaiyun.com/Maybe__row/article/details/124640980</guid><author>Maybe__row</author><pubDate>Sat, 07 May 2022 22:57:53 +0800</pubDate><description><![CDATA[单向数据流就是 : 组件之间的数据传递具有单向数据流这样的特性。

下面看示例代码:

下面子组件的名称是MySon.vue , 父组件的名称是Father.vue.

在父组件里面使用动态绑定,把return的值存储在自己定义的属性里面

父组件代码:





子组件代码:

然后子组件通过props的语法格式,来获取到父元素传过来的值.







看渲染后的效果:

当我点击button时,执行fn函数里面函数体代码,所以我们可以看到控制台里面会打印数组里面下边3的元素.





注意点:
在.]]></description><category></category></item><item><title><![CDATA[什么是vue监听器---立即执行]]></title><link>https://blog.youkuaiyun.com/Maybe__row/article/details/124619176</link><guid>https://blog.youkuaiyun.com/Maybe__row/article/details/124619176</guid><author>Maybe__row</author><pubDate>Fri, 06 May 2022 21:53:23 +0800</pubDate><description><![CDATA[什么是监听器?

就是watch 侦听器允许开发者监视数据的变化，从而针对数据的变化做特定的操作。

语法:


 watch: {
     "被监听的属性名" (newVal, oldVal){
         
     }
 }

可以看一下下面的例子:



上面是初始状态,name的值是小明,没有发生任何变化,所以watch这时也没有触发,当我在input输入框输入内容时,此时我们可以看控制台,可以看到最新的值. 函数中的newVal , oldVal一个是查看新值,一个是查看旧值,下面咱们可]]></description><category></category></item><item><title><![CDATA[什么是MVVM设计模型]]></title><link>https://blog.youkuaiyun.com/Maybe__row/article/details/124571735</link><guid>https://blog.youkuaiyun.com/Maybe__row/article/details/124571735</guid><author>Maybe__row</author><pubDate>Wed, 04 May 2022 15:38:17 +0800</pubDate><description><![CDATA[相当于数据驱动视图,我们可以先看下数据驱动视图演示:



MVVM详解

模式说明：MVVM = Model + View + ViewModel

1. MVVM，一种软件架构模式，决定了写代码的思想和层次

● M：  model数据模型      (data里定义)
● V：  view视图          （template里定义html页面结构）
● VM： ViewModel视图模型  (vue组件实例this)

2 . MVVM通过数据双向绑定让数据...]]></description><category></category></item><item><title><![CDATA[安装vue-cli脚手架,使用vue-cli创建项目]]></title><link>https://blog.youkuaiyun.com/Maybe__row/article/details/124563431</link><guid>https://blog.youkuaiyun.com/Maybe__row/article/details/124563431</guid><author>Maybe__row</author><pubDate>Tue, 03 May 2022 22:57:29 +0800</pubDate><description><![CDATA[步骤:

1 . 全局安装命令

npm install -g @vue/cli

注意: 如果半天没动静(95%都是网速问题), 可以ctrl + c 停止安装，换一个网络环境来继续重新安装

2 . 检查是否安装成功

在任意小黑窗中 : vue --version ---如果可以看到版本号，就表示安装成功了。

vue-cli 创建项目

1. 创建项目

创建项目的命令,文件名可以根据自己的来命名


# vue和create是命令, vuecli-demo是文件夹名
vue create vuec]]></description><category></category></item><item><title><![CDATA[了解webpack静态模块打包器]]></title><link>https://blog.youkuaiyun.com/Maybe__row/article/details/124547841</link><guid>https://blog.youkuaiyun.com/Maybe__row/article/details/124547841</guid><author>Maybe__row</author><pubDate>Mon, 02 May 2022 22:46:45 +0800</pubDate><description><![CDATA[什么是webpack：

现代 javascript 应用程序的 静态模块打包器 (module bundler)

静态: 文件资源
	模块: node环境, 引入文件, 遵守模块化语法
	
	除了合并代码, 还可以翻译和压缩代码
	
操作顺序：

安装node
	用npm init 初始化项目(如果已经有package.json，则跳过这一步)
	在当前项目中安装并使用webpack
下面可以看一个简单的案例来使用webpack

示例项目：


项目名
├── index.html
├── index]]></description><category></category></item><item><title><![CDATA[Promise的三种状态]]></title><link>https://blog.youkuaiyun.com/Maybe__row/article/details/124534729</link><guid>https://blog.youkuaiyun.com/Maybe__row/article/details/124534729</guid><author>Maybe__row</author><pubDate>Sun, 01 May 2022 23:47:10 +0800</pubDate><description><![CDATA[1 . 初始态pending

pending。它的意思是 "待定的，将发生的"，相当于是一个初始状态。创建Promise对象时，且没有调用resolve或者是reject方法，相当于是初始状态。这个初始状态会随着你调用resolve，或者是reject函数而切换到另一种状态。



这个初始状态可以理解为你对别人说出承诺的那个瞬间，此时，大家都不知道这个承诺是否能兑现。

2 . 成功态resolved--也叫fulfilled

resolved。表示解决了，就是说这个承诺实现了。 要实现从...]]></description><category></category></item><item><title><![CDATA[使用nodemon出现的错误及解决方法]]></title><link>https://blog.youkuaiyun.com/Maybe__row/article/details/124529294</link><guid>https://blog.youkuaiyun.com/Maybe__row/article/details/124529294</guid><author>Maybe__row</author><pubDate>Sun, 01 May 2022 17:26:55 +0800</pubDate><description><![CDATA[nodemon的作用

就是在命令中,使用nodemon可以代替node,它的好处在于会自动监听server.js这个文件的变化，如果变化了，就会重新自动再去运行。

在我们使用的过程中会出现这样的错误:



解决方法:

1:首先 window + r ，输入powershell也可以cmd



2 : 然后再命令栏输入set-ExecutionPolicy RemoteSigned;

 随后就会出现下面的错误,那么就在出现的选项中,输入A 回车

3 : 我们在命令行输入命令 ---...]]></description><category></category></item><item><title><![CDATA[什么是跨域 , 跨域问题如何解决?]]></title><link>https://blog.youkuaiyun.com/Maybe__row/article/details/124503247</link><guid>https://blog.youkuaiyun.com/Maybe__row/article/details/124503247</guid><author>Maybe__row</author><pubDate>Fri, 29 Apr 2022 20:56:50 +0800</pubDate><description><![CDATA[跨域问题是我们前端开发中经常会遇到的问题,遇到这样的问题,我们如何解决呢?





主要内容

错误原因分析
	用CORS来解决




一、错误原因分析

1.get接口



2.点击按钮ajax发送请求

 



3.当我们在小黑窗启动接口,点击按钮ajax发送请求时,就会报错,下图就是跨域错误



4.什么原因导致了浏览器报跨域错误呢?

(1)先认识下什么是跨域错误?

域错误就是:不同源的ajax请求====&gt; 报跨域的错误,简单来说就是发起ajax请求的那个页面的地址 和 a...]]></description><category></category></item><item><title><![CDATA[什么是请求报文和响应报文?]]></title><link>https://blog.youkuaiyun.com/Maybe__row/article/details/124485014</link><guid>https://blog.youkuaiyun.com/Maybe__row/article/details/124485014</guid><author>Maybe__row</author><pubDate>Thu, 28 Apr 2022 22:36:40 +0800</pubDate><description><![CDATA[在了解请求报文和响应报文之前,咱们先了解下什么是HTTP协议?

http协议: 网络传输协议 协议:规定网络数据传输格式   ---  http协议组成: 请求报文+响应报文

浏览器发请求 必须是 ： 请求报文

服务器响应 必须是 ： 响应报文



那什么是请求报文呢?

由三部分组成


	(1)请求行 ： 包含请求方法, URL(请求地址)
	
	
	(2)请求头： 浏览器告诉服务器,我发送给你的数据是什么格式(文本、json、图片、音视频等等)
	



	(3)请求体：浏览器发送...]]></description><category></category></item><item><title><![CDATA[npm包从创建到发布详细步骤]]></title><link>https://blog.youkuaiyun.com/Maybe__row/article/details/124457440</link><guid>https://blog.youkuaiyun.com/Maybe__row/article/details/124457440</guid><author>Maybe__row</author><pubDate>Wed, 27 Apr 2022 18:45:45 +0800</pubDate><description><![CDATA[准备工作: 在npm上注册账号


第一步:在本地磁盘上创建一个空项目，文件夹取名根据自己的实际情况去名字,但是要注意先去npm网官去确定一下，这个项目名是否已经被占用了,如果这个名字已经被占用了，则你是无法向npm上上传的

我们也可以在命令窗检查包名是否被占用,通过以下命令进行检查:

npm view 包名
# 这个命令用来查看 某个包的信息
# 如果返回404，说明这个项目名在npm官网上找不到，此时你就可以使用。
# 否则，说明不可用。

然后需要通过npm init --yes命令来创建一...]]></description><category></category></item><item><title><![CDATA[导出模块exports和module.exports的两个对象的关系]]></title><link>https://blog.youkuaiyun.com/Maybe__row/article/details/124438721</link><guid>https://blog.youkuaiyun.com/Maybe__row/article/details/124438721</guid><author>Maybe__row</author><pubDate>Tue, 26 Apr 2022 22:42:33 +0800</pubDate><description><![CDATA[导出模块可以导出对象，数组，函数等等类型。为了方便组织代码，导出对象的情况比较多]]></description><category></category></item><item><title><![CDATA[Node.js中模块的分类]]></title><link>https://blog.youkuaiyun.com/Maybe__row/article/details/124416209</link><guid>https://blog.youkuaiyun.com/Maybe__row/article/details/124416209</guid><author>Maybe__row</author><pubDate>Mon, 25 Apr 2022 22:33:51 +0800</pubDate><description><![CDATA[分为三大类:

核心模块: 就是node.js自带的模块，在安装完nodejs之后，就可以任意使用相当于学习js时使用的Array对象.

核心模块就是 Node 内置的模块，需要通过唯一的标识名称来进行获取。
每一个核心模块基本上都是暴露了一个对象，里面包含一些方法供我们使用。
一般在加载核心模块的时候，变量（或常量）的起名最好就和核心模块的标识名同名。



捕获同步格式中的错误对象







自定义模块: 程序员自己写的模块,相当于我们在学习js时的自定义函数。

第三方模块:其他程序员写好...]]></description><category></category></item><item><title><![CDATA[Node.js中常用的命令行下的命令及按键]]></title><link>https://blog.youkuaiyun.com/Maybe__row/article/details/124415956</link><guid>https://blog.youkuaiyun.com/Maybe__row/article/details/124415956</guid><author>Maybe__row</author><pubDate>Mon, 25 Apr 2022 22:17:32 +0800</pubDate><description><![CDATA[快速了解node.js中常用的命令]]></description><category></category></item><item><title><![CDATA[伪数组如何转为真数组]]></title><link>https://blog.youkuaiyun.com/Maybe__row/article/details/124395641</link><guid>https://blog.youkuaiyun.com/Maybe__row/article/details/124395641</guid><author>Maybe__row</author><pubDate>Mon, 25 Apr 2022 01:21:59 +0800</pubDate><description><![CDATA[比如:有三个li标签

&lt;ul&gt;

&lt;li&gt;&lt;/li&gt;

&lt;li&gt;&lt;/li&gt;

&lt;li&gt;&lt;/li&gt;

&lt;/ul&gt;

我通过document.querySelectorAll来获取所有的li标签,使其成为伪数组

let list = document.querySelectorAll("li");

此时我们就可以使用: Array.form(伪数组) 这种方法来转换为真数组

Array.from(li...]]></description><category></category></item></channel></rss>