<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[aaa333qwe的博客]]></title><description><![CDATA[仗剑走天涯]]></description><link>https://blog.youkuaiyun.com/aaa333qwe</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; aaa333qwe]]></copyright><item><title><![CDATA[大前端进修之路]]></title><link>https://blog.youkuaiyun.com/aaa333qwe/article/details/118139096</link><guid>https://blog.youkuaiyun.com/aaa333qwe/article/details/118139096</guid><author>aaa333qwe</author><pubDate>Wed, 23 Jun 2021 07:33:34 +0800</pubDate><description><![CDATA[平时也有在买实战课程，但感觉能力提升不高。这次开始一次预期6个月的系统学习，先列一个提纲，方便查找。




]]></description><category></category></item><item><title><![CDATA[vue组件mixins和extends的使用]]></title><link>https://blog.youkuaiyun.com/aaa333qwe/article/details/90713126</link><guid>https://blog.youkuaiyun.com/aaa333qwe/article/details/90713126</guid><author>aaa333qwe</author><pubDate>Fri, 31 May 2019 12:01:01 +0800</pubDate><description><![CDATA[一、mixin全局混入

全局注册一个混入，影响注册之后所有创建的每个 Vue 实例。插件作者可以使用混入，向组件注入自定义的行为。不推荐在应用代码中使用。全局mixin就是给全部Vue文件添加一些公用的实例（方法，过滤器and so on）

1、在src目录下新建一个mixins目录，在mixins目录下新建一个index.js文件。写一个供全部vue实例使用的跳转方法。


export d...]]></description><category></category></item><item><title><![CDATA[2019.05.29工作日志]]></title><link>https://blog.youkuaiyun.com/aaa333qwe/article/details/90670453</link><guid>https://blog.youkuaiyun.com/aaa333qwe/article/details/90670453</guid><author>aaa333qwe</author><pubDate>Wed, 29 May 2019 14:33:52 +0800</pubDate><description><![CDATA[如何在前端圈体现出自己的一个价值呢？

（1）搭建前端工程

首先，我们要学会如何在一个项目中去搭建工程。因为现在前端变得越来越复杂，不像是以前我们前端开发一个页面，开发一个模板，一个简单的DOM交互的动画，一些CSS样式，这些东西我们写好之后交给后端，他们去填数据就可以了。

那现在不一样，现在的前端业务逻辑都在我们的工作范畴之内，我们要去做很多的东西，比如说数据缓存，这时候我们必须要考虑一个工...]]></description><category></category></item><item><title><![CDATA[git bash常用的操作命令]]></title><link>https://blog.youkuaiyun.com/aaa333qwe/article/details/90669449</link><guid>https://blog.youkuaiyun.com/aaa333qwe/article/details/90669449</guid><author>aaa333qwe</author><pubDate>Wed, 29 May 2019 13:41:33 +0800</pubDate><description><![CDATA[#在当前目录新建一个Git代码库git init
#下载一个项目和它的整个代码历史git clone [url]

添加删除文件

#添加指定文件到暂存区git add [file1] [file2]
#删除工作区文件，并将这次删除放入暂存区git rm [file1] [file2]
#改名文件，并将这次改名放入暂存区git mv [file-origin] [file-renamed]

代码...]]></description><category></category></item><item><title><![CDATA[2019.05.29面试题： var、let、const 的区别及实现原理？]]></title><link>https://blog.youkuaiyun.com/aaa333qwe/article/details/90665074</link><guid>https://blog.youkuaiyun.com/aaa333qwe/article/details/90665074</guid><author>aaa333qwe</author><pubDate>Wed, 29 May 2019 11:49:17 +0800</pubDate><description><![CDATA[一、var声明的变量会挂载在window上，而let和const声明的变量不会


var a = 100;
console.log(a,window.a);    // 100 100

let b = 10;
console.log(b,window.b);    // 10 undefined

