大家好，我是神三元，今天通过一道面试题来和大家聊一聊webpack。 我相信，尽管很多开发者会根据官方文档进行webpack的相关配置，但仍然并不了解Webpack究竟是起什么作用的，在前端工程化扮演者什么角色，观念仍然简单地停留在“代码打包工具”上。真的是这样吗？ 相信这个定…

Ajax横空出世，打破了前后端交互的时候需要重新加载页面，就是整页刷新，我们可以通过Ajax技术直接在页面不刷新的情况下，发出请求，获取返回数据，然后通过js操作Dom更改页面内容。 也是Ajax出现了以后，才促成了往后的前后端分离，不再是前端只负责切图，只是给后端同学提供模板…

本文从Event Loop、Promise、Generator、async await入手，系统的回顾 JavaScript 的异步机制及发展历程。 需要提醒的是，文本没有讨论 nodejs 的异步机制。 也许我们都听说过JavaScript是事件驱动的这种说法。各种异步任务通…

这段脚本执行我们猜测会依次打印：1、2、3。但是实际效果中，只会输出一次：3。为什么会出现这样的情况？我们来一探究竟。 我们定义watch监听msg，实际上会被Vue这样调用vm.$watch(keyOrFn, handler, options)。$watch是我们初始化的时候…

第一次听到这个需求，我的大脑开始疯狂运转，然后想到了plan 1, plan 2, plan3...中间还有很多失败想法我已经忘记了，这里方案三是我最终采用的方法。 这种方式很好，就是，，，如果大家的代码风格很一致的情况下使用比较好。 表示：用户在距顶部2px时停留了2728m…

从 详情页 -->返回 列表页 的时候页面的状态是缓存，不用重新请求数据，提升用户体验。 从 列表页 -->返回 主页 的时候页面，注销掉列表页，以在进入不同的列表页的时候，获取最新的数据。 今天 让我们来实现这个需求。 在 代码的世界里 解决问题的 方法 从来都不止一种。 可…

更新：在常用七种继承方案的基础之上增加了ES6的类继承，所以现在变成八种啦。 构造函数、原型和实例之间的关系：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个原型对象的指针。 继承的本质就是复制，即重写原型对象，代之以一个新类型的实例。 原型…

虽然webpack已经升级到了4，但网上大量webpack配置的博文依旧是2/3，按照2/3的一些方法去配置webpack4会出现很多问题，非常不利于学习（挫败感）。 大家调侃webpack配置复杂，有各种像webpack配置工程师这样的段子。认真梳理起来其实并不难懂。 本文中…

如果一个类能够重用另一个类的属性和或方法，就称之为继承。 面向对象的语言多数都支持继承。 子类可以使用父类的所有功能，并且对这些功能进行拓展。 继承最重要的优点就是代码复用，从而构建大型软件系统。 跟借用构造函数模式一样，每次创建对象都会创建一遍方法。 但对象冒充有个问题，当父…