一项技术不会凭空产生，都是为了解决某些实际的问题而出现。了解技术产生的背景，可以让我们更好的知道他擅长解决什么问题，哪些场景我们可以利用他来解决。那么就让我们一步一步来揭开promise神秘的面纱。 首先我们来了解一下promise。promise英语的意思是：诺言。Promi…

之前面试今日头条的时候，今日头条面试官问我，js执行会阻塞DOM树的解析和渲染，那么css加载会阻塞DOM树的解析和渲染吗？所以，接下来我就来对css加载对DOM树的解析和渲染做一个测试。 假设结果: 在bootstrap.css还没加载完之前，下面的内容不会被解析渲染，那么我…

It should not come as a surprise that CSS in modern web development is far from perfect. Nowadays, projects are usually quite complex and, …

这个问题是在下在做一个Vue项目中遇到的实际场景，这里记录一下我遇到问题之后的思考和最后怎么解决的(老年程序员记性不好 -。-)，过程中会涉及到一些Vue源码的概念比如 $mount、render watcher 等，如果不太了解的话可以瞅瞅 Vue源码阅读系列文章 ~ 1. …

1. 验证

浏览器端JavaScript是以单线程的方式执行的，也就是说JavaScript和UI渲染占用同一个主线程，那就意味着，如果JavaScript进行高负载的数据处理，UI渲染就很有可能被阻断，浏览器就会出现卡顿，降低了用户体验。 为此，JavaScript提供了异步操作，比如定…

form: 统一管理form-item。 form-item：负责完成验证等。 初始化，需要验证的让form组件收集起来，有验证规则的el.form.blur ，el.form.change 事件监听起来，等待触发验证。 这里用到的dispatch方法从mixins中引入：找到…

webpack是一个强大而复杂的前端自动化工具。其中一个特点就是配置复杂，这也使得「webpack配置工程师」这种戏谑的称呼开始流行🤷但是，难道你真的只满足于玩转webpack配置么？ 显然不是。在学习如何使用webpack之外，我们更需要深入webpack内部，探索各部分的…

理解 JavaScript 语言的最重要的基本概念是理解执行上下文。正确的学习执行上下文，可以让你更容易学习更高级的内容，比如变量提升（hoisting）、作用域链（scope chains）和闭包（closures）。