我不是陈纪庚-优快云博客

原创 js变量提升详解

js变量提升对于大多数js开发者来说，变量提升可以说是一个非常常见的问题，但是可能很多人对其不是特别的了解。所以在此，我想来讲一讲。先从一个简单的例子来入门：a = 2;var a;console.log(a);你觉得以上的代码会输出什么？是输出undefined吗？如果是按照程序的自上而下执行的话，那么这一段代码确实是输出undefined。然而，javascript并...

2018-08-23 18:10:55 223

原创 Javasript设计模式之链式调用

写过jquery的可能都知道，jquery里面可以很方便的使用以下代码：// 不使用链式调用const element = $(ele);element.addClass('red');element.removeClass('green');element.show();// 链式调用$(ele) .addClass('red') .removeClass('green...

2018-04-21 22:33:01 259

原创 javascript性能优化

本文主要是在我读《高性能Javascript》之后，想要记录下一些有用的优化方案，并且就我本身的一些经验，来大家一起分享下，Javascript的加载与执行大家都知道，浏览器在解析DOM树的时候，当解析到script标签的时候，会阻塞其他的所有任务，直到该js文件下载、解析执行完成后，才会继续往下执行。因此，这个时候浏览器就会被阻塞在这里，如果将script标签放在head里的话，...

2018-04-10 20:06:14 238

原创 HTML5 drag和drop的实践

起因最近在公司打杂的时候，突然分到了一个锅，就是要支持一个新的功能：用户可以通过拖曳组件来改变组件的顺序。因此，这阵子就看了一下网上的一些drag和drog的文章以及W3C的介绍，然后自己亲手实践了一下，毕竟打码，才能变得更强。首先，先放一个我的demo，大家可以去那里随便拖动一下玩一玩: https://chenjg1996.top/example/drag.html知识储备与drag和dr

2017-07-15 00:56:19 440

原创 css加载会造成阻塞吗？

终于考试完了，今天突然想起来前阵子找实习的时候，今日头条面试官问我，js执行会阻塞DOM树的解析和渲染，那么css加载会阻塞DOM树的解析和渲染吗？所以，接下来我就来对css加载对DOM树的解析和渲染做一个测试。为了完成本次测试，先来科普一下，如何利用chrome来设置下载速度打开chrome控制台(按下F12),可以看到下图，重点在我画红圈的地方点击我画红圈的地方(No throttling)

2017-07-06 16:05:15 3707 1

原创 2017年6月百度前端实习生面试问题

主题: 百度前端实习生面试面试时间: 2017年6月一面：问基础当时我正在与我的工作流技术(大三的一门很坑很坑的课)决一死战，结果突然就打电话过来面试，我当时整个人都蒙了~而且最坑的是~我的外卖刚跟我说到楼下了，然后就来面试了。。结果，我的外卖被偷了！！！！重点了一份。动画有哪些以及区别实现一个loading动画如果动画卡顿了怎么办(使用translate)要放置一个200X200的图片，图片

2017-06-26 16:46:26 755

之前有看过一些事件循环的博客，不过一阵子没看就发现自己忘光了，所以决定来自己写一个博客总结下！首先，我们来解释下事件循环是个什么东西:就我们所知，浏览器的js是单线程的，也就是说，在同一时刻，最多也只有一个代码段在执行，可是浏览器又能很好的处理异步请求，那么到底是为什么呢？我们先来看一张图(这张图来自于http://www.zcfy.cc/article/node-js-at-scale-under

2017-06-13 00:45:27 412

原创实现前后端分离的心得

目录如下：实现前后端分离的心得为什么选择前后端分离如何做到前后端分离为什么要引入nodejs作为中间层前端服务器如何部署实现前后端分离的心得对目前的web来说，前后端分离已经变得越来越流行了，越来越多的企业/网站都开始往这个方向靠拢。那么，为什么要选择前后端分离呢？前后端分离对实际开发有什么好处呢?为什么选择前后端分离在以前传统的网站开发中，前端一般扮演的只是切图的工作，只是简单地将UI设

2017-06-12 00:14:49 2389 1