<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[mister、奎]]></title><description><![CDATA[活出不一样的精彩！]]></description><link>https://blog.youkuaiyun.com/qq_40959677</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_40959677]]></copyright><item><title><![CDATA[Promise的运行原理以及重写Promise内置类]]></title><link>https://blog.youkuaiyun.com/qq_40959677/article/details/95514196</link><guid>https://blog.youkuaiyun.com/qq_40959677/article/details/95514196</guid><author>qq_40959677</author><pubDate>Fri, 19 Jul 2019 20:40:15 +0800</pubDate><description><![CDATA[1.为什么用？

假设我们需要发三次请求A,B,C,B请求需要用到A请求回来的数据，C需要用到B请求回来的数据，怎么发送？


$.ajax({
    url:'jsonA.json',
    success(data) {
        $.ajax({
            url:'jsonB.json',
            success(data) {
          ...]]></description><category></category></item><item><title><![CDATA[宏任务 && 微任务 && async && await（图解）]]></title><link>https://blog.youkuaiyun.com/qq_40959677/article/details/95961443</link><guid>https://blog.youkuaiyun.com/qq_40959677/article/details/95961443</guid><author>qq_40959677</author><pubDate>Mon, 15 Jul 2019 16:33:48 +0800</pubDate><description><![CDATA[1.宏任务和微任务

宏任务和微任务是等待任务队列中的异步任务的处理机制；(JS执行有同步任务队列和等待任务队列)

浏览器的任务队列：

主任务队列存储的都是同步任务；

等待任务队列存储的都是异步任务；

首先浏览器会把主任务队列中的同步任务挨个全部执行完，然后再去等待任务队列中看哪个任务可以执行了，然后把该执行的任务放到主任务队列中去执行，等这个任务执行完，再去等待任务中看谁可以执行了，再把...]]></description><category></category></item><item><title><![CDATA[关于浏览器css选择器性能优化]]></title><link>https://blog.youkuaiyun.com/qq_40959677/article/details/95786993</link><guid>https://blog.youkuaiyun.com/qq_40959677/article/details/95786993</guid><author>qq_40959677</author><pubDate>Sat, 13 Jul 2019 20:13:32 +0800</pubDate><description><![CDATA[关于浏览器css选择器性能优化

　　作为一个前端开发， 我觉得很有必要了解浏览器对css选择器的解析，因为这个关系到页面的渲染，高效的方式、避开开销大的方式这些无疑为网站加载缩短了时间。
　　最近在新的项目中陷入了一个误区，也是出于对jquery使用的了解，于是把jquery中选择器的优化放到了写css上面，但是发现其实这两者是不一样的，浏览器解析css是本身默认的规则，而jquery是模拟出来...]]></description><category></category></item><item><title><![CDATA[javascript中的数组方法(包含数组自带的8种遍历方法)]]></title><link>https://blog.youkuaiyun.com/qq_40959677/article/details/95098699</link><guid>https://blog.youkuaiyun.com/qq_40959677/article/details/95098699</guid><author>qq_40959677</author><pubDate>Mon, 08 Jul 2019 21:03:01 +0800</pubDate><description><![CDATA[//  push(参数列表)：向数组末尾追加新内容，返回增加后数组长度（原数组改变，返回数组长度）,参数之间使用逗号隔开，数组中的每一项可以说是任意数据类型，会改变原数组结构
    let ary= [1,2,3];
    ary.push(4);         // =&gt; 返回长度4，原数组改变为[1,2,3,4]
    ary.push(5,6);       // =&gt...]]></description><category></category></item><item><title><![CDATA[http请求的报文结构]]></title><link>https://blog.youkuaiyun.com/qq_40959677/article/details/95085766</link><guid>https://blog.youkuaiyun.com/qq_40959677/article/details/95085766</guid><author>qq_40959677</author><pubDate>Mon, 08 Jul 2019 18:58:37 +0800</pubDate><description><![CDATA[HTTP请求报文格式:请求行，多个请求头，一个空行，实体内容。

1.请求行：请求方法，请求资源部分名称、协议版本组成。请求方法包括GET、HEAD、PUT、POST、TRACE、OPTIONS、DELETE以及扩展方法。常用的有HTTP/1.0和HTTP/1.1。

