前言

在各种前端框架盛行的今天，你有多久没用过原生js写下一段代码了呢？

背景

本人是在2018年开始从事前端开发的，虽然当时vue框架已经很火，自己也写过不少vue项目，只不过写得最多的还是原生js。记得当时需要给一个项目增加新的前端功能需求，由于该项目已经实际运行当中，所以时间紧迫，该功能需要在5个小时内完成、测试、以及上线。因此，拿到源代码时，快速熟悉了项目的整体，发现前端采用vue框架编写，既然是vue，那就用vue来编写新功能。初略估计了时间，应该是来得及，于是，便开始着手新的功能。

过程

然而，事情并没有想象的那么简单，发现自己用vue写的功能，竟然毫无效果！并且报错不断！vue的基本功，自己觉得还是可以的，也写过大大小小的项目，但是这次却不灵了！由于之前该项目的开发，自己并未参与，因此一时半会摸不清楚问题所在。于是花了近三个小时排查问题，却依旧没有得出结果。搞得怀疑自己的vue写法是否正确，还特意去vue官网查看，发现写法完全没有问题！但是代码就是报错，浏览器无任何运行效果。

原生js

时间所剩不多，自己还在焦头烂额地排查问题所在，心里不断唠叨着：“为何要用vue写，为何要用vue写”。突然灵机一动：“对呀，为何要用vue，还有原生JS这一大招呢”。于是，重新整理思绪，大脑快速地过一遍用原生JS实现该功能的一个大体逻辑，便快速进入编写过程，就这样，用原生JS一口气完成了该功能需求，过程中并没有遇到太多的困难，且在时间要求范围内完成测试以及上线。

总结
事后，仔细重新排查了问题所在，发现该项目不仅用了vue框架，还引用了别的七七八八框架重叠，以及UI库等，导致该项目的的重构性差，经过这次经历，深切感受到原生JS的强大，重要性，以及在特殊情况下能够给开发人员多一个选择的方向以及多一份安全感。
在这里并非贬低vue或者其他框架，论方便，快速开发还是框架好。只是若遇到类似写不动，改不动，而又不知问题所在，如果只会用框架，没有掌握好原生JS，那在实际开发过程将会变得很被动，毕竟1000个人用框架，有1000种写法。