<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[M612a34的博客]]></title><description><![CDATA[学习记录]]></description><link>https://blog.youkuaiyun.com/M612a34</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; M612a34]]></copyright><item><title><![CDATA[promise 入门学习笔记]]></title><link>https://blog.youkuaiyun.com/M612a34/article/details/114175919</link><guid>https://blog.youkuaiyun.com/M612a34/article/details/114175919</guid><author>M612a34</author><pubDate>Thu, 04 Mar 2021 14:55:05 +0800</pubDate><description><![CDATA[1、Promise 是什么

  1、异步的问题

    按照用途来解释：

     1、主要用于异步计算；

      2、可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果；

      3、可以在对象之间，传递和操作promise，帮助我们处理队列；

   2、异步产生的原因

     1、JavaScript为检查表单而生，

     2、创造他的首要目标是操作dom;

     3...]]></description><category></category></item><item><title><![CDATA[vue-lazyload的使用和理解]]></title><link>https://blog.youkuaiyun.com/M612a34/article/details/109381544</link><guid>https://blog.youkuaiyun.com/M612a34/article/details/109381544</guid><author>M612a34</author><pubDate>Fri, 30 Oct 2020 15:24:42 +0800</pubDate><description><![CDATA[npm 文档：https://www.npmjs.com/package/vue-lazyload

Vue模块，用于在应用程序中延迟加载图像。该项目的一些目标值得注意：

轻巧，功能强大且易于使用
	处理任何图像类型
	加载图像时添加加载类
	同时支持Vue 1.0和Vue 2.0
引用步骤：

  1、$npmivue-lazyload-S

  2、main.js 文件中：  


import VueLazyload from 'vue-lazyload'
 
Vue.us...]]></description><category></category></item><item><title><![CDATA[Vue 微信h5支付]]></title><link>https://blog.youkuaiyun.com/M612a34/article/details/104864426</link><guid>https://blog.youkuaiyun.com/M612a34/article/details/104864426</guid><author>M612a34</author><pubDate>Sat, 14 Mar 2020 17:46:18 +0800</pubDate><description><![CDATA[是因为权限的问题，商户平台申请h5支付时会填写产品域名，请求后端支付接口时必须与产品域名一样，这样跳转后是在产品域名下请求mwebUrl,

如果不是在这个指定的产品域名下还是会出现“商家参数格式有误，请联系商家解决”的问题。
...]]></description><category></category></item><item><title><![CDATA[node+ express+ vue+ vuex实现：登录-状态管理-token生成-token验证]]></title><link>https://blog.youkuaiyun.com/M612a34/article/details/97795690</link><guid>https://blog.youkuaiyun.com/M612a34/article/details/97795690</guid><author>M612a34</author><pubDate>Tue, 30 Jul 2019 16:53:07 +0800</pubDate><description><![CDATA[在学习node express 过程中，使用express实现后端服务，vue vuex作为前端，实现前端实现登录功能，后端token生成+token验证。刷新，用户信息依然存在。

首先前端登录post数据：后端返回数据如果用户名密码正确，则把token存瑞sessionStrorage。

这样，存入临时存储--刷新页面信息仍然保留--窗口关闭数据消失。


    submitForm ()...]]></description><category></category></item><item><title><![CDATA[cros 同源策略]]></title><link>https://blog.youkuaiyun.com/M612a34/article/details/97392970</link><guid>https://blog.youkuaiyun.com/M612a34/article/details/97392970</guid><author>M612a34</author><pubDate>Fri, 26 Jul 2019 18:53:19 +0800</pubDate><description><![CDATA[问题出现：

Access to XMLHttpRequest at 'http://localhost:3000/admin/users/login' from origin 'http://localhost:8080' has been blocked by CORS policy: Request header field authentication-token is not allow...]]></description><category></category></item><item><title><![CDATA[回调函数]]></title><link>https://blog.youkuaiyun.com/M612a34/article/details/94435426</link><guid>https://blog.youkuaiyun.com/M612a34/article/details/94435426</guid><author>M612a34</author><pubDate>Tue, 02 Jul 2019 11:15:47 +0800</pubDate><description><![CDATA[回调函数

