策略模式 （Strategy Pattern）又称政策模式，其定义一系列的算法，把它们一个个封装起来，并且使它们可以互相替换。封装的策略算法一般是独立的，策略模式根据输入来调整采用哪个算法。关键是策略的实现和使用分离。 1. 你曾见过的策略模式 现在电子产品种类繁多，尺寸多种多…

我想很多和我一样的朋友小时候都看过《天龙八部》，里面的女主角王语嫣是个武学博才，但自己却毫无实战。比如段誉和慕容复交手时，她连连口述指导："段郎，二龙爪手，抢珠三式，当心你的腰肋，注意你的气户穴。潘月偷心，扶手相望......"，虽然看着感觉都是一些最基本的拳脚功夫，但有解说在…

如何提高代码的可读性、复用性、扩展性。我们将从以下四个方面讨论： 可以用 ESLint 检测代码中未命名的常量。 既然创建了一个 car 对象，就没有必要把它的颜色命名为 carColor。 如果参数超过两个，建议使用 ES6 的解构语法，不用考虑参数的顺序。 这是一条在软件工…

JavaScript ES2015 规范出现后，一切都大变样啦。 该规范很大——随着对modules（模块）原生支持以及不断发展的函数式编程，新的 JavaScript 语言重焕新生。并且每年持续推出 ES2016，ES2017 ... 然而在面试或招聘前端开发时，期望、现实和…

其中模拟bind方法时是使用的call和apply修改this指向。但面试官可能问：能否不用call和apply来实现呢。意思也就是需要模拟实现call和apply的了。 在fun函数运行时指定的this值。需要注意的是，指定的this值并不一定是该函数执行时真正的this值，…

以上就是图片前端压缩并上传demo的完整演示。 要想使用JS实现图片的压缩效果，原理其实很简单，核心API就是使用canvas的drawImage()方法。 各参数具体含义可以参见“Canvas API中文文档-drawImage”，这里不展开。 把大图片画在一张小画布上，压缩…

在三大框架盛行的时代, 基本上会个Vue就能在小公司浑水摸鱼。但是当想突破的时候就会意识到基础的重要性。 JavaScript中有很多重要特性及概念。比如原型,原型链,this,闭包,作用域,隐式转换等等。如果不能熟练掌握,在进阶中级前端开发工程师的道路上必定是困难重重。 用一…

这篇文章将介绍如何使用原生 JS （主要使用 ES6 语法）实现全屏滚动插件，兼容 IE 10+、手机触屏，Mac 触摸板优化，支持自定义页面动画，压缩后 gzip 文件只有 2.15KB（包括了 CSS 文件）。完整源码在这 pure-full-page，点这查看 demo。…

最近经常看到很多JavaScript手写代码的文章总结，里面提供了很多JavaScript Api的手写实现。 里面的题目实现大多类似，而且说实话很多代码在我看来是非常简陋的，如果我作为面试官，看到这样的代码，在我心里是不会合格的，本篇文章我拿最简单的深拷贝来讲一讲。 本文由浅…