const c = 1;
console.log(c,window.c);    // 1...]]></description><category></category></item><item><title><![CDATA[javascript内存管理（堆和栈）及运行机制详解]]></title><link>https://blog.youkuaiyun.com/aaa333qwe/article/details/90665538</link><guid>https://blog.youkuaiyun.com/aaa333qwe/article/details/90665538</guid><author>aaa333qwe</author><pubDate>Wed, 29 May 2019 10:38:56 +0800</pubDate><description><![CDATA[一、内存基本概念

内存的生命周期：

1、分配所需的内存

2、内存的读与写

3、不需要时将其释放

所有语言的内存生命周期都基本一致，不同的是最后一步在低级语言中很清晰，但是在像JavaScript 等高级语言中，这一步是隐藏的、透明的。



js的内存生命周期：

1、定义变量时就完成了内存分配

2、使用值的过程实际上是对分配内存进行读取与写入的操作。读取与写入可能是写入一个变量或者...]]></description><category></category></item><item><title><![CDATA[ES6、7、8、9、10常用新特性总结(更新中)]]></title><link>https://blog.youkuaiyun.com/aaa333qwe/article/details/90643166</link><guid>https://blog.youkuaiyun.com/aaa333qwe/article/details/90643166</guid><author>aaa333qwe</author><pubDate>Tue, 28 May 2019 19:04:24 +0800</pubDate><description><![CDATA[1、变量声明let &amp;&amp; const，增加新的词法作用域（ES6）

2、解构赋值（ES6）

数组解构赋值：let[a, b,c] = [1,2,3];//等同于leta =1;letb =2;letc=3;让代码看起来更优美，有种python赋值的既视感。

对象的解构赋值：var{ StyleSheet, Text } =React; 等同于v...]]></description><category></category></item><item><title><![CDATA[2019.05.28工作日志]]></title><link>https://blog.youkuaiyun.com/aaa333qwe/article/details/90632301</link><guid>https://blog.youkuaiyun.com/aaa333qwe/article/details/90632301</guid><author>aaa333qwe</author><pubDate>Tue, 28 May 2019 12:01:44 +0800</pubDate><description><![CDATA[第17章 事件处理

1、通过HTML属性注册的事件处理程序被转换为能存取全局变量的顶级函数而非任何变量。因此在使用的时候必须显式地写window.open()而不是open()。

2、通过HTML属性注册的事件处理程序的返回值为布尔类型，用于告诉浏览器要不要执行这个事件相关的默认操作。

3、事件处理调用顺序：通过对象属性或HTML属性注册的处理程序 &gt; 使用addEventListen...]]></description><category></category></item><item><title><![CDATA[2019.05.27工作日志]]></title><link>https://blog.youkuaiyun.com/aaa333qwe/article/details/90601798</link><guid>https://blog.youkuaiyun.com/aaa333qwe/article/details/90601798</guid><author>aaa333qwe</author><pubDate>Mon, 27 May 2019 13:35:26 +0800</pubDate><description><![CDATA[Q2绩效《JavaScript权威指南》

第13章：web浏览器中的JavaScript

1、在URL中使用JavaScript，特定协议类型 + 任意字符串 会被JavaScript解释器运行


&lt;a href="javascript:new Date().toLocaleTimeString()"&gt;
    what time is it?
&lt;/a&gt;
&lt;!-...]]></description><category></category></item><item><title><![CDATA[.md即markdown文件的基本常用编写语法（图文并茂）]]></title><link>https://blog.youkuaiyun.com/aaa333qwe/article/details/89204982</link><guid>https://blog.youkuaiyun.com/aaa333qwe/article/details/89204982</guid><author>aaa333qwe</author><pubDate>Thu, 11 Apr 2019 10:49:15 +0800</pubDate><description><![CDATA[序言:

