Roadster

需求简介 轮播图是我们前端开发中的一个常见需求，在项目开发中，我们可以使用element、ant等UI库实现。某些场景，为了一个简单的功能安装一个库是没必要的，我们最好的选择就是手搓。 我们来看一个需

前端开发通常都是写写页面，调调接口啥的，导致我对于路由配置和服务器部署这方面的知识一直是很模糊。这次来彻底的学习下，希望大家能有所收获！

这两个语句我们应该经常能看到，第一个import就不用说了，可以说现在的前端项目随处可见，第二个import可以在需要懒加载的地方看到，比如vue-router的懒加载配置，但是大家好像却从来都没太深究过这个东西。 import是es module提供的一个加载模块的方法，目前…

什么是webSocket？ 简单来说：webSocket就是服务器和客户端相互主动传输信息的约定协议。 优点: 基于TCP协议： WebSocket建立在TCP之上，这使得服务器端的实现相对容易。 与

1. exports 和 module.exports 的区别 2. commonJs 和 esModule 的区别 commentJs具有缓存。在第一次被加载时，会完整运行整个文件并输出一个对象，拷贝（浅拷贝）在内存中。下次加载文件时，直接从内存中取值 其实上个栗子中的 co…

最近在看一些底层方面的知识。所以想做个系列尝试去聊聊这些比较复杂又很重要的知识点。学习就好比是座大山，只有自己去登山，才能看到不一样的风景，体会更加深刻。今天我们就来聊聊Vue中比较重要的响应式原理以及依赖收集。 Object.defineProperty() 和 Proxy …

上一篇，我们介绍了vue实现响应式的原理。其中，有2点需要重点展开分析： 在讨论上述2个问题之前，我们先待 了解 compiler过程。这是核心前提，只有先熟悉了它，我们才能清晰的认识到 数据的流向。 一. Compiler 在vue中，我们写template，显然浏览器不认识…

近来遇项目打包之事，撰文记之。以期分享，皆有所获。 基于这个两个前提，我们再进行下一步。 其中 analyzerMode 的设置比较重要。 得出如上图的分包并不难，vue-element-admin 自带这些配置。 如果你暂时还看不懂这些配置项，先别急，后面会一一陈述。 你只用…

这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后，也阅读了相关的项…