js语言包含了大量的异步操作。

什么是异步？

根源是为了优化表单提交的用户体验，而开发了JavaScript这款包含大量异步操作的脚本语言。在提交表单中异步程序的表现是怎么样的呢？就是当你注册会员的时候，填写了昵称这玩意，然后再填写密码的时候，同时服务器里会检测这个昵称是否已经被注册从而做出一些回应，而不用等你全部信息填写好点击提交才告诉你昵称已经存在。

借由异步的这一个特点，可...]]></description><category></category></item><item><title><![CDATA[js中深拷贝与浅拷贝的区别，实现深拷贝的几种方法]]></title><link>https://blog.youkuaiyun.com/M612a34/article/details/86596050</link><guid>https://blog.youkuaiyun.com/M612a34/article/details/86596050</guid><author>M612a34</author><pubDate>Tue, 22 Jan 2019 18:03:46 +0800</pubDate><description><![CDATA[参考整理自：大神‘听风是风’：原文章链接

                      大神：稀算客：原文链接

如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。

此篇文章中也会简单阐述到栈堆，基本数据类型与引用数据类型，因为这些概念能更好的让你理解深拷贝与浅拷贝。

我们来举...]]></description><category></category></item><item><title><![CDATA[js 对象动态添加/设置属性名和属性值]]></title><link>https://blog.youkuaiyun.com/M612a34/article/details/85051330</link><guid>https://blog.youkuaiyun.com/M612a34/article/details/85051330</guid><author>M612a34</author><pubDate>Mon, 17 Dec 2018 17:44:43 +0800</pubDate><description><![CDATA[访问对象属性一共有两种方法：点获取法和方括号获取法。

有一个对象


Obj = {&quot;Name&quot;:&quot;xiaoming&quot;,&quot;AGE&quot;:&quot;18&quot;}

用点访问,Obj.Name ;
	用中括号访问,Obj[&quot;Name&quot;];
我们最常用的就是点获取法了。但是当我们遇到需要给对象动态添加属性和属性值时，点获取法好像就不方便了了，尤其是我们不知道属性名的时候更麻烦。这时候，方括号获取法就派上用场了。

定...]]></description><category></category></item><item><title><![CDATA[vue elementui steps组件在步骤条中添加自定义样式内容]]></title><link>https://blog.youkuaiyun.com/M612a34/article/details/84572689</link><guid>https://blog.youkuaiyun.com/M612a34/article/details/84572689</guid><author>M612a34</author><pubDate>Tue, 27 Nov 2018 20:12:49 +0800</pubDate><description><![CDATA[由于对于vue了解不够深入，导致今天写这个组件浪费了很多时间。后来一个大神同事给我指点了一下。

想做成如图所示的样式的步骤条，使用vue elementui的steps组件做。



最简单的在组件中插入代码实现样式的方法时行不通的


&amp;lt;div style=&quot;height: 300px;&quot;&amp;gt;
  &amp;lt;el-steps direction=&quot;vertical&quot; :active=&quot;...]]></description><category></category></item><item><title><![CDATA[vue使用踩过的坑总结一下]]></title><link>https://blog.youkuaiyun.com/M612a34/article/details/84345968</link><guid>https://blog.youkuaiyun.com/M612a34/article/details/84345968</guid><author>M612a34</author><pubDate>Thu, 22 Nov 2018 17:47:22 +0800</pubDate><description><![CDATA[1、最常见的就是异步的问题了。两种情况

一种是因为http请求响应时间导致异步

第二种 子组件父组件之间相互传值时间有延迟

2、vue 中dom更新是在js代码执行完成之后。

3、 vue中数组和对象赋值问题

   实例对象修改原型对象属性值

vue A对象赋值给B对象，修改B对象的属性会影响到A对象中属性值。