很久没有写博客了，感觉只要是不写博客，人就很变得很懒，学的知识点感觉还是记不住，渐渐地让我明白，看的越多，懂的越少（你这话不是有毛病吗？应该是看的越多，懂的越多才对），此话怎讲，当你在茫茫的前端知识库里面东看看，西看看的时候，很快就被海量的知识给淹没了，根本就不知道哪些是对的，哪些是错的，感觉好像这个也懂了，那个也懂了，但是真正写起来，脑子又一片空白，又好像什么都不懂，这种状态时有发生，...]]></description><category></category></item><item><title><![CDATA[史上最全JavaScript数组去重的十种方法（推荐）]]></title><link>https://blog.youkuaiyun.com/aaa333qwe/article/details/88747586</link><guid>https://blog.youkuaiyun.com/aaa333qwe/article/details/88747586</guid><author>aaa333qwe</author><pubDate>Fri, 22 Mar 2019 18:11:25 +0800</pubDate><description><![CDATA[这篇文章主要介绍了JavaScript数组去重的十种方法,利用元素的属性和特性进行不同的去重方法，并实例演示如何测试去重超大数组，具体操作步骤大家可查看下文的详细讲解，感兴趣的小伙伴们可以参考一下。

一、前言：

我们在实际工作中，或者在面试找工作时，都会用到或者被问到一个问题，那就是“数组如何去重”。是的，这个问题有很多种解决方案，看看下面的十种方式吧！

二、数组去重方式大汇总：

M...]]></description><category></category></item><item><title><![CDATA[webpack4 optimization总结]]></title><link>https://blog.youkuaiyun.com/aaa333qwe/article/details/88682397</link><guid>https://blog.youkuaiyun.com/aaa333qwe/article/details/88682397</guid><author>aaa333qwe</author><pubDate>Wed, 20 Mar 2019 10:42:42 +0800</pubDate><description><![CDATA[optimization总结

minimize

默认为true，效果就是压缩js代码。

minimizer

可以自定义UglifyJsPlugin和一些配置,默认的压缩为uglifyjs-webpack-plugin


//比如在构建的时候,希望新增css的压缩
minimizer:
  mode === "development"
    ? []
    : [
        ne...]]></description><category></category></item><item><title><![CDATA[clipboard.js源码解析-复制到剪切板插件]]></title><link>https://blog.youkuaiyun.com/aaa333qwe/article/details/88655471</link><guid>https://blog.youkuaiyun.com/aaa333qwe/article/details/88655471</guid><author>aaa333qwe</author><pubDate>Tue, 19 Mar 2019 09:57:18 +0800</pubDate><description><![CDATA[1.前言

公司项目有用到clipboard.js，由于好奇心顺手点开了源码看看其究竟是如何实现的，本以为是九曲十八弯错综复杂，其实还是挺容易看懂的，所以就分享下读后感哈哈。

本篇读后感分为五部分，分别为前言、使用、解析、demo、总结，五部分互不相连可根据需要分开看。

前言为介绍、使用为库的使用、解析为源码的解析、demo是抽取源码的核心实现的小demo，总结为吹水，学以致用。

建议跟着源...]]></description><category></category></item><item><title><![CDATA[前端的价值]]></title><link>https://blog.youkuaiyun.com/aaa333qwe/article/details/88287312</link><guid>https://blog.youkuaiyun.com/aaa333qwe/article/details/88287312</guid><author>aaa333qwe</author><pubDate>Thu, 07 Mar 2019 10:08:15 +0800</pubDate><description><![CDATA[1、前端工程化

考虑数据缓存、ES6

2、网络优化

理解HTTP请求、网络优化、HTTP缓存

3、API定制

了解后端

4、node.js层

node.js层作为前端和后端之间，做数据的转发，数据处理


...]]></description><category></category></item><item><title><![CDATA[前端知识点杂记]]></title><link>https://blog.youkuaiyun.com/aaa333qwe/article/details/88095174</link><guid>https://blog.youkuaiyun.com/aaa333qwe/article/details/88095174</guid><author>aaa333qwe</author><pubDate>Mon, 04 Mar 2019 09:07:38 +0800</pubDate><description><![CDATA[&lt;1&gt;、clip剪裁被称为“最佳可访问隐藏”的另一个原因是，clip: rect(0 0 0 0)，它具有更强的普遍适用性，任何元素、任何场景都可以无障碍地使用。

出自----《css世界》p197