Post和get的区别：如果是get提交，请求参数就会附在请求的URL后面作为请求地址的一部分传到服务器，暴露数据，有安全隐患...]]></description><category></category></item><item><title><![CDATA[webStrom自带的代码上传服务器功能]]></title><link>https://blog.youkuaiyun.com/qq_40959677/article/details/95058110</link><guid>https://blog.youkuaiyun.com/qq_40959677/article/details/95058110</guid><author>qq_40959677</author><pubDate>Mon, 08 Jul 2019 14:01:13 +0800</pubDate><description><![CDATA[我们的代码需要上传到服务器（有很多的FTP工具，如FileZilla、IDE也带、写脚本也可以上传）；

今天来讲讲webstrom自带的上传










]]></description><category></category></item><item><title><![CDATA[javascript中的字符串常用方法]]></title><link>https://blog.youkuaiyun.com/qq_40959677/article/details/95057494</link><guid>https://blog.youkuaiyun.com/qq_40959677/article/details/95057494</guid><author>qq_40959677</author><pubDate>Mon, 08 Jul 2019 13:51:52 +0800</pubDate><description><![CDATA[//  indexOf(str,index)-----查找一个指定字符串在字符串中的首次出现位置，没有返回-1，index为开始查找位置，0开始（原字符串不变）
    //  lastindexOf（）----方法查找指定字符最后出现位置（原字符串不变）
    let str='asdfaf';
    str.indexOf('a');      // =&gt; 0      0是a的首...]]></description><category></category></item><item><title><![CDATA[前端三种本地存储方式+indexedDB浏览器数据库存储]]></title><link>https://blog.youkuaiyun.com/qq_40959677/article/details/95032550</link><guid>https://blog.youkuaiyun.com/qq_40959677/article/details/95032550</guid><author>qq_40959677</author><pubDate>Sun, 07 Jul 2019 21:37:18 +0800</pubDate><description><![CDATA[1.cookie存储：


特征：
    1.不同的浏览器存放的cookie位置不一样，也是不能通用的。
    2.cookie的存储是以域名形式进行区分的，不同的域下存储的cookie是独立的。
    3.我们可以设置cookie生效的域（当前设置cookie所在域的子域），也就是说，我们能够操作的cookie是当前域以及当前域下的所有子域
    4.一个域名下存放的cookie的个数是...]]></description><category></category></item><item><title><![CDATA[客户端浏览器一次http完整请求过程流程图(图文结合诠释请求过程)]]></title><link>https://blog.youkuaiyun.com/qq_40959677/article/details/94873075</link><guid>https://blog.youkuaiyun.com/qq_40959677/article/details/94873075</guid><author>qq_40959677</author><pubDate>Sat, 06 Jul 2019 17:23:59 +0800</pubDate><description><![CDATA[先上一张图给大家看看


http请求流程图

相信看完这张图后大家对一次请求也有了大致的了解了，当前其中还有很多细节小编没有画出来，然后我们来看看部分过程的细节

所以其流程大致如下：


①：DNS解析域名得到IP地址
②：客户端与服务器建立连接(TCP三次握手)
③：客户端发起请求
④：服务器接收到请求根据端口号.路径等找到对应资源文件，响应源代码给客户端
⑤：客户端拿到请求到的数据(htm...]]></description><category></category></item><item><title><![CDATA[zepto+less写QQ音乐播放界面，进度条同步，歌词同步高亮等等(带注释，可参考可直接使用)]]></title><link>https://blog.youkuaiyun.com/qq_40959677/article/details/94761883</link><guid>https://blog.youkuaiyun.com/qq_40959677/article/details/94761883</guid><author>qq_40959677</author><pubDate>Fri, 05 Jul 2019 20:54:09 +0800</pubDate><description><![CDATA[不多说，直接上代码，注释都写在代码里清清楚楚

less

@sizeMan:100%;
//关键帧动画函数
.keyframes(@name:move,@content){
//  @name:动画名，@content：动画内容
  @keyframes @name {@content();}
}


