Day29

草莓正在奋力地练习之前学过的 JavaScript，熊熊刚下班急忙忙地跑过来。

「草莓啊不好意思，公司有个东西突然坏掉，刚刚加班才修好～」熊熊说。

「没关系～咦，Ｊ个黄黄的是什麽呀？」草莓望向熊熊的笔电包包。

「没有啦，那个我赶来路上的时候捡到的啦，我们赶快进入今天的主题啦啦啦啦啦」

「草莓，你知道什麽是框架吗？」

「我知道～之前在讲 CSS 的时候有玩过 Bootstrap。」

「Bootstrap 是 CSS 的框架，但你知道 JavaScript 也有框架吗？」

「哪尼？」虽然草莓眼睛极小，但她还是努力瞪大双眼地说。

「不过在这之前，我们先要知道框架的存在和意义，不然直接去使用 JavaScript 框架就太本末倒置了。」

「让我想想看～像 Bootstrap 的话，就是很多已经写好的样式，让我们可以直接引入使用，所以框架的存在应该是想帮助工程师们省下时间对吧？」草莓说。

「说得没错～ JavaScript 框架也是为了类似的意义而存在的，另外一个原因是，在我们撰写网站的过程中，当你越写越多就会逐渐发现，有些功能是重复出现的，甚至是每一个网站必备的，遇到这种情况就会思考说是否能把这些功能独立拿出来重复使用，下次制作新的网站时就不需要又写一样的东西了。」

「听起来框架帮我们做了好多事情喔！」草莓说。

「的确，但也要自己去评估是否有使用框架的必要性，毕竟框架通常包山包海，都会预设你需要这些东西，如果今天要制作的网站规模不大，那硬是去使用框架就会变成拿石头砸自己的脚了～」

「了解～好好奇有哪些框架可以使用喔？」

「来～我们首先看到 Angular，它是由 Google 公司推出的前端框架，算是相当早期就推出的工具，从第一版到後来的版本可以说是经历了相当大动作的更迭，虽然推出的时间较早，但使用它的公司还是很多喔！」

「Logo 长得好像盾牌喔。」草莓心想。

「接下来看看 React，这也是目前最受欢迎的前端框架之一，维护它的社群和生态圈发展地相当蓬勃，大部分你遇过的问题其他工程师也遇过了，所以 Debug 的时候会比较有方向性，而它背後同样有富爸爸 Facebook 支持，因此也不太需要担心没有足够的资源继续发展。」

「我刚刚查到，发现 React 还可以写手机的 App 耶？」草莓有点吃惊地说。

「是的～这也是 React 厉害的地方，官方团队所推出的工具不仅在浏览器上能执行，在手机端也有 React Native 的支持，也就是说只要使用 React 就能同时撰写网页端和手机端的程序罗！」

「好神奇呀！」

「最後我们再介绍一个，这个框架叫做 Vue，也是这几个框架中最为年轻的一个，但受欢迎的程度同样不容小觑。在它的设计概念上借鉴了 Angular 的想法，但它提供的语法相对简洁许多，虽然它不像前面两个框架有大公司的团队支持，主要工作都是由原作者一人开发，但 Vue 的设计哲学还是吸引了许多工程师的爱好与关注。」

「熊熊，Vue 是不是有在卖眼药水啊？」草莓问。