Vue项目性能提升策略探讨：Vue与Angular的利弊分析

Vue和Angular的优劣 Angular2相较于Vue有哪些长处 1.Angular2由谷歌主导，而Vue由个人发起。 虽然不能说在能力上，但考虑到个人在资金和精力等多方面的限制，团队项目在多方面因素上更可靠。 2.Angular2旨在提供通用的【前端】解决方案，而Vue仅专注于Web。 作为框架，Angular2在实现上具有更高的抽象层次，不仅可以开发Web应用（面向DOM），还可以开发客户端应用（面向NativeUI），例如搭配NativeScript。 3.Angular2有原生的Isomorphic解决方案，而Vue只能依赖第三方库或服务。 服务器端渲染可以提供良好的SEO以及首页加载的性能优化，而Angular2有官方提供的服务器端渲染支持，可以解决Vue等纯前端框架无法解决的痛点。 vue、angular、avalon这三种MVVM框架之间有哪些优劣 作者：Tw93 来源：知乎 著作权归作者所有，转载请联系作者获得授权。 Vue.js Vue.js是尤雨溪老师编写的一个用于创建web交互界面的库，是一个简洁的MVVM。从技术角度讲，Vue.js专注于MVVM模型的ViewModel层。它通过双向数据绑定将View层和Model层连接起来。实际的DOM封装和输出格式都被抽象为Directives和Filters。Vue.js与其他库相比是一个小巧精致的库，作者的主要目的是通过一个尽可能简单的API产生可反映的数据绑定和可组合的视图组件，感觉作者的思路非常清晰。 优点： 简洁：官方文档很清晰，比Angular简单易学。 迅速：异步批处理方式更新DOM。 组合：用解耦的、可复用的组件组合你的应用程序。 紧凑：~18kbmin+gzip，且无依赖。 强大：表达式无需声明依赖的可推导属性(computedproperties)。 对模块友好：可以通过NPM、Bower或Duo安装，不强迫你所有的代码都遵循Angular的各种规定，使用场景更加灵活。 缺点： 新生儿：Vue.js是一个新的项目，2014年3月20日发布的0.10.0ReleaseCandidate版本，目前github上面最新的是0.11.4版本，没有angular那么成熟。 影响力不大：google了一下，有关于Vue.js多样性或者说丰富性少于其他一些有名的库。 不支持IE8：哈哈不过AngularJS1.3也抛弃了对IE8的支持，但是司徒正美老师的avalon是支持IE6+的，应该下了很多努力去优化。这一点对于那些需要支持IE8的项目就不好了，不过这也是web前端开发的一个趋势，像IE低版本就应该退出历史舞台了，通过改变我们的前端思维，而不是顺应那些使用老版本而不去升级的人。玉伯老师就说过一句话，我觉得说的非常好“这年头，支持IE6、7早就不再是特性，而是耻辱。努力推动支付宝全面不支持IE6、7，期待更多兄弟加盟”。 AngularJS AngularJS最近很火，追随者也很多。SuperheroicJavaScriptMVWFramework 官方说得很朴素：“完全使用JavaScript编写的客户端技术。同其他历史悠久的Web技术（HTML、CSS和JavaScript）配合使用，使Web应用开发比以往更简单、更快捷”。当你学习它的时候，我相信你会被它的很多新特效所吸引。 优点： 动态视图：以前从来没有想过js可以如此扩展HTML的属性，但是AngularJs做到了，它替我们静态的HTML加了很多扩展性功能，有一种让HTML由死变活的感觉。 完善：是一个比较完善的前端MVW框架，包含模板，数据双向绑定，路由，模块化，服务，依赖注入等所有功能，模板功能强大丰富，并且是声明式的，自带了丰富的Angular指令。 Google维护：AngularJS有Google来维护，无疑有了一个强大的后台，对于推广和维护明显比Vue.js和avalon有优势，社区也非常活跃，能够很好促进它的发展。 AngularJSIonic：Ionic:AdvancedHTML5HybridMobileAppFramework，这俩就是一个好基友，Ionic通过用AngularJS为了创建一个框架，最适合开发的丰富和强大的应用程序。上次于知乎答了一个相关问题做webapp开发，性能和效率最好的框架和打包app平台分别是哪个？-汤威的回答，详细可以见这里。 缺点： 大而全：学习起来有难度，对于我来讲学习曲线很曲折，比较难理解一些。 推翻重写：前段时候逛社区发现AngularJS2.0会把之前的推翻重写，两个框架的改变很大，基本是两个框架了，等于是说等到2.0出来后又需要从头开始，不过又说回来，徐飞老师的［翻译］有关Angular2.0的一切·Issue#8·xufei/blog·GitHub这篇文章很好说明了AngularJS2.0的变化。 不支持IE8以下，貌似2.0变得只支持移动端了，等到出来后再看吧。 Avalon.js Avalon.js是司徒正美老师所编写的一个简单易用迷你的MVVM框架，它最早发布于2012.09.15，为解决同一业务逻辑存在各种视图呈现而开发出来的。常常可以看到老师推广他的Avalon.js，出了很多教程，无疑对国内学习Avalon.js的人提供了巨大方便。 优点 使用简单，在HTML中添加绑定，在JS中用avalon.define定义ViewModel，再调用avalon.scan方法，它就能动了！ 兼容到IE6(其他MVVM框架，KnockoutJS(IE6),AngularJS(IE9),EmberJS(IE8),WinJS(IE9))，另有avalon.mobile，它可以更高效地运行于IE10等新版本浏览器中 没有任何依赖，不到5000行，压缩后不到50KiB 支持管道符风格的过滤函数，方便格式化输出 局部刷新的颗粒度已细化到一个文本节点，特性节点 要操作的节点，在第一次扫描就与视图刷新函数相绑定，并缓存起来，因此没有选择器出场的余地。

