函数防抖和节流

函数防抖我们经常会遇到这样的需求:需要我们监听用户的输入向后端发送请求,比如搜索推荐,我们会监听input框的change事件,但是如果用户每次按下键盘都发送请求,会发送很多请求、卡顿等。为了优化这种情况,我们就需要用到函数防抖。 函数防抖就是让某个函数在上一次执行后,满足等待某个时间内不再触发此函数后再执行,而在这个等待时间内再次触发此函数,等待时间会重新计算。 使用函数防抖后,假设我们input框的change事件,当输入完成后

阅读更多...

单元测试 & mocha框架

一、什么是单元测试 单元测试(unit testing),是指对软件中的最小可测试单元进行检查和验证。对于单元测试中单元的含义,一般来说,要根据实际情况去判定其具体含义,如C语言中单元指一个函数,Java里单元指一个类,图形化的软件中可以指一个窗口或一个菜单等。总的来说,单元就是人为规定的最小的被测功能模块。单元测试是在软件开发过程中要进行的最低级别的测试活动,软件的独立单元将在与程序的其他部分相隔离的情况下进行测试。 单元测试在前端

阅读更多...

使用pm2+github将node项目一键部署到远程服务器

每次在本地跑Node项目自娱自乐总不是很爽,一直想把自己的node项目部署到服务器上。但是我对于后端和运维知识我还是处于小白阶段,今天研究了一下午,总算是成功把自己的node项目搞了上去,又学到了新姿势。本文将介绍怎么从零开始,获得服务器,并将node项目通过github+pm2部署到远程服务器。

阅读更多...

关于jQuery的Deferred对象介绍(译)

(趁着毕设要求,翻译了一篇文章,顺便放上来。英文不好翻了2天才翻完,/(ㄒoㄒ)/~~如有错误欢迎指正。)原文链接:An Introduction to jQuery’s Deferred Objects 长久以来,javascript的开发者习惯于使用回调函数去执行某些任务。一个常见的例子就是当某些事件比如click或者keypress执行的时候,通过addEventListener()添加回调函数。这样做的好处是,回调函数很简单,让

阅读更多...

利用Fiddler进行前端调试

最近刚get了一个很方便前端调试的新技能,特别在已上线网页上修复bug的时候调试很实用,比如我在本地改了一个test1.js文件想要测试效果,但是又不想很麻烦地推到测试环境,就可以用这个工具把线上的test1.js文件请求到自己的本地test1.js文件,这样你的代码可以直接进行调试了。 首先我们要用的工具是Fiddler,这是一个强大的工具,在这里我就不详细介绍了,有兴趣的可以去了解一下慕课网:Fiddler工具的使用。 我们直接进入

阅读更多...

浏览器的重绘与重排

前端开发的过程中,我们不仅要实现设计师提供的炫酷设计稿,同时还要考虑到用最好的方式,最优的性能去实现它。为此,我们需要了解浏览器的重绘与重排概念。

阅读更多...