html{
  font-size: 100px;
  height: @sizeMan;
}...]]></description><category></category></item><item><title><![CDATA[阿里巴巴矢量图全选加入购物车以及下载iconfont字体图标文件步骤]]></title><link>https://blog.youkuaiyun.com/qq_40959677/article/details/94589528</link><guid>https://blog.youkuaiyun.com/qq_40959677/article/details/94589528</guid><author>qq_40959677</author><pubDate>Wed, 03 Jul 2019 20:25:20 +0800</pubDate><description><![CDATA[阿里巴巴矢量图网址：https://www.iconfont.cn/collections/index?spm=a313x.7781069.1998910419.3

上图摘自于(https://blog.youkuaiyun.com/daxianghaoshuai/article/details/84991922)
加入购物车后单击购物车添加至项目

右边加号文件夹添加新项目，输入项目名然后确认


然后下...]]></description><category></category></item><item><title><![CDATA[call，apply，bind方法改变this指向的原理]]></title><link>https://blog.youkuaiyun.com/qq_40959677/article/details/94411558</link><guid>https://blog.youkuaiyun.com/qq_40959677/article/details/94411558</guid><author>qq_40959677</author><pubDate>Mon, 01 Jul 2019 22:27:29 +0800</pubDate><description><![CDATA[Function.prototype.myCall=function myCall(obj,...ary){
        // this指向调用myCall的函数 =》fn.myCall(obj,...ary)  =》 myCall中的this指向fn函数
        obj.fn=this;
        // 将this挂到obj的属性上,然后使用obj.fn(...ary)执行f...]]></description><category></category></item><item><title><![CDATA[图片懒加载/图片延时加载(封好的方法带注释可研究可直接使用)]]></title><link>https://blog.youkuaiyun.com/qq_40959677/article/details/94359966</link><guid>https://blog.youkuaiyun.com/qq_40959677/article/details/94359966</guid><author>qq_40959677</author><pubDate>Sun, 30 Jun 2019 22:04:49 +0800</pubDate><description><![CDATA[这是是一个封装好的图片懒加载的方法，为图片加上了一个渐现的动画（一开始拿js写的渐现，后来发现效果太差改用css来写的动画，渐现效果确实不错，不得不说c3的动画确实比js的流畅太多了，直接将方法和动画复制过去就可以调用，lazyLoad传入图片元素集合或者单张就可以了）
/*图片懒加载动画*/
@keyframes c3 {
    0%{opacity: 0.0}
    50%{opacity...]]></description><category></category></item><item><title><![CDATA[教你怎么玩indexedDB浏览器数据库，执行流程以及常见错误等等]]></title><link>https://blog.youkuaiyun.com/qq_40959677/article/details/94352144</link><guid>https://blog.youkuaiyun.com/qq_40959677/article/details/94352144</guid><author>qq_40959677</author><pubDate>Sun, 30 Jun 2019 20:25:38 +0800</pubDate><description><![CDATA[（小编最近在研究indexedDB数据库，在网上看的文档都有些不好理解，像小编这个接触过mySql，Oracle，SQL Server的人看了都是云里雾里的，所以决定自己写一篇关于indexedDB是数据库的博文出来帮助小白更直白的了解,转载请注明出处，谢谢）
那么先给大家上一张图让大家看看数据表的结构


为什么要使用indexedDB浏览器数据库？
随着浏览器的功能不断增强，越来越多的网站开始...]]></description><category></category></item><item><title><![CDATA[三行原生js教你写出好看的手风琴特效选项卡！]]></title><link>https://blog.youkuaiyun.com/qq_40959677/article/details/94193290</link><guid>https://blog.youkuaiyun.com/qq_40959677/article/details/94193290</guid><author>qq_40959677</author><pubDate>Sat, 29 Jun 2019 19:15:46 +0800</pubDate><description><![CDATA[html
&lt;ul&gt;
    &lt;li class="active"&gt;&lt;p&gt;1&lt;/p&gt;&lt;img src="img/10.jpg"&gt;&lt;/li&gt;
    &lt;li&gt;&lt;p&gt;2&lt;/p&gt;&lt;img src="img/4.jpg"&gt;&lt;/li&gt;
    &lt;li&gt;&lt;p&gt...]]></description><category></category></item><item><title><![CDATA[页面镂空文字？使用c3的-webkit-background-clip属性进行文字透明显示后面内容！]]></title><link>https://blog.youkuaiyun.com/qq_40959677/article/details/94171610</link><guid>https://blog.youkuaiyun.com/qq_40959677/article/details/94171610</guid><author>qq_40959677</author><pubDate>Sat, 29 Jun 2019 16:43:33 +0800</pubDate><description><![CDATA[今天小编在浏览网页时发现这样的一个效果，效果很炫酷，研究了下发现代码…真简单！

