愿你出走半生,归来仍是少年

Vue 中使用 Monaco editor

Monaco Editor 是一款开源的在线代码编辑器,是 VSCode 的浏览器版本,随着近年 VSCode 大热,Monaco Editor 也随之走红。本文以 SQL 为例,展示 Mona...

基于 vue 的可插拔架构设计

简单来说,可插拔架构就好比是一个插排,可以连接一个及以上的插头,插头插上或者拔下都不影响插排的正常使用,插上去某个插头连接的电器可用,拔下来,该电器停用。而在我们前端体系中,一个个带插头的电器可...

如何搭建一个简单的脚手架

大部分项目的技术栈,引用的组件库,工具库等,以及整体的项目框架都是一致的,每次新开一个项目,都要做 N 次的 CV,影响效率不说,也不优雅。如何让这个过程变得简洁而又优雅呢?毫无疑问,我们需要一...

Vue 源码学习之事件机制

写这篇文章的起因是因为今天组里的小伙伴问了我一个比较常见的语法的原理,而我用了这么久的 vue,对该写法早已熟能生巧,但一谈到如何实现,突然愣住了,这玩意儿好像真没注意过。。。

Vue 源码学习之 diff 算法

学习源码可以让我们更加深入的了解框架的思想,以便我们能够更好的利用框架

如何优雅的使用 Vue Router History 模式

如果不想要很丑的 hash,我们可以用路由的 history 模式,这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。 —— Vue Rout...

Vue 使用的一些小技巧

We can’t change history, but we can change the future. –忘了哪里看到的

如何打造更快更轻的 Vue 应用

本文主要针对自己最近项目中遇到的一些问题,并参照网上的一些文章,整理了部分 Vue 性能优化上的点。

Docker 部署前端应用

Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,然后发布到任何流行的Linux机器或Windows 机器上,也可以实现虚拟化,容器是完全使用沙箱...

1235