要处理的节点，在首次扫描时便与视图更新函数绑定并存储，因此无选择器的使用空间。

DOM操作代码几乎消失 运用类似CSS的层叠覆盖规则，实现不同ViewModel区域轮流渲染页面 节点被移除时，自动卸载相应的视图更新函数，节省内存 操作数据等同于操作DOM，对ViewModel的任何改动都会同步至View和Model 内置AMD模块加载器，无需与其他加载器整合。

不足之处 不足之处可参考这里——司徒正美的回答 问题解答完毕，还有一些未找到的错误或遗漏之处，希望大家提出指正。 Web前端主流框架——Vue的优缺点剖析 Vue： Vue是由尤雨溪编写的一个构建数据驱动的Web界面的库，严格来说不是一个框架，它专注于V(view)视图层。它具有以下特点：1.轻量级框架；2.双向数据绑定；3.指令；4.插件化。 优点： 1.简洁：官方文档明确，比Angular简单易学。 2.高效：采用异步批处理方式更新DOM。 3.组合：通过解耦的、可复用的组件构建应用程序。 4.紧凑：约18kbmin+gzip，且无依赖。 5.强大：表达式可以推导出无需声明的属性(computedproperties)。 6.模块友好：可通过NPM、Bower或Duo安装，无需遵循Angular的各种规定，使用场景更加灵活。 缺点： 1.新生：Vue.js是一个新项目，不如Angular成熟。 2.影响力有限：搜索了一下，Vue.js的多样性和丰富性较其他知名库略少。 3.不支持IE8。 以上是青藤小编关于Web前端主流框架：Vue的优缺点剖析的相关分享，希望对大家有所帮助，如需了解更多相关内容，请及时关注哦！

angular、react、vue如何进行SEO优化 百度在变，谷歌在变，搜索引擎都在变。在变化中，我们如何优化我们的网站呢？ 首先，谈谈新手及老手在SEO认知上易犯的错误，我认为有以下几点因素，不容忽视。 1、认为网站首页关键词越多越好，实则不然。 网站首页如若出现大量关键词，大量关键词堆砌在首页，不仅对优化有影响，还会降低用户体验，我们应通过长尾关键词的方式展现关键词，这样不仅不会影响用户体验，还能使流量更加精准。 2、认为网站更新就足够。 认为保持网站内容每日更新就足够，然而却随意**其他地方的文章，毫无原创性，非原创文章，宁愿不发。 3、认为外链至关重要。 认为不断发布外链非常重要，有人认为SEO就是为了排名，完全不考虑网站文章的质量、可读性以及用户体验，甚至不惜使用一些软件、站群，这样做，即使排名上去了，也无法留住客户。为了SEO而大量发布外链，完全不考虑外链质量，认为只要数量足够，排名就会上升，实则不然，这样做会被搜索引擎视为作弊，存在降权风险。