原理就是两个重合的div，后面一个div上正在播放一段视频，前面的div上面写上我们想要镂空的文字，然后通过-webkit-background-clip: text;进行文字的裁切镂空，color为transparent透明就可以了
&lt;div class="main"&gt;
        &lt;div ...]]></description><category></category></item><item><title><![CDATA[js拖拽以及H5的原生拖拽原理讲解]]></title><link>https://blog.youkuaiyun.com/qq_40959677/article/details/94042032</link><guid>https://blog.youkuaiyun.com/qq_40959677/article/details/94042032</guid><author>qq_40959677</author><pubDate>Fri, 28 Jun 2019 20:28:00 +0800</pubDate><description><![CDATA[js拖拽
css
 * {
        margin: 0;
        padding: 0;
    }
    .box {
        position: absolute;
        left: 100px;
        top: 100px;
        width: 200px;
        height: 200px;
        backgr...]]></description><category></category></item><item><title><![CDATA[如何简单快速的获取到页面上的svg图标？]]></title><link>https://blog.youkuaiyun.com/qq_40959677/article/details/93984342</link><guid>https://blog.youkuaiyun.com/qq_40959677/article/details/93984342</guid><author>qq_40959677</author><pubDate>Fri, 28 Jun 2019 12:51:10 +0800</pubDate><description><![CDATA[这里小编提供两个方法都可以获取到页面中的svg图标

火狐浏览器快速获取

小编拿花瓣网的这个svg图标来进行演示
第一步，在火狐浏览器中鼠标右击  =&gt;  查看页面信息

在媒体选项中找到我们要获取的svg图标项，注意的是svg很多都是白色的，所以我们单击发现下面的显示框什么都没有，其实是有的，只不过是白色的我们看不到而已

然后右下角另存为即可

会给我们生成一个.svg的文件

然后直...]]></description><category></category></item><item><title><![CDATA[原生Js放大镜实例(附图附讲解可直接复制研究使用，小白福利)]]></title><link>https://blog.youkuaiyun.com/qq_40959677/article/details/93782161</link><guid>https://blog.youkuaiyun.com/qq_40959677/article/details/93782161</guid><author>qq_40959677</author><pubDate>Wed, 26 Jun 2019 21:34:51 +0800</pubDate><description><![CDATA[(个人理解的画图在最后，审美差了点请见谅，)

css*{
        margin: 0;
        padding: 0;
    }
    body&gt;div{
        width: 1200px;
        height: 600px;
        margin: 100px auto;
        position: relative;
    }
...]]></description><category></category></item><item><title><![CDATA[CSS3 3D transform变换，不过如此]]></title><link>https://blog.youkuaiyun.com/qq_40959677/article/details/93758536</link><guid>https://blog.youkuaiyun.com/qq_40959677/article/details/93758536</guid><author>qq_40959677</author><pubDate>Wed, 26 Jun 2019 17:52:41 +0800</pubDate><description><![CDATA[（这篇关于css 3d的文章算是开启了我的css3d概念了，确实写的很容易理解，小编苦苦寻找的经典好文）

一、写在前面的秋裤

早在去年的去年，我就大肆介绍了2D transform相关内容。看过海贼王的都知道，带D的家伙都不是好惹的，2D我辈尚可以应付，3D的话，呵呵，估计我等早就在千里之外被其霸气震晕了~~

看看下图女帝的动作以及神情，就可以知道名字带D的家伙的厉害！



最近折腾iPa...]]></description><category></category></item></channel></rss>