&lt;2&gt;、clip隐藏仅仅是决定那一部分可见，非可见部分无法响应点击事件；然后虽然视觉上隐藏，但元素的尺寸还是原来的尺寸，在ie和Firefox浏览器下抹掉了不可见尺寸对布局...]]></description><category></category></item><item><title><![CDATA[通过Fiddler工具进行接口代理 - 用本地接口代理线上接口运行]]></title><link>https://blog.youkuaiyun.com/aaa333qwe/article/details/87930911</link><guid>https://blog.youkuaiyun.com/aaa333qwe/article/details/87930911</guid><author>aaa333qwe</author><pubDate>Tue, 26 Feb 2019 10:55:08 +0800</pubDate><description><![CDATA[ 

Fiddler是抓取请求的工具的一种，类似的还有Charles等，使用Fidder之前应先关闭其他的代理工具

 

需求如下：

网站前端和服务端配合开发了一个页面，会调取接口A的数据并在页面上呈现，现在由于业务要求需要开发新的接口B，在原有的前端逻辑下正常展示。那么，在开发的过程中，在没有前端配合的情况下，服务端如何让这个页面调取B的接口并呈现呢？

 

解决方案是这样：

以去哪儿的...]]></description><category></category></item><item><title><![CDATA[常用class 样式总结]]></title><link>https://blog.youkuaiyun.com/aaa333qwe/article/details/87561236</link><guid>https://blog.youkuaiyun.com/aaa333qwe/article/details/87561236</guid><author>aaa333qwe</author><pubDate>Sun, 17 Feb 2019 22:05:27 +0800</pubDate><description><![CDATA[清除浮动


// Clearfix
@mixin clearfix {
  &amp;amp;:before,
  &amp;amp;:after {
    content: &quot; &quot;; // 1
    display: table; // 2
  }
  &amp;amp;:after {
    clear: both;
  }
}

滚动条样式(隐藏)


@mixin scrollHide {
  &amp;amp;...]]></description><category></category></item><item><title><![CDATA[CSS-清除浮动]]></title><link>https://blog.youkuaiyun.com/aaa333qwe/article/details/87560051</link><guid>https://blog.youkuaiyun.com/aaa333qwe/article/details/87560051</guid><author>aaa333qwe</author><pubDate>Sun, 17 Feb 2019 21:47:24 +0800</pubDate><description><![CDATA[什么是CSS清除浮动？


在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。这个现象叫浮动溢出，为了防止这个现象的出现而进行的CSS处理，就叫CSS清除浮动。


引用W3C的例子，news容器没有包围浮动的元素。
...]]></description><category></category></item><item><title><![CDATA[gulp使用小结]]></title><link>https://blog.youkuaiyun.com/aaa333qwe/article/details/85338163</link><guid>https://blog.youkuaiyun.com/aaa333qwe/article/details/85338163</guid><author>aaa333qwe</author><pubDate>Sat, 29 Dec 2018 14:19:12 +0800</pubDate><description><![CDATA[这篇文章不会介绍 gulp 的起源、发展；不会去一个个讲解 gulp API；也不想出现大段大段的 gulpfile.js 代码；更木有帮你分析 gulp 实现原理，只有一些我自己对 gulp 的使用理解和总结。


如何通过 gulp 让偶们的前端项目高大上的跑起来？gulp 能做什么，还能做什么？gulp套路能不能来几套？... 希望通过这篇文章你会找到答案


写作风格的原因，劳资写的文章都...]]></description><category></category></item><item><title><![CDATA[终于讲清楚了nodejs中exports和module.exports的区别]]></title><link>https://blog.youkuaiyun.com/aaa333qwe/article/details/85336564</link><guid>https://blog.youkuaiyun.com/aaa333qwe/article/details/85336564</guid><author>aaa333qwe</author><pubDate>Sat, 29 Dec 2018 11:42:46 +0800</pubDate><description><![CDATA[最近正在学习nodejs，看到nodejs模块这块，发现nodejs模块有两种方式对外暴露方法exports和module.exports

可是这两种使用起来到底有什么区别呢？？？

看了很多文章，长篇大论，始终没有讲清楚区别，自己也是看了很多，终于搞清楚了，给大家分享一下

根据使用方法来说

通常exports方式使用方法是：


exports.[function name] = [fun...]]></description><category></category></item></channel></rss>