<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[github_39133192的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/github_39133192</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; github_39133192]]></copyright><item><title><![CDATA[js变量提升详解]]></title><link>https://blog.youkuaiyun.com/github_39133192/article/details/81985640</link><guid>https://blog.youkuaiyun.com/github_39133192/article/details/81985640</guid><author>github_39133192</author><pubDate>Thu, 23 Aug 2018 18:10:55 +0800</pubDate><description><![CDATA[js变量提升

对于大多数js开发者来说，变量提升可以说是一个非常常见的问题，但是可能很多人对其不是特别的了解。所以在此，我想来讲一讲。

先从一个简单的例子来入门：



a = 2;
var a;

console.log(a);

你觉得以上的代码会输出什么？是输出undefined吗？如果是按照程序的自上而下执行的话，那么这一段代码确实是输出undefined。然而，javascript并...]]></description><category></category></item><item><title><![CDATA[Javasript设计模式之链式调用]]></title><link>https://blog.youkuaiyun.com/github_39133192/article/details/80034446</link><guid>https://blog.youkuaiyun.com/github_39133192/article/details/80034446</guid><author>github_39133192</author><pubDate>Sat, 21 Apr 2018 22:33:01 +0800</pubDate><description><![CDATA[写过jquery的可能都知道，jquery里面可以很方便的使用以下代码：

// 不使用链式调用
const element = $(ele);
element.addClass('red');
element.removeClass('green');
element.show();

// 链式调用
$(ele)
  .addClass('red')
  .removeClass('green...]]></description><category></category></item><item><title><![CDATA[javascript性能优化]]></title><link>https://blog.youkuaiyun.com/github_39133192/article/details/79886827</link><guid>https://blog.youkuaiyun.com/github_39133192/article/details/79886827</guid><author>github_39133192</author><pubDate>Tue, 10 Apr 2018 20:06:14 +0800</pubDate><description><![CDATA[本文主要是在我读《高性能Javascript》之后，想要记录下一些有用的优化方案，并且就我本身的一些经验，来大家一起分享下，



Javascript的加载与执行

大家都知道，浏览器在解析DOM树的时候，当解析到script标签的时候，会阻塞其他的所有任务，直到该js文件下载、解析执行完成后，才会继续往下执行。因此，这个时候浏览器就会被阻塞在这里，如果将script标签放在head里的话，...]]></description><category></category></item><item><title><![CDATA[HTML5 drag和drop的实践]]></title><link>https://blog.youkuaiyun.com/github_39133192/article/details/75141482</link><guid>https://blog.youkuaiyun.com/github_39133192/article/details/75141482</guid><author>github_39133192</author><pubDate>Sat, 15 Jul 2017 00:56:19 +0800</pubDate><description><![CDATA[起因最近在公司打杂的时候，突然分到了一个锅，就是要支持一个新的功能：用户可以通过拖曳组件来改变组件的顺序。因此，这阵子就看了一下网上的一些drag和drog的文章以及W3C的介绍，然后自己亲手实践了一下，毕竟打码，才能变得更强。 
首先，先放一个我的demo，大家可以去那里随便拖动一下玩一玩: 
https://chenjg1996.top/example/drag.html知识储备与drag和dr]]></description><category></category></item><item><title><![CDATA[css加载会造成阻塞吗？]]></title><link>https://blog.youkuaiyun.com/github_39133192/article/details/74560891</link><guid>https://blog.youkuaiyun.com/github_39133192/article/details/74560891</guid><author>github_39133192</author><pubDate>Thu, 06 Jul 2017 16:05:15 +0800</pubDate><description><![CDATA[终于考试完了，今天突然想起来前阵子找实习的时候，今日头条面试官问我，js执行会阻塞DOM树的解析和渲染，那么css加载会阻塞DOM树的解析和渲染吗？所以，接下来我就来对css加载对DOM树的解析和渲染做一个测试。为了完成本次测试，先来科普一下，如何利用chrome来设置下载速度
打开chrome控制台(按下F12),可以看到下图，重点在我画红圈的地方 点击我画红圈的地方(No throttling)]]></description><category></category></item><item><title><![CDATA[2017年6月百度前端实习生面试问题]]></title><link>https://blog.youkuaiyun.com/github_39133192/article/details/73741584</link><guid>https://blog.youkuaiyun.com/github_39133192/article/details/73741584</guid><author>github_39133192</author><pubDate>Mon, 26 Jun 2017 16:46:26 +0800</pubDate><description><![CDATA[主题: 百度前端实习生面试面试时间: 2017年6月一面：问基础当时我正在与我的工作流技术(大三的一门很坑很坑的课)决一死战，结果突然就打电话过来面试，我当时整个人都蒙了~而且最坑的是~我的外卖刚跟我说到楼下了，然后就来面试了。。结果，我的外卖被偷了！！！！重点了一份。动画有哪些以及区别
实现一个loading动画
如果动画卡顿了怎么办(使用translate)
要放置一个200X200的图片，图片]]></description><category></category></item><item><title><![CDATA[js事件循环]]></title><link>https://blog.youkuaiyun.com/github_39133192/article/details/73154009</link><guid>https://blog.youkuaiyun.com/github_39133192/article/details/73154009</guid><author>github_39133192</author><pubDate>Tue, 13 Jun 2017 00:45:27 +0800</pubDate><description><![CDATA[之前有看过一些事件循环的博客，不过一阵子没看就发现自己忘光了，所以决定来自己写一个博客总结下！首先，我们来解释下事件循环是个什么东西:就我们所知，浏览器的js是单线程的，也就是说，在同一时刻，最多也只有一个代码段在执行，可是浏览器又能很好的处理异步请求，那么到底是为什么呢？我们先来看一张图(这张图来自于http://www.zcfy.cc/article/node-js-at-scale-under]]></description><category></category></item><item><title><![CDATA[实现前后端分离的心得]]></title><link>https://blog.youkuaiyun.com/github_39133192/article/details/73078072</link><guid>https://blog.youkuaiyun.com/github_39133192/article/details/73078072</guid><author>github_39133192</author><pubDate>Mon, 12 Jun 2017 00:14:49 +0800</pubDate><description><![CDATA[目录如下：实现前后端分离的心得
为什么选择前后端分离
如何做到前后端分离
为什么要引入nodejs作为中间层
前端服务器如何部署实现前后端分离的心得对目前的web来说，前后端分离已经变得越来越流行了，越来越多的企业/网站都开始往这个方向靠拢。那么，为什么要选择前后端分离呢？前后端分离对实际开发有什么好处呢?为什么选择前后端分离
在以前传统的网站开发中，前端一般扮演的只是切图的工作，只是简单地将UI设]]></description><category></category></item></channel></rss>