19年初，初入前端行业的时候，自己靠着google、百度，花了200大洋，买了域名、服务器，搭了自己人生中第一个wordpress博客，收获了作为菜鸟的第一份成就感。虽然并没有写很多博文，但是对网上的各种事物都想去了解一下，正好服务器快到期了，供不起了，因此照着别人的教程，搭了这个新的博客，挂在github上，供自己有空的时候写什么也好。菜鸟太忙啦！希望自己能多写点笔记丰富下内容吧。以后慢慢去发掘各种好玩的东西，多涨见识，在此，请各位有缘路过的大佬多多指点，不胜感激！

JS设计模式

设计模式是面向对象语言中一套在特定场景下的较为简洁且优雅的解决方案。最初的设计模式可以说是为静态类型语言而生的，或者说是完全从面向对象编程的角度出发的。但是设计模式实际上只是一种思想，即如何在某种场景下更简洁优雅的解决对应的问题，并将这种设计思想提炼出来形成一种普适的模式，因此设计模式本身是与语言无关的。每种语言都有一些比较实用的设计模式，使用这些设计模式可以提高代码的整洁性、可维护性以及性能等，JS中也不乏有一些必须要掌握的设计模式。

异步执行的location.href

今天在做一个页面跳转的时候遇到了一个小坑，记录一下。

基于webpack的require.context()API，批量自动注册全局Vue组件

在vue的项目中，我们很多时候都会用到组件，有时候一个组件只用一次，有时候一个组件在很多地方都要用到。

那么为了代码的简洁，以及避免我们开发时做更多的重复性的操作，对于那些会在很多地方都用到的组件，我们有必要将其注册为全局组件，以便一次注册，全局调用，免得不停的import。

Vue的三个常见组件库对比

随着前端组件化越来越普及，现在很多web项目或多或少都会倾向于使用组件库，有条件的公司可能会有自己团队专门针对本公司业务需求开发的组件库，这种量身定制的组件库无疑会很好的贴合公司产品。

但是，相信更多公司由于各种因素，没有专门为自己定制维护一个组件库，因此就需要使用别的公司开源的组件库。既然不是完全符合自身的，那么在组件库的选择上就有必要多考虑考虑了，因为组件库的选择将影响整个项目的开发以及业务需求的实现等等，选得好，开发起来轻松愉快，选得不好，那可能就要头皮发麻了。

那么就我了解的3个基于vue的组件库做了个比较(element、ant design of vue、vant)，看看它们各自的特点、定位以及优缺点等等。