前言：
现在同学们对“网站前端设计使用的主要技术”可能比较关切，各位老铁们都想要学习一些“网站前端设计使用的主要技术”的相关内容。那么小编也在网摘上网罗了一些关于“网站前端设计使用的主要技术””的相关知识，希望朋友们能喜欢，咱们一起来了解一下吧！Vue Js
众所周知，Vue Js没有什么大厂在背后支持，是由Evan You开发和发布，算是一个单人项目。
即便如此，它仍旧与Angular和React形成了竞争态势，是不是很牛～ 在国内拥有大量的拥趸，热度很高。
基于Vue Js的界面开发是非常容易和简单的，它还是有优缺点的。
优点：
入门门槛低，因此初级开发人员可以比Angular更快地掌握Vue Js；声明式渲染支持；与HTML模板轻松集成；可以实时观察发展情况。
缺点：
它的支持社区相对较小，尤其是与React和Angular相比，这导致可用库的数量非常少；组件道具必须预先定义。
即便有弊端，在2021还是应当多给予关注的。
Angular
从Vue Js开始讲起， 因为是在国内社区，但在国外，Angular仍然是最受欢迎的前端框架之一。
它不会很快消失，所以让我们看一下Angular今年将带给我们什么。
2017年12月（不好意思，听上去有点久远）Angular5上线，算是一个期待已久的圣诞节礼物。
它包括PWA支持，构建优化器以及对Material Design实现的一些改进等新功能。在国外，许多专家仍旧为其擂鼓呐喊，称其这是2021年最好的前端框架，那我就人云亦云下下。
优点：
双向数据绑定；巨大的社区支持；由Google支持，可确保稳定的长期发展；移动友好的网站开发方法；PWA支持。
缺点：
入门门槛高：从头开始熟悉Angular，平均需要两个月的时间；智能手机上的高功耗：开发人员需要花费更多时间来优化代码，以降低功耗；性能低下（再次，必须花一些时间进行优化）。
顺提一句，Angular是创建单页页面和动态应用程序的不错选择，是2021年为我们提供的顶级JavaScript框架之一。
Next.js
Next.js是为服务器渲染React应用程序打造的，它由Zeit公司支持和维护。
无疑Web应用程序的需求量和开发量在趋于增长（这是另一个Web开发趋势），如果将React与Next.js结合使用，则在开发简单性方面，将尽可能接近Vue.js提供的功能。
优点：
有大厂的的支持；易于使用，内置React，Webpack，React DOM和React Router；包括服务器端渲染；通用JavaScript支持；代码拆分。
缺点：
可能不适合开发大型项目；服务器和客户端之间可能会出现不一致的情况。
Gatsby
Gatsby是由Kyle Matthews构建的用于开发静态网站的框架。
Gatsby非常适合那些打算使用最新技术但同时手中预算比较有限的人，因此静态网站开发以及这种投入产出效率权衡，反映出了一种趋势正在到来。
优点：
使用React和Webpack组件，而不是模板；使用GraphQL，这使Gatsby成为开发静态网站的最佳框架；与其他静态网站生成器或框架相比，使用Gatsby编辑内容更容易；可用于开发静态PWA；自动代码拆分和静态SSR，可加快启动速度。
缺点：
只能用于创建静态Web应用程序；相对较新，因此没有太多可用的库；用于创建不符合页面模型的自由格式应用程序的功能有限。
静态网站之所以受欢迎，有一个简单的原因：静态网站比目前最好的现成引擎要安全得多。Gatsby通过利用此趋势，使静态网站开发比以往任何时候都容易。
Storybook
Storybook这种Web框架，是一个由社区驱动的UI开发环境，是众多偏爱用React做开发的同学非常喜爱的工具之一。它在2017年取得巨大的成功。
Storybook允许设计人员独立定义，设计和测试用户界面组件，开发人员可以通过组装这些组件来开发整个应用程序。
优点：
逐个构建应用程序可进一步提高其可测试性；与流行框架（例如React Native）的轻松集成。
缺点：
由于它现在是社区驱动的项目，因此无法保证Storybook的可持续支持。
React
React是一套JavaScript Web库，由Facebook打造而成，主要用于构建高性能及响应式用户界面。
相对于其它框架，React在面对大规模数据集的处理的的一大常见难题时，它拥有更高的速度与表现。
（它能够使用虚拟DOM，并在发生变更时利用补丁安装机制只对DOM中的dirty部分进行重新渲染）
优点
React速度很快，它并不直接对DOM进行操作；跨浏览器兼容，虚拟DOM帮助我们解决了跨浏览器问题；一切都是component：代码更加模块化，重用代码更容易，可维护性高；单向数据流，Flux是一个用于在JavaScript应用中创建单向数据层的架构；兼容性好，比如使用RequireJS来加载和打包。
劣势:
不适合单独做一个完整的框架： React是目标UI组件，通常可以和其它框架组合使用，目前并不适合单独做一个完整的框架。React 即使配上 Flux 的组合，也不能称之一个完整的框架，比如你想用Promise化的AJAX？对不起没有，自己找现成的库去。而且第三方组件远远不如Angular多。React本身只是一个V而已，所以如果是大型项目想要一套完整的框架的话，也许还需要引入Flux和route相关的东西。而Angular在这方面提供的东西比React多多了。
