最近有很多童鞋跟鱼头说，面试的时候动不动就问源码。 也有很多童鞋遇到问题的时候，鱼头建议这些童鞋看相关库 / 框架 / 项目的源码。 但是也有很多童鞋向鱼头抱怨说：“源码太难了。” 那么源码真的是一块难啃的硬骨头吗？ 其实不是的。 作为一个优秀（或说合格）的开源项目，它的代码一定不会是晦涩难懂的。不仅是

本文最初发布于 Medium 网站，经原作者授权由 InfoQ 中文站翻译并分享。 NodeJS 的创造人 Ryan Dahl 刚发布了一个新的运行时 Deno，旨在解决 Node 存在的许多缺陷。像大家一样，我一开始也以为这只是又一个 JS 框架。但是深入了解过 Deno 的各项优点之后，我意识到了 Deno 正是 2020 年的今天，后端 Javascript 开发

最近读《重学前端》，开篇就是让你拥有自己的知识体系图谱，后续学的东西补充到相应的模块，既可以加深对原有知识的理解，又可以强化记忆，很不错的学习方案。 这篇文章主要知识点来自： 《Node.js硬实战：115个

研究表明，如果网页不能在 3 秒钟内加载完毕，那么 40% 的访问者将会离开。 根据 Google 的一篇论文记载，如果网站的性能较差，那么 79% 的访问者说自己将不会再访问该网站。 以前，浏览器只支持一种语言：JavaScript。JavaScript 是一门很好的语言，但是它本身就不是为大量计算或游戏而

前置知识 一些单词 somewhat：有点 ( somewhat expensive operation 操作有点昂贵 ) teardown：卸载 复制代码 使用案例 <template> <div class="about"> <h1>This is a watch page</h1> <div>count = {{count}}</div> <button @click="c

在 JavaScript 中每一个函数都有一个 prototype （原型）属性，这个属性指向一个对象，而这个对象就包含了可以让所有实例共享的属性和方法。也就是说 prototype 是通过调用构造函数而创建的对象实例的原型对象，这样就可以很方便的让每个实例共享原型对象上的属性和方法。 下面来看一个例子： function Person(name

byzhangxinxu from https://www.zhangxinxu.com/wordpress/?p=9461 本文欢迎分享与聚合，全文转载就不必了，尊重版权，圈子就这么大，若急用可以联系授权。 一、Chrome浏览器双指触摸的模拟 结果是模拟不了。 页面整体缩放行为是可以通过按住Shift键+页面左键模拟的，但是，实际上，还是一个触摸点，因此无法模

编写软件很难。 只有少数方法可以做到正确，有很多方法可以做到错误，使我们的生活更加艰难。 在本文中，我们将通过一些代码气味来探讨编写不良代码的一些方法。 具有不同接口的替代类 由于重复，两个功能相同但接口不同的类并不好。 我们不想那样。 因此，我们可能要使用共享代码创建一个超类，然后使子类

在很长一段时间内，决定在Node.js和PHP之间进行选择是一件很麻烦的事情，但对于后端程序员来说，这一直很麻烦，但它从未影响过开发人员。但是事情很快就发生了变化，现在开发人员必须选择其中之一。Node.js与PHP的战争最近变得相当麻烦，对于开发人员来说，从中选择合适的选择简直就是一场噩梦。 早期的JavaScript和PH

在当前的微前端实现中，我们需要通过一系列的技巧去实现。正如上图所示，微前端的公共依赖加载目前并没有非常好的实现方案。然后，Webpack 5中的模块联邦将会改变这一现状。 模块联邦可以去依赖一个远程模块，这个依赖会在运行时生效，并不影响编译时。因此，这个远程依赖的模块就可以是一个微前端独立模块。同时，每

https://blog.csdn.net/qq_32447301/article/details/84948717?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase  废话：想不到我的第一篇博客是关于

  执行环境（execution context）定义了变量或函数有权访问的其他数据，决定了它们各自的行为。每个执行环境都有一个 与之关联的变量对象（variable object），环境中定义的所有变量和函数都保存在这个对象中。虽然我们 编写的代码无法访问这个对象，但解析器在处理数据时会在后台使用它    一般来说js里面存在两种执

双向绑定 数据和视图数据互相绑定，对数据操作的时候，会影响到视图，对视图操作的时候，也会反过来影响数据。 vue数据变更 Vue 将被侦听的数组的变更方法进行了包裹，所以它们也将会触发视图更新。这些被包裹过的方法包括： push() pop() shift() unshift() splice() sort() reverse() 深入响应式原理 Vue 最独特

Webpack凭借强大的功能，成为最流行和最活跃的打包工具，也是面试时高级程序员必须掌握的“软技能”；笔者结合在项目中的使用经验，介绍webpack的使用；本文是入门篇，主要介绍webpack的入口、输出和各种loader、plugins的使用以及开发环境的搭建，技术大佬请ctrl+w。 本文所有的demo代码均在 WebpackDemo 概念

之前遇到个问题，在做项目的时候，需要用户上传视频文件，但是这个视频文件一般都很大，几个G的都有，需要前端组件化的去实现这个功能，所谓断点续传就是，传了一半之后，断电了，关闭浏览器了，电脑被娃儿倒了一

在今天学习webpack搭建前端环境时候我们应该先熟知node有关的知识，用node.js来安装一个包。便于我们更好的理解。 一：什么是webpack 1.本质上，Webpack 是一个现代 JavaScript >应用程序的静态模块打包器（static module >bundler）。在 Webpack 处理应用程序时，它会在内部创建一个依赖图（dependency >gra