前端框架库和老板同事那点事儿

Posted 2021-04-05 废柴美少女

当前浏览器不支持播放音乐或语音，请在微信或其他浏览器中播放

最近公司的一款产品因为积重难返打算重构，涉及到了前端的部分，因为我们公司并没有专业的前端工程师，最后便是各方面军聚在一起讨论前端框架的选型。

老板最看重是界面和交互，经常把一帮 java 程序员刀耕火种撸出来的页面喷出翔，嘱咐我参考 Bootstrap 这样的框架设计界面。

技术经理呢，担心团队的上手难度想用 jQuery

之前的产品主要负责人头疼的是项目维护和规范问题，力主 MVC 和组件化。

还有同学安利了比较时髦的 mvvm 框架。

作为无聊围观的吃瓜设计师，也是听得我一脸懵逼了。

前端框架选型无论是圈里圈外都是热门话题。然而到底什么叫框架，不仅圈外人一锅乱炖，前端的也经常各种乱入。

百度一下各种官方和接地气的解释，乍看是懂了，但是实际应用中在各种语境和七嘴八舌的引申下还是经常让人感觉说在鸡同鸭讲。

好比老板说要做个 H5 页面，我一直觉得那是营销和推广人员的活儿，和前端 html5 并没有五毛钱关系。

今天也就吐槽几句前端框架、库和它引发的交流障碍症 。

      

jQuery 是一个库（library）而不是框架这肯定是没有疑问的。但你应该能想到圈外人提起 jQuery 框架，基本上是指包含了的基于 jQuery 的各种组件和工具，比如 Bootstrap,jQuery UI 等等。

我觉得 js 库最核心的点在于对一些原生对象比如 DOM 和 event 等等的一系列封装，屏蔽了兼容性差异，解决开发中的重复操作，提升效率。比如 Ext 中的 Ext_core 就是一个单独的库。同理，我觉得 require.js、underscore.js 并不称为库，而应该算是工具(tool)，它们解决的是单一的问题，更类似于 jQuery 中的 sizzle 选择器。

组件(component)应该算个 HTML 的概念，select 就是个组件。但是原生的 HTML 组件实在太弱了，架不住五花八门的实际需要，用 css 和 js 实现了更精美更强大的组件，比如 tree、grid、dialog 等等。大多组件是基于某一个库的，比如 jQuery UI 是基于 jQuery,还有淘宝的 kissy，kissy 本来也应该是一个库，但它也有了自己的组件。

多个的组件集成在一起(大多是基于一个 widget 的基类)，便成为了组件库。

       然而组件库也不能算是框架（framework）。

在我看来真正的框架应该能承担一套完整的架构，包括代码的分层、结构、机制、规范、等等。

狭义的框架是很务虚的，通常是基于一种设计模式，比如 MVC、MVVM

在交流中提到的框架基本是广义的、务实的，Angular 本身也有一个库，它是基于 MVVM 的，但是搭上 ionic 组件库和 route 等工具它是一个事实上的框架。比如 Easy UI，它在 jQuery 组件库的基础上又来了一层抽象，进化成了一个框架。

大家经常提到的 jQuery 框架，实际上就来源于这里，在一层一层的抽象和实现中，jQuery 库为他整个生态代言而已。

在各人口中这些名词的指代不明确的情况下，经常要学会分清他们的意图。

比如 Bootstrap 框架，组件少得可怜，称它为皮肤都不冤。

Bootstrap 虽然是基于 jQuery 的，但实际上在 Angular、Vue、React 下都有实现，在只会看脸的老板的口中对应的是一种界面和交互样式。

所以你并不是一定要选用 twitter 出品的那个 Bootstrap，完全可以把老气的 jQuery 的改装成 Bootstrap 的样式。Bootstrap 正是在扁平化、css3 以及移动端推进下演变成了一种设计语言。

在交流中你经常得去这样解读对方说话的含义。

说 web app 的时候是在说基于 webView 的网页还是 phoneGap 的那套实现？

说手机网页的时候是指响应式还是自适应？

甚至是做一个淘宝这样的网站这种的需求。

各种技术词的滥用经常让人抓狂。

明明 ABC 是不同层面的东西，MCV、扁平化、组件化、jQuery 本来就是可以一起开撸的啊。

       所以呢，想要成为一个有经验的前端老司机，无论什么库、框架、模式，终究要组合起来是一个解决方案。对于老板和同事口中的各种技术名词，姑妄听之，懂得他们指代的需求就好了。这也就要求了不能整天只会埋头写代码，身为技术也要多关注公司业务和互联网的潮流风向了。

专稿：谢谢投稿人，不过他说要佚名

编辑：我我我我我，感觉配了这些图片，我都不是以前那个小清新的我了

ps：早睡早起，常做运动，多与异性交朋友～

---

定期推送

• 前端相关技术

• 听，某人在讲故事哄你睡觉了系列

• 黑，程序员漫画系列

• 程序员天生爱分享系列