一切都显得那么自然。不过在百忙之中是否有小伙伴想过，一个小小的Vue实例怎么有这么大的能量，竟然可以构建出如此复杂的前端项目。那么Vue内部是如何运转的呢，做了哪些事情呢，从今天开始跟着我一探究竟。 从Vue的构造函数中可以看到，当我们执行new Vue()的时候，只执行了一个…

最近在写项目的时候碰到一个场景：一个地图应用，有个侧边栏，侧边栏里面放着很多选项，选项改变的时候，应用会根据侧边栏的条件请求数据，然后在地图上放 markers 。页面可以简单抽象成如下结构：

做一个 Vue 图片选择基础组件

Vue.js 写了一个音乐播放器，四种精选皮肤，四种心境。加入本地存储，保留用户皮肤设置以及用户歌单，支持用户添加歌曲，打造一个专属自己的在线音乐播放器😄

这是十篇 Vue 系列文章的第三篇，这篇文章我们讲讲 Vue 最核心的功能之一 —— 响应式原理。 可以这样理解：当一个状态改变之后，与这个状态相关的事务也立即随之改变，从前端来看就是数据状态改变后相关 DOM 也随之改变。数据模型仅仅是普通的 JavaScript 对象。而当…

本文主要分析使用环境变量管理前端项目时会遇到的问题，并介绍常用工具给出解决方案。

1. 什么是热区 热区，是指在一张图片上选取一些区域，每个区域链接到指定的地址。 因此热区组件的功能，就是在图片上设置多个热区区域并配置相应的数据。 2. 热区功能介绍 设置数据可显示。 3. 实现手段与结构划分 MVVM 讲究以数据驱动视图，然而热区这类场景需要需要大量的 D…

将静态资源文件（运行依赖包）与源文件分开打包，先使用DllPlugin给静态资源打包，再使用DllReferencePlugin让源文件引用资源文件。