格砸

最近做了一个轻全栈项目，用Golang编写服务端API接口，用Vue2.6实现前端UI。最后使用Docker进行构建部署。 整个开发过程还是很顺畅的，没有遇到太大的麻烦。当最后用Docker构建完跑起来的时候，真的发现Docker这玩意是真的方便啊！ 话不多说，直接介绍这个小项…

本篇文章主要讲解常见单页应用路由库的实现思路。通过其实现方法我们可以了解到一些浏览器的工作原理，并且深入学习理解一些平时不常用的API。 由于业务需要，我们要监控页面的访问次数。对于传统的多页应用来说，很简单，我们只需要在页面加载完毕后上报就可以了。但是对于单页应用来说就没那么…

正则匹配作为JS语言中的一个功能。常常出现在我们的表单验证，字符格式化等场景中，也是面试考核的常客。虽然网上的正则一大推，可以直接拿来用，但我们还是有必要学习下正则的基本用法。毕竟它对于字符串匹配处理真的很方便，同时也不会让你倒在简单正则面试题上。 本篇文章注重介绍正则基础字符…

在上一篇我们讲到了数据劫持，和数据观测。那么怎么将数据和相关的DOM关联起来呢？本篇我们将解开这个过程。 上一篇讲解中我们知道Watcher是实际执行数据变更之后操作的主要对象，我们先找到它的实例化路径，发现它是在mount的时候进行的操作。 我们先解释下参数：首先传入了组件实…

首先我们这次的源码分析不仅仅是通过源码分析其实现原理，我们偶尔还会通过Vue项目编写的测试用例了解更多细节。 根据官方的指导图来看，数据(data)在变更的时候会触发setter而引起通知事件(notify)，告知Watcher数据已经变了，然后Watcher再出发重新渲染事件…

作为HTML5中的一大亮点，video标签的出现取代了以往Flash的地位，成为了标准的视频播放方案。 接下来我们将一步一步挖掘video的所有功能。 video标签下面使用多个source标签链接视频源，浏览器选取第一个支持的视频格式进行播放，当浏览器不支持video播放功能…

其他部分分析暂时不放了，你只需要知道关于路由加载，管理，匹配都是VueRouter创建的实例上的一个属性router.matcher做的，接下来我们主要是针对这个matcher相关代码分析。 VueRouter实例的两个方法match和addRoutes都是内部matcher对…

本篇文章不会涉及到堆栈，异步队列等知识，我们只探讨从代码到执行，JS引擎做了哪些工作。 众所周知，JavaScript是一门解释型语言，只有当JS引擎将要执行代码时，才会去对代码进行解析编译。 我们以最熟悉的JS引擎V8简单描述一下。 如上图所示，引擎主要分为三步进行编译。 1…

本篇文章主要讲解了JS中对象属性赋值时，会出现的种种情况，在开始之前，为了加深大家的印象，我们来假设一个场景。 这是一个凄惨/圆满的爱情故事，让我们慢慢来说。 很久以前，有一个很漂亮的女孩，她叫做小菊。 小明很喜欢小菊，但是却一直没敢告诉她，他每天等她下课，接送她回家，他已经觉…