天天看点

微服务前端Angular 6.0.0 发布

静对新版本

十八岁时打架,兄弟多,那是面子,敢惹事那叫魄力!现在打架了,悄悄的,真怕身边的朋友笑话!从前,天天喝大酒,唱歌,通宵KTV,那叫会玩。现在低调做人,约上三五知己喝喝茶,到公园跑两圈,多陪陪家人,那叫靠谱!不管你混的多牛逼,多有钱,做和你年龄匹配的事,这叫责任,也叫成熟!10年前发个脾气,牛都拉不回来。10年后生个气,转眼就觉得没必要。时间渐渐磨去了年少轻狂,也渐渐沉淀了冷暖自知。10年前,连多愁善感都要吹得惊天动地 ,10年后,越痛越不动声色;越苦,越保持沉默 。10年前,我们本着糊涂装明白,10年后,我们本着明白装糊涂。成长就是将你的一切都变成心静如水,将一切情绪调整到静音模式!

微服务前端Angular 6.0.0 发布

AngularJS

AngularJS 通过新的属性和表达式扩展了 HTML。

AngularJS 可以构建一个单一页面应用程序(SPAs:Single Page Applications)。

AngularJS 学习起来非常简单。

Angular 6.0.0 发布

Angular 6.0.0 发布,Angular v6 是统一整体框架、Material 和 CLI 三大 Angular 组件的第一个版本,此次没有将重点放在底层框架,而是更多地关注于工具链上,以使其具有更好的可移植性。

此次更新信息如下:

更新依赖关系:

@angular/core 现在依赖于:

  • TypeScript 2.7
  • RxJS 6.0.0
  • tslib 1.9.0

@angular/platform-server 现在依赖于 Domino 2.0

特性小改动:

  • animations: 只能使用 WA-polyfill 和 AnimationBuilder
  • animations: 在转换匹配器中暴露元素和参数
  • common: 在 NgIf 中使用非模板元素时更好的错误消息
  • common: 导出函数来格式化数字,百分数,货币和日期
  • compiler: 实现“enableIvy”编译选项
  • core: 添加绑定名称到内容更改错误

bug 修复:

  • 即使在 noOp 动画期间也要报告正确的 totalTime 值
  • 避免在路由器返回/刷新期间插入动画
  • 修复增加/减少别名示例
  • 修正 Observable 方法的映射

微服务商后端分离

对于网页应用,现代的开发方法使得前端部分变得越来越大,与之对应的后端反而变小。我们的网站Weld的代码中90%都是前端相关。我可以想象大多数现代的网页应用都类似。

网页应用一直在演化,网页开发的技术也在不断进步。现代的开发甚至依赖于在同一个项目中使用多个不同的框架。比如我们使用一些依赖于jQuery、AngularJS 1.x的旧的模块,和React、Vue里面的新模块。

单一框架无法应对大型网页应用

我们需要一种方法可以把一个大的项目拆分成很多个小的模块,让它们独自运行。

举个例子:

  • myapp.com:使用静态HTML技术构建的静态页面。
  • myapp.com/settings:使用AngularJS 1.x 构建的旧的设置页面。
  • myapp.com/dashboard:使用React构建的新的控制面板。

能够想象我们需要如下技术:

  • 一个共享的JavaScript代码库比如用于管理路由和用户会话,以及一些共享的CSS。当然要越少越好。
  • 一堆独立的模块,也就是微应用(‘mini-app’)。每一个使用各自的框架搭建,使用不同的代码库管理。
  • 一个可以将所有模块连接起来的发布系统,可以将整个服务运行。任何模块的更新都会触发服务的重启。

总结

前端微服务化是根据业务场景,当服务级别大到一定程度的时候,团队的组织形式发生的变化。