1.vue和angular的码解优缺点？
2.Angular 练级之旅(6)-CDK的使用

vue和angular的优缺点？

       Angular2相比Vue有什么优势

       1.Angular2由Google主导，而Vue由个人主导。码解

       并不是码解说能力方面，但考虑到个人的码解经费和精力等多方面原因，团队项目要比个人项目在多方面因素上更为靠谱。码解

       2.Angular2旨在提供通用的码解企业官网模板源码前端方案，而Vue仅专注于Web。码解

       作为框架而言Angular2在实现上具有更高的码解抽象层次，不仅可以开发Web应用（面向DOM），码解还可以开发客户端应用（面向NativeUI），码解比如搭配NativeScript。码解

       3.Angular2有原生的码解Isomorphic解决方案，而Vue只能靠第三方库或服务。码解

       服务器端渲染可以提供良好的码解SEO以及首页加载的性能优化，而Angular2有官方提供的码解服务器端渲染支持，可以解决Vue等纯前端框架无法解决的痛点。

       作者：Tw

       来源：知乎

       著作权归作者所有，转载请联系作者获得授权。

       Vue.js

       Vue.js@尤雨溪老师写的一个用于创建web交互界面的库，是糗事百科android 源码一个精简的MVVM。从技术角度讲，Vue.js专注于MVVM模型的ViewModel层。它通过双向数据绑定把View层和Model层连接了起来。实际的DOM封装和输出格式都被抽象为了Directives和Filters。Vue.js和其他库相比是一个小而美的库，作者的主要目的是通过一个尽量简单的API产生可反映的数据绑定和可组合的视图组件，感觉作者的思路非常清晰。

       优点：

       简单：官方文档很清晰，比Angular简单易学。

       快速：异步批处理方式更新DOM。

       组合：用解耦的、可复用的组件组合你的应用程序。

       紧凑：~kbmin+gzip，且无依赖。

       强大：表达式无需声明依赖的可推导属性(computedproperties)。

       对模块友好：可以通过NPM、Bower或Duo安装，不强迫你所有的代码都遵循Angular的各种规定，使用场景更加灵活。

       缺点：

       新生儿：Vue.js是一个新的项目，年3月日发布的java 微信开发源码0..0ReleaseCandidate版本，目前github上面最新的是0..4版本，没有angular那么成熟。

       影响度不是很大：google了一下，有关于Vue.js多样性或者说丰富性少于其他一些有名的库。

       不支持IE8：哈哈不过AngularJS1.3也抛弃了对IE8的支持，但是@司徒正美老师的avalon是支持IE6+的，应该下了很多努力去优化。这一点对于那些需要支持IE8的项目就不好了，不过这也是web前端开发的一个趋势，像IE低版本就应该退出历史舞台了，通过改变我们的前端思维，而不是顺应那些使用老版本而不去升级的人。@玉伯老师就说过一句话，我觉得说的非常好“这年头，支持IE6、7早就不再是特性，而是耻辱。努力推动支付宝全面不支持IE6、7，期待更多兄弟加盟”。

       AngularJS

       AngularJS最近很火，c 验证码识别源码追随者也很多。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框架，它最早发布于..，为解决同一业务逻辑存在各种视图呈现而开发出来的。常常可以看到老师推广他的Avalon.js，出了很多教程，无疑对国内学习Avalon.js的人提供了巨大方便。

       优点

       使用简单，在HTML中添加绑定，在JS中用avalon.define定义ViewModel，再调用avalon.scan方法，它就能动了！

       兼容到IE6(其他MVVM框架，KnockoutJS(IE6),AngularJS(IE9),EmberJS(IE8),WinJS(IE9))，另有avalon.mobile，它可以更高效地运行于IE等新版本浏览器中

       没有任何依赖，不到行，压缩后不到KiB

       支持管道符风格的过滤函数，方便格式化输出

       局部刷新的颗粒度已细化到一个文本节点，特性节点

       要操作的节点，在第一次扫描就与视图刷新函数相绑定，并缓存起来，因此没有选择器出场的余地。

       让DOM操作的代码近乎绝迹

       使用类似CSS的重叠覆盖机制，让各个ViewModel分区交替地渲染页面

       节点移除时，智能卸载对应的视图刷新函数，节约内存

       操作数据即操作DOM，对ViewModel的操作都会同步到View与Model去

       自带AMD模块加载器，省得与其他加载器进行整合。

       缺点

       缺点可以看这里相比Angular，Avalon有什么缺点呢？-司徒正美的回答

       终于答完了，还有一些我没有找到的还有错误的希望大家指出。

       Vue：

       Vue是尤雨溪编写的一个构建数据驱动的Web界面的库，准确来说不是一个框架，它聚焦在V(view)视图层。它有以下的特性：1.轻量级的框架;2.双向数据绑定;3.指令;4.插件化。

       优点：

       1.简单：官方文档很清晰，比Angular简单易学。

       2.快速：异步批处理方式更新DOM。

       3.组合：用解耦的、可复用的组件组合你的应用程序。

       4.紧凑：~kbmin+gzip，且无依赖。

       5.强大：表达式无需声明依赖的可推导属性(computedproperties)。

       6.对模块友好：可以通过NPM、Bower或Duo安装，不强迫你所有的代码都遵循Angular的各种规定，使用场景更加灵活。

       缺点：

       1.新生儿：Vue.js是一个新的项目，没有angular那么成熟。

       2.影响度不是很大：google了一下，有关于Vue.js多样性或者说丰富性少于其他一些有名的库

       3.不支持IE8。

       以上就是青藤小编关于Web前端主流框架：Vue的优缺点分析的相关分享，希望对大家有所帮助，想要了解更多相关内容，欢迎大家及时关注哦!

Angular 练级之旅(6)-CDK的使用

       探讨Angular CDK的使用与价值，尤其是Overlay模块的实践。CDK，即Component Dev Kit，是Angular官方提供的一系列组件、指令和辅助方法，旨在简化和提升组件开发的效率。

       CDK组件广泛应用于构建交互复杂、功能丰富的应用。本文重点介绍Overlay模块，它为组件如select、dropdown、modal等提供统一的实现方式，通过触发器展现额外的HTML内容。

       OverlayModule是创建浮层的关键模块，它负责管理浮层的呈现、位置和尺寸。实际应用中，我们经常使用它实现下拉菜单、模态框等功能。在官方示例中，将UserProfile集成到overlay中，但其文档阅读体验不佳。直接查看API文档会更清晰。

       API文档中，Overlay服务用于动态附加overlay，而指令则负责设定overlay的附加部分。在使用中，服务的场景和需求并不常见，而指令成为了我更常用的工具。

       以at-ui源码为例，展示了如何创建Overlay内容，并通过_atOrigin作为触发点。在实际项目中，通常需要注入elementRef来监听hover、click和contextmenu事件，以实现多种触发方式。这些事件对应不同的操作模式，通过Demo可以直观体验。

       关于为何不直接在按钮DOM上创建dropdown内容，讨论了几个不理想之处。代码解释比文字说明更直观，特地提供了一篇更深入的教程链接。文章内容虽相对简略，但希望读者能从中有所启发和收获。