实际在vue中this.A = this.B,没有进行深...]]></description><category></category></item><item><title><![CDATA[vue使用clipboard插件点击复制内容出错/复制出错问题]]></title><link>https://blog.youkuaiyun.com/M612a34/article/details/83027819</link><guid>https://blog.youkuaiyun.com/M612a34/article/details/83027819</guid><author>M612a34</author><pubDate>Fri, 12 Oct 2018 16:24:37 +0800</pubDate><description><![CDATA[项目使用vue框架，iview的UI框架。在使用echarts做一个大屏的界面时，添加了点击对很长的网元名称进行复制的需求。



参考了网上对于clipboard插件的引用。这里是他的github地址：https://github.com/zenorocha/clipboard.js

1. 引入clipboard.js   2.在需要使用的组件中import  3. 添加需要复制的内容 4.添...]]></description><category></category></item><item><title><![CDATA[浏览器开发者工具基本使用]]></title><link>https://blog.youkuaiyun.com/M612a34/article/details/82854041</link><guid>https://blog.youkuaiyun.com/M612a34/article/details/82854041</guid><author>M612a34</author><pubDate>Wed, 26 Sep 2018 15:37:22 +0800</pubDate><description><![CDATA[开发者工具到底有什么用？

它的作用在于，帮助开发人员对网页进行布局，比如HTML+CSS，帮助前端工程师更好的调试脚本（JavaScript、jQuery）之类的，还可以使用工具查看网页加载过程，获取网页请求（这个过程也叫做抓包），抓包是非常有意思的过程，而每一个浏览器厂商生产出来的浏览器都会有自己的杀手锏，也就是功能上的差别，那么这个时候你就找一个最适合自己的浏览器使用就可以。

一、谷歌浏览...]]></description><category></category></item><item><title><![CDATA[for.in  for..of..]]></title><link>https://blog.youkuaiyun.com/M612a34/article/details/82804448</link><guid>https://blog.youkuaiyun.com/M612a34/article/details/82804448</guid><author>M612a34</author><pubDate>Fri, 21 Sep 2018 17:08:41 +0800</pubDate><description><![CDATA[for.in是个神奇的方法

https://blog.youkuaiyun.com/u013594477/article/details/79608730



for of

原文：https://www.cnblogs.com/m2maomao/p/7743143.html

for..of...创建一个对象来循环可迭代对象，在 ES6 中引入的for...of循环，以替代for...in和...]]></description><category></category></item><item><title><![CDATA[js 中遍历获取对象属性  /迭代对象]]></title><link>https://blog.youkuaiyun.com/M612a34/article/details/82777069</link><guid>https://blog.youkuaiyun.com/M612a34/article/details/82777069</guid><author>M612a34</author><pubDate>Fri, 21 Sep 2018 17:06:55 +0800</pubDate><description><![CDATA[js中遍历获取对象属性和方法主要有Object.keys()、Object.getOwnPropertyNames()、for...in...三种方式

1、Object.keys()、1、1、Object.getOwnPropertyNames()、for...in...区别

1、1 for in会输出自身以及原型链上可枚举的属性。

          for (variable in ob...]]></description><category></category></item><item><title><![CDATA[JavaScript等于 == 与 恒等于 === 的区别]]></title><link>https://blog.youkuaiyun.com/M612a34/article/details/81949534</link><guid>https://blog.youkuaiyun.com/M612a34/article/details/81949534</guid><author>M612a34</author><pubDate>Wed, 22 Aug 2018 19:29:51 +0800</pubDate><description><![CDATA[       JavaScript 是弱类型语言，这就意味着，等于操作符会为了比较两个值而进行强制类型转换。注意0的相等运算，例如：


