Web前端三大主流框架是什么？它们的优点和缺点试什么？
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">近十年<span style="color: black;">败兴</span>，IT行业发展火热，衍生了<span style="color: black;">非常多</span>新职业，例如UI设计师、<span style="color: black;">研发</span>工程师、软件测试工程师等等，在众多备受瞩目的新生职业中，Web前端工程师是其中的一员。<span style="color: black;">那样</span>Web前端三大主流框架是什么呢？</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic1.zhimg.com/80/v2-d8f93fa68b5ab56678733a8f7ae55be0_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">1、</span>Web前端三大主流框架是什么</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">React：</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.声明式设计：React采用声明范式，<span style="color: black;">能够</span><span style="color: black;">容易</span>描述应用。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.<span style="color: black;">有效</span>：React<span style="color: black;">经过</span>对DOM的模拟，最大限度地减少与DOM的交互。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.灵活：React<span style="color: black;">能够</span>与已知的库或框架很好地<span style="color: black;">协同</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">优点：</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.速度快：在UI渲染过程中，React<span style="color: black;">经过</span>在虚拟DOM中的微操作来实现对<span style="color: black;">实质</span>DOM的局部更新。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.跨浏览器兼容：虚拟DOM<span style="color: black;">帮忙</span><span style="color: black;">咱们</span><span style="color: black;">处理</span>了跨浏览器问题，它为<span style="color: black;">咱们</span><span style="color: black;">供给</span>了标准化的API，<span style="color: black;">乃至</span>在IE8中都是没问题的。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.模块化：为你程序编写独立的模块化UI组件，<span style="color: black;">这般</span>当某个或某些组件<span style="color: black;">显现</span>问题是，<span style="color: black;">能够</span>方便地进行隔离。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.单向数据流：Flux是一个用于在JavaScript应用中创建单向数据层的架构5.同构、纯粹的javascript：<span style="color: black;">由于</span>搜索引擎的爬虫程序依赖的是服务端响应而不是JavaScript的执行，预渲染你的应用有助于搜索引擎优化。6.兼容性好：<span style="color: black;">例如</span><span style="color: black;">运用</span>RequireJS来加载和打包，而Browserify和Webpack适用于构建大型应用。它们使得<span style="color: black;">哪些</span>艰难的任务<span style="color: black;">再也不</span>让人望而生畏。缺点：React本身只是一个V<span style="color: black;">罢了</span>，并不是一个完整的框架，<span style="color: black;">因此</span><span style="color: black;">倘若</span>是大型项目想要一套完整的框架的话，基本都<span style="color: black;">必须</span>加上ReactRouter和Flux<span style="color: black;">才可</span>写大型应用。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic4.zhimg.com/80/v2-7465799963a11002478f56613f2f18b7_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Vue：</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Vue是尤雨溪编写的一个构建数据驱动的Web界面的库，准确<span style="color: black;">来讲</span>不是一个框架，它聚焦在V（view）视图层。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">它有以下的特性：</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.轻量级的框架</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.双向数据绑定</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.指令</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.插件化</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">优点：</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.简单：官方文档很清晰，比Angular简单易学。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.快速：异步批处理方式更新DOM。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.组合：用解耦的、可复用的组件组合你的应用程序。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.紧凑：~18kbmin+gzip，且<span style="color: black;">没</span>依赖。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">5.强大：表达式<span style="color: black;">没</span>需声明依赖的可推导属性(computedproperties)。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.对模块友好：<span style="color: black;">能够</span><span style="color: black;">经过</span>NPM、Bower或Duo安装，不强迫你所有的代码都遵循Angular的<span style="color: black;">各样</span>规定，<span style="color: black;">运用</span>场景更加灵活。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">缺点：</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.新生儿：Vue.js是一个新的项目，<span style="color: black;">无</span>angular<span style="color: black;">那样</span>成熟。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.影响度不是很大：google了一下，<span style="color: black;">相关</span>于Vue.js多样性<span style="color: black;">或</span>说丰富性少于其他<span style="color: black;">有些</span>有名的库</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.不支持IE8。</p>
你的话语真是温暖如春，让我心生感激。 楼主继续加油啊！外链论坛加油！ “板凳”（第三个回帖的人） 我深受你的启发，你的话语是我前进的动力。 谢谢、感谢、感恩、辛苦了、有你真好等。 “BS”（鄙视的缩写）
页:
[1]