&quot;&quot;           ==   &quot;0&quot;           // false  
0            ==   &quot;&quot;            // true  
0            ==   &quot;0&quot;           // true  
fals...]]></description><category></category></item><item><title><![CDATA[JS数组去重的方法总结/题目]]></title><link>https://blog.youkuaiyun.com/M612a34/article/details/81913516</link><guid>https://blog.youkuaiyun.com/M612a34/article/details/81913516</guid><author>M612a34</author><pubDate>Tue, 21 Aug 2018 19:58:19 +0800</pubDate><description><![CDATA[1、有一个长度为n-1的数组，包含1-n中不重复的乱序的数，求寻找范围内不在数组中的数，考虑空间占用，性能优化，溢出等情况，至少写两个算法

 当n不太大时，可以考虑求和。先算出1~n的所有数的和，然后减去数组中出现的所有自然数的和。时间复杂度为O(n)，空间复杂度O(1)。这种方法的缺点是n不能太大，n比较大时，求和容易溢出。

用位图。从头到尾的扫描整个数组，把出现的数相应的位设置为1.然后再...]]></description><category></category></item><item><title><![CDATA[前端调试学习]]></title><link>https://blog.youkuaiyun.com/M612a34/article/details/81480284</link><guid>https://blog.youkuaiyun.com/M612a34/article/details/81480284</guid><author>M612a34</author><pubDate>Tue, 07 Aug 2018 14:11:48 +0800</pubDate><description><![CDATA[一.先来认识一下这些按钮的功能



重点内容先来看这张图最上头的一行是一个功能菜单，每一个菜单都有它相应的功能和使用方法，依次从左往右来看

1.箭头按钮：用于在页面选择一个元素来审查和查看它的相关信息，当我们在Elements这个按钮页面下点击某个Dom元素时，箭头按钮会变成选择状态

2.设备图标：点击它可以切换到不同的终端进行开发模式，移动端和pc端的一个切换，可以选择不同的移动终端设备，...]]></description><category></category></item><item><title><![CDATA[vue实现跳转新的标签页]]></title><link>https://blog.youkuaiyun.com/M612a34/article/details/81169273</link><guid>https://blog.youkuaiyun.com/M612a34/article/details/81169273</guid><author>M612a34</author><pubDate>Mon, 23 Jul 2018 19:21:37 +0800</pubDate><description><![CDATA[一般单页面应用，例如vue都是通过vue-router来做跳转，不会像多页应用一样另起新页面显示，但是也不排除一些业务上的需要。

一般情况下单页面应用的路由跳转我们都是通过简单的一句话搞定：


this.$router.push({name: 'abc'})


vue router是为单页面应用设计的，不管是push,replace都是在一个tab页面内进行的。所以，没有直接打开一个新页面的...]]></description><category></category></item><item><title><![CDATA[HTML5和CSS3新特性]]></title><link>https://blog.youkuaiyun.com/M612a34/article/details/80604404</link><guid>https://blog.youkuaiyun.com/M612a34/article/details/80604404</guid><author>M612a34</author><pubDate>Thu, 07 Jun 2018 11:26:04 +0800</pubDate><description><![CDATA[转载：点击打开链接HTML51、HTML5新元素 HTML5提供了新元素来创建更好的页面结构。标签   描述&amp;lt;article&amp;gt;定义页面独立的内容区域。&amp;lt;aside&amp;gt;定义页面的侧边栏内容。&amp;lt;bdi&amp;gt;允许您设置一段文本，使其脱离其父元素的文本方向设置。&amp;lt;command&amp;gt;定义命令按钮，比如单选按钮、复选框或按钮&amp;lt;details&amp;gt;用于描述文档或文...]]></description><category></category></item><item><title><![CDATA[学习CSS盒模型和CSS3弹性盒模型]]></title><link>https://blog.youkuaiyun.com/M612a34/article/details/80294689</link><guid>https://blog.youkuaiyun.com/M612a34/article/details/80294689</guid><author>M612a34</author><pubDate>Sat, 12 May 2018 20:55:36 +0800</pubDate><description><![CDATA[css盒模型本质是一个盒子，封装周围的html元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。Margin(外边距) - 清除边框外的区域，外边距是透明的。Border(边框) - 围绕在内边距和内容外的边框。Padding(内边距) - 清除内容周围的区域，内边距是透明的。Content(内容) - 盒子的内容，显示文本和图像。div {
 ...]]></description><category></category></item></channel></rss>